/* Photographic entrance and a prominent, persistent navigation. */
header{position:sticky;top:0;z-index:30;width:100%;height:96px;max-width:none!important;padding:0 clamp(22px,3vw,60px);box-shadow:0 1px 0 #ffffff20}
nav{gap:clamp(16px,2.1vw,35px)}nav a{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:800;letter-spacing:-.025em;white-space:nowrap;padding:20px 0}nav a:after{width:7px;height:7px;bottom:5px}nav a:hover,nav a[aria-current]{color:var(--sun)}
html{scroll-padding-top:115px}.hero{min-height:calc(100svh - 96px)}
body.entrance-open{overflow:hidden}.entrance{position:fixed;inset:0;z-index:100;background:var(--ink);color:var(--paper);height:100svh;overflow:hidden;opacity:1;transition:opacity 1.2s cubic-bezier(.25,.46,.45,.94)}.entrance[hidden]{display:none}.entrance.leaving{opacity:0;pointer-events:none}.entrance-photos,.entrance-shade{position:absolute;inset:0}.entrance-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.5s ease-in-out;object-position:50% 50%}.entrance-photo.is-current{opacity:1}.entrance-shade{background:linear-gradient(180deg,#0003,transparent 25%,#0001 60%,#0006);pointer-events:none}.entrance-brand{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;border:0;background:transparent;color:var(--paper);width:100%;padding:100px 9vw;cursor:pointer}.entrance-brand svg{width:min(76vw,1050px);height:auto;overflow:visible;filter:drop-shadow(0 2px 16px #0003);transition:transform .8s ease}.entrance-brand:hover svg{transform:scale(1.015)}.entrance-brand:focus-visible{outline:3px solid var(--sun);outline-offset:-12px}.entrance-invite{margin-top:38px;display:flex;align-items:center;gap:20px;font-size:12px;font-weight:bold;letter-spacing:.16em;text-shadow:0 1px 6px #000}.entrance-invite:after{content:'↗';display:grid;place-items:center;border:1px solid #ffffff88;border-radius:50%;width:36px;height:36px;font-size:20px}.entrance-top,.entrance-bottom{position:absolute;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:24px;pointer-events:none;text-shadow:0 1px 8px #000}.entrance-top{top:35px}.entrance-bottom{bottom:32px;align-items:end}.entrance-bottom p{margin:0}.entrance-controls{pointer-events:auto;display:flex;align-items:center;gap:18px}.entrance-pause{background:#0003;border:1px solid #ffffff88;color:var(--paper);padding:9px 12px;font-size:10px}.entrance-count{min-width:50px}.entrance-progress{display:flex;gap:6px;margin-top:12px}.entrance-progress i{width:28px;height:2px;background:#ffffff55}.entrance-progress i.is-current{background:var(--sun)}
@media(max-width:1050px){header{height:86px}.hero{min-height:calc(100svh - 86px)}.menu-toggle{display:block;font-size:14px;font-weight:700;letter-spacing:.05em;padding:12px 18px}nav{display:none;position:absolute;top:86px;left:0;right:0;padding:25px var(--gutter) 35px;background:var(--ink);border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff44;max-height:calc(100svh - 86px);overflow:auto}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}nav a{font-size:clamp(22px,4vw,38px);padding:13px 0;border-bottom:1px solid #ffffff22}nav a:after{left:auto;right:8px;bottom:45%}html{scroll-padding-top:105px}}
@media(max-width:520px){header{height:78px}nav{top:78px;max-height:calc(100svh - 78px)}.hero{min-height:calc(100svh - 78px)}.entrance-brand{padding:100px 22px}.entrance-brand svg{width:88vw}.entrance-top{top:26px;font-size:9px}.entrance-top span:last-child{max-width:100px;text-align:right}.entrance-bottom{bottom:24px;font-size:9px}.entrance-bottom>div:first-child{max-width:135px}.entrance-invite{font-size:10px;margin-top:30px}.entrance-controls{gap:10px}.entrance-progress i{width:20px}}
@media(prefers-reduced-motion:reduce){.entrance,.entrance-photo{transition:none}.entrance-brand:hover svg{transform:none}}
@media(max-width:520px){.entrance-photo:first-child{object-position:65% 50%}}
/* One home: studio, experience and offer, with a dedicated portfolio chooser. */
nav{gap:48px}.works-menu{position:relative}.works-toggle{border:0;background:none;color:inherit;font-size:14px;font-weight:800;padding:20px 0;display:flex;gap:18px;align-items:center}.works-toggle>span{font-size:22px;color:var(--sun);transition:transform .3s}.works-toggle[aria-expanded=true]>span{transform:rotate(45deg)}#works-dropdown{position:absolute;top:64px;right:-85px;width:430px;background:var(--sun);color:var(--ink);padding:24px 28px 15px;box-shadow:0 20px 45px #0003;animation:menuReveal .3s ease both}#works-dropdown[hidden]{display:none}#works-dropdown>p{font-size:9px;margin:0 0 15px}#works-dropdown a{display:grid;grid-template-columns:25px 1fr 20px;gap:15px;align-items:center;padding:22px 0;border-top:1px solid #00000044;font-size:24px;transition:padding .2s}#works-dropdown a:hover{color:var(--ink);padding-left:8px}#works-dropdown a:after{display:none}#works-dropdown small{display:block;font-size:11px;font-weight:400;margin-top:7px;letter-spacing:0}#works-dropdown .menu-number{font:10px monospace}#works-dropdown b{font-weight:400}#works-dropdown a[aria-current]{color:var(--ink)}@keyframes menuReveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.experience-home{display:grid;grid-template-columns:1.1fr 1fr;padding:0;gap:0;min-height:calc(100svh - 96px)}.experience-home .logo-scene{display:none}.experience-copy{padding:clamp(44px,5vw,90px) 4.6vw 40px;align-self:center}.experience-home h1{font-size:clamp(42px,4.65vw,80px);line-height:.98;max-width:none;letter-spacing:-.065em;margin:0 0 30px}.experience-home h1 span{color:var(--sun)}.experience-copy .eyebrow{color:var(--grey);font-size:10px;margin-bottom:36px}.experience-lead{font-size:clamp(20px,2vw,29px);line-height:1.25;letter-spacing:-.025em;margin:0 0 22px}.experience-detail{max-width:440px;color:var(--grey);font-size:15px;line-height:1.65}.experience-links{display:flex;gap:30px;margin-top:28px;flex-wrap:wrap}.experience-links .mono{font-size:10px}.experience-links .arrow{margin-left:14px}.experience-image{position:relative;min-height:620px;overflow:hidden}.experience-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.experience-image-label{position:absolute;bottom:28px;left:28px;right:28px;display:flex;justify-content:space-between;gap:25px;color:white;text-shadow:0 1px 5px #000}.experience-strip{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding:24px var(--gutter);border-top:1px solid #ffffff30;color:var(--grey)}
@media(max-width:1050px){nav{gap:0}.works-toggle{font-size:clamp(22px,4vw,38px);width:100%;justify-content:space-between;border-bottom:1px solid #ffffff22;padding:13px 0}#works-dropdown{position:static;width:100%;margin:10px 0;padding:20px}#works-dropdown a{font-size:24px}.experience-home{min-height:calc(100svh - 86px)}.experience-image{min-height:570px}.experience-home h1{font-size:clamp(38px,5vw,60px)}}
@media(max-width:650px){.experience-home{grid-template-columns:1fr}.experience-copy{padding:50px var(--gutter) 45px}.experience-home h1{font-size:clamp(42px,9vw,60px)}.experience-image{min-height:420px;grid-row:2}.experience-strip{flex-wrap:wrap;gap:18px;font-size:9px}.experience-strip span{width:calc(50% - 18px)}.experience-detail{font-size:14px}.experience-image-label{font-size:9px}.experience-copy .eyebrow{margin-bottom:28px}}

/* Readable supporting text on the dark surfaces. */
.experience-strip,.experience-copy .eyebrow,.experience-detail,.footer .mono,.studio-copy .mono,.motion-break{color:#FFFFFF}
.experience-strip,.experience-copy .eyebrow,.experience-links .mono,.footer .mono{font-weight:700}
.experience-strip,.experience-copy .eyebrow,.experience-links .mono{font-size:14px;line-height:1.6}
.experience-strip{border-top-color:#ffffff66}