#fragment-sequence{position:relative;background:var(--paper);isolation:isolate}.fragment-stage{height:100svh;min-height:650px;position:relative;overflow:hidden;background:var(--paper)}body:has(#fragment-sequence)>.hsd-header{position:absolute;left:0;right:0;top:0;background:transparent;border:0;z-index:80;opacity:0;pointer-events:none}body.fragment-ready>.hsd-header{opacity:1;pointer-events:auto;transition:opacity .5s}.fragment-assembly{position:absolute;width:min(82vw,1120px);aspect-ratio:1.6;left:50%;top:50%;transform:translate(-50%,-50%);isolation:isolate}.fragment-tile{position:absolute;left:calc(var(--col)*20%);top:calc(var(--row)*25%);width:20.04%;height:25.04%;overflow:hidden;background:#e6ecdf;transform-origin:center;will-change:transform;border:.5px solid #f4f4ef33;backface-visibility:hidden}.fragment-tile img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;max-width:none;pointer-events:none}.fragment-photo-tile:nth-child(6) img{object-position:70% 30%;width:220%;max-width:none}.fragment-ui-tile img{width:240%;max-width:none;object-position:left top;object-fit:cover}.fragment-photo-tile:nth-child(14) img{width:180%;object-position:right top}.fragment-type-tile{background:#f4f4ef;color:#242923;display:grid;place-items:center}.fragment-type{font:clamp(28px,5vw,84px)/1 var(--serif);letter-spacing:-.04em}.fragment-logo-tile{background:#252e27;color:#f4f4ef;display:grid;place-items:center}.fragment-logo{font:clamp(30px,6vw,105px)/1 var(--serif);letter-spacing:-.06em}.fragment-phrase-tile{display:grid;place-items:center;padding:15px;background:#c5d7af}.fragment-phrase{font:clamp(13px,1.8vw,28px)/1.15 var(--sans);letter-spacing:-.03em}.fragment-chip{position:absolute;inset:0;display:flex;align-items:end;padding:14px}.fragment-chip small{font:11px var(--sans);background:#f4f4ef;color:#242923;padding:4px 6px}.fragment-grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent calc(25% - 1px),#879b773d calc(25% - 1px),#879b773d 25%),repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),#879b773d calc(20% - 1px),#879b773d 20%);display:grid;place-items:center}.fragment-grid span{font:13px var(--sans);letter-spacing:.2em}.frame-bars{position:absolute;inset:0;border-top:14px solid #242923;border-bottom:14px solid #242923;pointer-events:none}.assembly-shade{position:absolute;inset:0;z-index:4;background:linear-gradient(0deg,#14201355,#14201308),linear-gradient(90deg,transparent,#14201391 35%,#14201391 65%,transparent);opacity:0;pointer-events:none}.fragment-brand{position:absolute;z-index:5;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;opacity:0;pointer-events:none;padding:25px}.fragment-brand p{font:clamp(15px,2vw,30px)/1.5 var(--ko);letter-spacing:-.04em;margin-bottom:18px;text-shadow:0 2px 15px #142013}.fragment-brand h1{font:clamp(45px,9vw,136px)/1.05 var(--serif);letter-spacing:-.025em;white-space:nowrap;text-shadow:0 2px 30px #14201355}.fragment-hero-actions{position:absolute;bottom:5vh;left:6vw;right:6vw;display:flex;justify-content:space-between;font-size:14px;opacity:0}.fragment-hero-actions a{border-bottom:1px solid;padding:8px 0}.fragment-work-heading{position:absolute;left:6vw;top:15vh;opacity:0;pointer-events:none;width:38%}.fragment-work-heading h2{font:clamp(47px,5.5vw,83px)/1.03 var(--serif);letter-spacing:-.04em;margin-bottom:25px}.fragment-work-heading p{font:14px/1.9 var(--ko);color:var(--muted)}.fragment-work-meta{position:absolute;bottom:9vh;left:48vw;right:6vw;opacity:0;display:flex;justify-content:space-between;gap:20px;font-size:12px}.fragment-work-meta a{text-decoration:underline;text-underline-offset:5px}#fragment-skip{position:absolute;right:5vw;bottom:24px;background:transparent;font-size:12px;text-decoration:underline;text-underline-offset:4px;z-index:30;padding:12px}#fragment-sequence[data-state=work] #fragment-skip{opacity:0;pointer-events:none}.fragment-ready #fragment-assembly{box-shadow:0 25px 60px -40px #24322266}.fragment-ready .fragment-tile{will-change:auto}#selected-work{padding-top:90px}
@media(max-width:767px){.fragment-stage{height:100svh;min-height:700px}.fragment-assembly{width:89vw;aspect-ratio:1.25;top:46%}.fragment-brand h1{font-size:10vw}.fragment-brand p{font-size:14px;margin-bottom:13px}.fragment-brand{padding:12px}.fragment-type{font-size:9vw}.fragment-logo{font-size:12vw}.fragment-phrase{font-size:11px}.fragment-chip{padding:6px}.fragment-chip small{font-size:8px;padding:3px}.frame-bars{border-width:7px}.fragment-hero-actions{bottom:13vh;font-size:12px;left:6vw;right:6vw}.fragment-work-heading{left:6vw;top:12vh;width:88%}.fragment-work-heading h2{font-size:43px;line-height:1.03;margin-bottom:14px}.fragment-work-heading p{font-size:12px}.fragment-work-heading .section-label{font-size:11px;margin-bottom:12px}.fragment-work-meta{left:6vw;right:6vw;bottom:8vh;font-size:10px;flex-direction:column;gap:10px}#fragment-skip{bottom:20px;right:6vw;font-size:11px}#selected-work{padding-top:60px}}
@media(prefers-reduced-motion:reduce){body:has(#fragment-sequence)>.hsd-header{opacity:1;pointer-events:auto}.fragment-stage{min-height:700px}.fragment-brand,.assembly-shade,.fragment-hero-actions{opacity:1}.fragment-tile{will-change:auto}#fragment-skip{display:none}}

body.fragment-ready:has(#fragment-sequence)>.hsd-header{opacity:1;pointer-events:auto}.fragment-photo-tile:nth-child(6) img,.fragment-photo-tile:nth-child(14) img{width:100%;object-fit:cover;object-position:50% 40%}