.demo-reading-progress{position:fixed;top:0;left:0;height:3px;background:currentColor;width:var(--demo-progress,0%);z-index:99;pointer-events:none}.demo-utility{display:flex;gap:8px;align-items:center}.demo-utility button{display:grid;place-items:center;background:transparent;color:inherit;border:1px solid currentColor;width:34px;height:34px;cursor:pointer}.demo-utility svg{width:16px;height:16px}.demo-zoomable{cursor:zoom-in}.demo-photo-view{width:calc(100% - 40px);max-width:1150px;max-height:92svh;background:#111;color:#fff;border:0;padding:16px}.demo-photo-view::backdrop{background:#000c}.demo-photo-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px;font-size:12px}.demo-photo-head button{width:38px;height:38px;display:grid;place-items:center;color:inherit;background:none;border:1px solid #888;cursor:pointer}.demo-photo-view img{width:100%;height:calc(85svh - 90px);object-fit:contain;max-height:760px}.demo-photo-head svg{width:18px;height:18px}.demo-photo-caption{font-size:11px;line-height:1.7;margin:12px 0 0}.demo-effects-paused .quality-reveal{opacity:1!important;transform:none!important}.demo-effects-paused *{animation-play-state:paused!important}.quality-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.quality-reveal.is-read{opacity:1;transform:none}nav a[data-current=true]{text-decoration:underline;text-underline-offset:7px}.craft-study{padding:70px 6%;border-top:1px solid #8885;border-bottom:1px solid #8885;color:inherit}.craft-study .craft-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:30px}.craft-study h2{font-size:40px;line-height:1.2;margin:15px 0 0;letter-spacing:0}.craft-study small{font-size:10px;letter-spacing:1px}.craft-options{display:flex;gap:5px;flex-wrap:wrap;margin:25px 0}.craft-options button{font:inherit;font-size:12px;padding:11px 18px;background:none;color:inherit;border:1px solid #888;cursor:pointer}.craft-options button[aria-pressed=true]{background:#20231e;color:white}.craft-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:6%;align-items:center}.craft-image{width:100%;aspect-ratio:4/3;object-fit:cover;transition:filter .7s,object-position .7s}.craft-copy h3{font-size:25px;margin:18px 0;line-height:1.4}.craft-copy p{font-size:15px;line-height:1.9;margin:18px 0}.craft-copy dl{font-size:12px;display:grid;grid-template-columns:1fr 2fr;gap:14px;margin:25px 0}.craft-copy dd{margin:0}.craft-meta{border-top:1px solid #8885;padding-top:20px;font-size:11px;line-height:1.8}.craft-study[data-craft=velvet]{background:#e9e8ec;color:#2e202b}.craft-study[data-craft=pulse]{background:#eceded;color:#222}.craft-study[data-craft=human]{background:#f5f6f2;color:#282d26}.craft-study[data-craft=quiet]{background:#e8eeef;color:#273b3e}@media(max-width:700px){.craft-study{padding:45px 6%}.craft-layout{grid-template-columns:1fr;gap:25px}.craft-study h2{font-size:30px}.craft-study .craft-head{display:block}.craft-copy h3{font-size:23px}.demo-photo-view{width:calc(100% - 20px);padding:12px}.demo-photo-view img{height:65svh}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.quality-reveal{opacity:1;transform:none;transition:none}.craft-image{transition:none}}
.demo-effects-paused .portrait>img,.demo-effects-paused .product-stage>img{transform:none!important;transition:none!important}