:root{--bg:#111211;--text:#f0efeb;--muted:#a7aaa4;--line:#363933;--serif:'Italiana',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--text);font:16px var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #fff0b3;outline-offset:7px}a:hover{color:#fff0b3}header{display:flex;align-items:center;justify-content:space-between;padding:30px 5%;border-bottom:1px solid var(--line);gap:20px}.wordmark{font-size:25px;letter-spacing:-1px;font-weight:600}sup{font-size:10px;vertical-align:top;margin-left:4px}.label,.preview{font-size:12px;letter-spacing:1.6px;text-transform:uppercase}.preview{color:var(--muted)}.intro{padding:65px 7% 55px;position:relative;min-height:720px}.intro h1{position:relative;z-index:1;font-size:clamp(62px,7.4vw,118px);line-height:.98;letter-spacing:-5px;font-weight:450;margin:45px 0}.intro h1>span{padding-left:10%}em{font-family:var(--serif);font-style:normal;font-weight:400}.intro h1 em{padding-left:5%}.intro-image{position:absolute;right:7%;top:60px;width:32%;height:480px;margin:0;transform:rotate(3deg)}.intro-image img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;filter:brightness(.8)}figcaption{font-size:11px;letter-spacing:1.4px;margin-top:13px}.intro-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:55px;position:relative;z-index:1}.intro-bottom p{max-width:440px;line-height:1.7;color:#c6c7c2;margin:0}.text-link{border-bottom:1px solid #777;padding-bottom:8px;font-size:14px}.project-index{margin:0 7%;display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.project-index a{padding:23px 10px;font-size:17px}.project-index small{font-size:11px;margin-right:16px;color:var(--muted)}.work-intro{display:flex;justify-content:space-between;align-items:start;margin:80px 7% 55px}.work-intro>p:last-child{font-size:35px;line-height:1.15;margin:0}.case{padding:50px 7% 70px;scroll-margin-top:0}.case-heading{display:grid;grid-template-columns:1fr 1.2fr;align-items:end;margin-bottom:32px}.case-heading>.label{grid-column:1/-1;margin-bottom:25px;color:var(--muted)}h2{font-size:clamp(48px,6vw,86px);font-weight:450;letter-spacing:-3px;line-height:1.08;margin:0}.case-heading>p{font-size:25px;line-height:1.15;margin:0 0 4px;justify-self:end}.colorproof-media{display:grid;grid-template-columns:.72fr 1.28fr;gap:25px;align-items:center}.portrait{width:100%;height:580px;object-fit:cover}.film{display:block;position:relative;padding:0;border:0;background:#080b0c;overflow:hidden;width:100%;aspect-ratio:16/9}.film img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s,filter .6s}.film:hover img{transform:scale(1.025);filter:brightness(.75)}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border:1px solid #ffffffa8;border-radius:50%;display:grid;place-items:center;font-size:28px;background:#0003;backdrop-filter:blur(4px)}.film-label{position:absolute;bottom:22px;left:24px;font-size:12px;letter-spacing:1.5px;text-shadow:0 2px 8px #000;background:#0008;padding:8px}.case-copy{display:grid;grid-template-columns:1fr 1.3fr .7fr;gap:40px;padding:35px 0}.case-copy h3{font-size:27px;line-height:1.2;font-weight:400;letter-spacing:-.5px;margin:0}.case-copy p{margin:0;line-height:1.7;color:#c7c8c3}.case-copy .draft{font-size:12px;color:#979d9c;margin-top:18px;line-height:1.6}.deliverables{font-size:13px;display:flex;flex-direction:column;gap:12px;color:var(--muted);align-items:start}details{border-block:1px solid var(--line)}summary{padding:20px 0;cursor:pointer;list-style:none;font-size:14px}summary::-webkit-details-marker{display:none}summary>span{float:right}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-bottom:30px}.process h4{font-size:16px;font-weight:500}.process p{color:var(--muted);line-height:1.7}.neuma{background:#141b23}.wide{max-height:700px}.bohyme-media{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.bohyme-media figure{margin:0}.bohyme-media figure:last-child{margin-top:90px}.bohyme-media img{width:100%;display:block}.elysian{padding-top:35px}.elysian-board{min-height:430px;background:#1b242a;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;text-align:center;border:1px solid #34424a}.elysian-board>.label{color:#b2bec5}.elysian-board>p{font-family:var(--serif);font-size:clamp(65px,10vw,140px);letter-spacing:.08em;margin:35px 0 5px}.elysian-board>em{font-size:30px}.elysian-board>div{display:flex;gap:40px;margin-top:55px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#b2bec5}.approach{padding:75px 7%;background:#141b23}.approach h2{margin:30px 0 45px;font-size:clamp(45px,5vw,70px)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.steps span{font-size:12px;letter-spacing:1px;text-transform:uppercase}.steps p{line-height:1.7;color:#b8bfbe}footer{padding:80px 7% 25px}footer h2{margin:35px 0;font-size:clamp(45px,6vw,85px)}.footer-line{border-top:1px solid var(--line);margin-top:75px;padding-top:25px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}dialog{border:1px solid #444;background:#090a0b;color:white;padding:55px 20px 20px;width:min(1100px,95vw);max-height:95dvh}dialog::backdrop{background:#000d}dialog iframe{display:block;width:100%;aspect-ratio:16/9;max-height:75dvh;border:0}.close{position:absolute;right:20px;top:14px;background:none;border:0;padding:5px}.skip{position:fixed;top:-100px;background:white;color:black;padding:15px;z-index:5}.skip:focus{top:0}@media(min-width:1600px){main{max-width:1800px;margin:auto}}@media(max-width:760px){header{padding:22px 6%}.wordmark{font-size:20px}header>.label{display:none}.preview{font-size:10px}.intro{padding:35px 6% 40px;min-height:0}.intro h1{font-size:clamp(55px,11vw,80px);letter-spacing:-2.5px;margin:35px 0}.intro-image{position:relative;top:auto;right:auto;width:66%;height:300px;margin:30px 5% 35px auto;transform:rotate(2deg)}.intro-bottom{display:block;margin-top:30px}.intro-bottom p{font-size:16px;margin-bottom:25px}.project-index{margin:0 6%;grid-template-columns:1fr 1fr}.project-index a{font-size:15px;padding:20px 0}.work-intro{margin:45px 6% 20px;gap:20px}.work-intro .label{max-width:140px;line-height:1.6}.work-intro>p:last-child{font-size:25px}.case{padding:35px 6% 40px}.case-heading{gap:15px;grid-template-columns:1fr}.case-heading>.label{margin-bottom:0}.case-heading>p{justify-self:start;font-size:22px}h2{font-size:54px;letter-spacing:-2px}.colorproof-media{grid-template-columns:1fr;gap:20px}.portrait{height:auto;max-height:570px;object-fit:contain;background:#191a19}.case-copy{grid-template-columns:1fr;gap:22px;padding:26px 0}.deliverables{flex-direction:row;flex-wrap:wrap;gap:12px 20px}.film-label{font-size:10px;bottom:10px;left:10px;letter-spacing:1px}.play{width:50px;height:50px;font-size:23px}.bohyme-media{grid-template-columns:1fr;gap:18px}.bohyme-media figure:last-child{margin-top:0}.process,.steps{grid-template-columns:1fr;gap:12px}.elysian-board{min-height:330px;padding:24px 15px}.elysian-board>p{font-size:clamp(46px,11vw,76px)}.elysian-board>div{gap:14px;flex-wrap:wrap;justify-content:center;font-size:10px}.approach{padding:45px 6%}.steps p{margin:12px 0 22px}footer{padding:50px 6% 25px}.footer-line{flex-wrap:wrap;margin-top:50px}.footer-line span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.magazine-feature{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding:65px 10% 85px;background:#141b23;margin-bottom:55px}.magazine-cover{display:block;max-width:430px;justify-self:center;box-shadow:12px 20px 45px #0005;transition:transform .4s}.magazine-cover:hover{transform:translateY(-5px)}.magazine-cover img{display:block;width:100%;height:auto}.magazine-copy>.label{color:#b5bebf;margin-bottom:30px}.magazine-copy h2{font-size:clamp(60px,7vw,100px);letter-spacing:-3px}.magazine-copy h3{font-size:clamp(28px,3vw,43px);font-weight:400;line-height:1.15;letter-spacing:-.8px;margin:28px 0}.magazine-copy>p:not(.label){color:#c6c7c2;line-height:1.75;max-width:430px;margin:0 0 32px}.magazine-copy>p em{font-family:inherit;font-style:italic}.magazine-note{display:block;font-size:12px;color:#a7aaa4;margin-top:22px;line-height:1.6}@media(max-width:760px){.magazine-feature{grid-template-columns:1fr;padding:40px 8% 45px;gap:35px;margin-bottom:30px}.magazine-cover{max-width:340px;width:100%}.magazine-copy h2{font-size:64px}.magazine-copy>.label{margin-bottom:22px}}

.intro-film{width:43%;height:auto;top:95px;right:4%;transform:rotate(2deg)}.intro-film .film{aspect-ratio:16/9}.intro-film img{filter:brightness(.85)}.intro h1{pointer-events:none}.magazine-cover{position:relative;padding:0;border:0;background:transparent}.cover-open{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);padding:13px 20px;background:#111e;color:#fff;font-size:11px;letter-spacing:1.5px;white-space:nowrap}.magazine-copy button.text-link{background:none;color:inherit;border:0;border-bottom:1px solid #777;padding:0 0 8px;cursor:pointer}.magazine-original{display:inline-block;margin-top:15px;color:#a7aaa4;font-size:12px;border-bottom:1px solid #555;padding-bottom:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#magazine-reader{width:min(1440px,98vw);height:96dvh;max-height:96dvh;padding:0;background:#111517;border:1px solid #424648;overflow:hidden}#magazine-reader[open]{display:flex;flex-direction:column}#magazine-reader:fullscreen{width:100vw;height:100dvh;max-height:none;border:0}.reader-top{display:flex;align-items:center;justify-content:space-between;padding:18px 25px;border-bottom:1px solid #383e41}.reader-top strong{font-size:25px;font-weight:450;letter-spacing:1px}.reader-top span{font-size:10px;letter-spacing:1.7px;margin-left:24px;color:#a7aaa4}.reader-top button,.reader-tools button,.reader-bottom button{background:none;color:inherit;border:0;min-height:40px;cursor:pointer;padding:8px 12px}.reader-tools{display:flex;justify-content:center;align-items:center;gap:25px;padding:4px 15px;font-size:13px;color:#c1c7c9}.reader-stage{flex:1;min-height:0;overflow:auto;display:flex;padding:15px 25px;touch-action:pan-x pan-y}.reader-stage:not(.zoomed){align-items:center;justify-content:center}#reader-pages{display:flex;align-items:center;justify-content:center;max-width:100%;height:100%;margin:auto;gap:0}#reader-pages img{display:block;max-width:50%;height:100%;max-height:100%;object-fit:contain;min-width:0;box-shadow:0 10px 30px #0003}#reader-pages img:only-child{max-width:100%}.reader-stage.zoomed #reader-pages{height:auto;max-width:none;align-items:flex-start;justify-content:flex-start}.reader-stage.zoomed #reader-pages img{width:1000px;height:auto;max-width:none;max-height:none}.reader-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 25px 18px;border-top:1px solid #383e41;font-size:13px}.reader-bottom input{flex:1;min-width:40px;max-width:500px;accent-color:#becddb}.reader-bottom output{min-width:120px;text-align:center}.reader-bottom button:disabled{opacity:.3;cursor:default}#reader-error{padding:15px;color:#fff0b3;text-align:center}.reader-open:hover{color:#fff0b3}@media(max-width:760px){.intro-film{position:relative;width:100%;top:auto;right:auto;margin:35px 0;transform:none}.reader-top{padding:10px 12px}.reader-top span{display:block;margin:5px 0 0;font-size:9px}.reader-tools{gap:8px;font-size:12px;flex-wrap:wrap}.reader-stage{padding:10px}.reader-bottom{padding:8px;gap:6px;flex-wrap:wrap}.reader-bottom input{order:4;flex-basis:100%;max-width:none}.reader-bottom output{min-width:100px}#magazine-reader{width:100vw;height:100dvh;max-height:100dvh;border:0}.reader-stage.zoomed #reader-pages img{width:1000px}#reader-pages img{max-width:100%}}@media(prefers-reduced-motion:reduce){.magazine-cover{transition:none}}

html{scrollbar-gutter:stable}.magazine-feature{grid-template-columns:1fr 1.1fr 1fr;gap:4%;padding:65px 5% 75px}.magazine-copy{min-width:0}.magazine-copy h2{font-size:clamp(50px,5.2vw,83px)}.magazine-copy h3{font-size:clamp(27px,2.5vw,38px)}.magazine-art{margin:0;align-self:center}.magazine-art img{display:block;width:100%;height:auto;box-shadow:12px 20px 45px #0005}.magazine-art figcaption{color:#a7aaa4;font-size:11px;letter-spacing:1.5px;margin-top:15px}.reader-stage{position:relative;overscroll-behavior:contain}#reader-pages{width:100%}#reader-pages img{aspect-ratio:720 / 935.433;width:auto;flex:0 1 auto}.reader-stage.zoomed #reader-pages{width:max-content}.reader-open:disabled{cursor:progress;opacity:.7}#magazine-reader[open]{animation:reader-enter .18s ease-out}@keyframes reader-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.magazine-feature{grid-template-columns:1fr 1fr;gap:35px;padding:45px 6%}.magazine-art{grid-column:2}.magazine-cover{grid-row:1 / 3;align-self:start}.magazine-copy h2{font-size:56px}}@media(max-width:600px){.magazine-feature{grid-template-columns:1fr}.magazine-cover{grid-row:auto}.magazine-art{grid-column:auto;max-width:340px;justify-self:center}.magazine-copy h2{font-size:64px}}@media(prefers-reduced-motion:reduce){#magazine-reader[open]{animation:none}}

.magazine-cover,.magazine-art{width:100%;max-width:none;align-self:center}.magazine-cover img,.magazine-art img{width:100%;aspect-ratio:720 / 935.433;height:auto;object-fit:contain}.magazine-art{position:relative}.magazine-art figcaption{position:absolute;top:100%;left:0}.featured-spreads{padding:0 5% 75px;background:#141b23;margin-top:-55px;margin-bottom:55px}.spreads-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;border-top:1px solid #3a4249;padding-top:40px;margin-bottom:35px}.spreads-heading h2{font-size:clamp(34px,4vw,54px);letter-spacing:-1.5px}.spreads-heading p{color:#a7aaa4;margin:0 0 4px}.spreads-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.spread-card{padding:0;border:0;background:none;color:inherit;text-align:left;min-width:0}.spread-images{display:flex;width:100%;aspect-ratio:1440 / 935.433;background:#e9e8e3;overflow:hidden;box-shadow:0 12px 26px #0002;transition:box-shadow .25s,transform .25s}.spread-images img{display:block;width:50%;height:100%;object-fit:contain}.spread-caption{display:flex;justify-content:space-between;gap:20px;padding-top:14px;font-size:12px;letter-spacing:.6px;color:#b9bfc1}.spread-caption>span:last-child{color:#eceeea}.spread-card:hover .spread-images{transform:translateY(-3px);box-shadow:0 15px 30px #0005}.spread-card:focus-visible{outline:2px solid #fff0b3;outline-offset:8px}@media(max-width:900px){.magazine-feature{grid-template-columns:1fr 1.1fr 1fr;gap:4%;padding:40px 5% 60px}.magazine-cover{grid-row:auto}.magazine-art{grid-column:auto}.magazine-copy h2{font-size:46px}.magazine-copy h3{font-size:25px}.magazine-copy>p:not(.label){font-size:14px}.featured-spreads{margin-top:-30px;padding:0 5% 45px}.spreads-grid{gap:25px}}@media(max-width:600px){.magazine-feature{grid-template-columns:1fr}.magazine-cover,.magazine-art{max-width:340px;justify-self:center}.magazine-art{margin-top:15px;margin-bottom:15px}.magazine-copy{padding-top:30px}.magazine-copy h2{font-size:64px}.magazine-copy>p:not(.label){font-size:16px}.spreads-grid{grid-template-columns:1fr;gap:28px}.spreads-heading{display:block;padding-top:30px}.spreads-heading p{margin-top:15px}.featured-spreads{margin-bottom:30px}}

.project-index{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:45px}.project-index a{white-space:nowrap}.direction-panel{margin-top:12px}.direction-panel summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;font-size:clamp(21px,2vw,28px);font-weight:600;letter-spacing:-.4px;min-height:82px;transition:color .2s}.direction-panel summary:hover{color:#fff0b3}.direction-panel summary>span{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid #717875;border-radius:50%;font-size:27px;font-weight:400;transition:transform .2s}.direction-panel[open] summary>span{transform:rotate(45deg)}.direction-panel .process h4{font-size:18px;font-weight:600}.featured-spreads>.direction-panel{margin-top:45px}@media(max-width:760px){.project-index{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}.project-index a{font-size:14px}.project-index small{margin-right:7px}.direction-panel summary{font-size:22px;padding:20px 0}.direction-panel summary>span{width:36px;height:36px}}@media(max-width:380px){.project-index{grid-template-columns:1fr 1fr}}

/* Keep image captions in flow and reserve space before featured spreads. */
.magazine-feature{column-gap:4%;row-gap:32px;margin-bottom:0}.magazine-copy{text-align:center}.magazine-copy>p:not(.label){margin-left:auto;margin-right:auto}.magazine-art{width:85%;justify-self:center}.magazine-art figcaption{position:static;margin:15px 0 0;line-height:1.6;text-align:center}.featured-spreads{margin-top:0}.intro>.label{max-width:100%;line-height:1.7}@media(max-width:900px){.magazine-feature{row-gap:32px}.featured-spreads{margin-top:0}}@media(max-width:600px){.magazine-feature{gap:32px;padding-bottom:40px}.magazine-art{width:85%;max-width:289px;margin:0;justify-self:center}.magazine-copy{padding-top:0}.featured-spreads{margin-top:0}.spreads-heading{padding-top:30px}.intro>.label{font-size:11px;letter-spacing:1.2px}}

/* Campaign gallery: native proportions, generous frames, an editorial rhythm. */
.magazine-copy .reader-open{font-size:clamp(20px,1.8vw,27px);line-height:1.35}
.colorproof-media{display:flex;justify-content:center}.colorproof-media>.portrait{width:min(100%,600px);height:auto;max-height:760px;object-fit:contain}
.case>.film.wide{display:block;width:100%;margin:28px 0 34px}
.neuma-gallery{min-width:0;margin:35px 0 50px}.neuma-gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.neuma-gallery-heading>p:last-child{font-size:clamp(24px,3vw,40px);margin:0;letter-spacing:-1px}.neuma-gallery-heading em{font-family:Italiana,serif;font-weight:400}
.neuma-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#768491 transparent;padding:0 0 20px;align-items:start;overscroll-behavior-x:contain}.neuma-card{display:block;flex:0 0 auto;width:calc(clamp(280px,40vw,520px) * var(--photo-ratio));max-width:90%;background:none;border:0;color:inherit;padding:0;text-align:left;scroll-snap-align:start;cursor:zoom-in}.neuma-card:nth-child(3n+2){margin-top:38px}.neuma-card img{display:block;width:100%;height:auto;aspect-ratio:var(--photo-ratio);object-fit:contain;transition:filter .25s}.neuma-card:hover img{filter:brightness(1.06)}.neuma-caption{display:flex;justify-content:space-between;padding-top:13px;font-size:10px;letter-spacing:1.8px}.neuma-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px}.neuma-controls>div,.neuma-lightbox-controls{display:flex;align-items:center;gap:20px}.neuma-controls button,.neuma-lightbox-controls button{border:1px solid #7d858a;background:none;color:inherit;border-radius:50%;width:46px;height:46px;font-size:23px;cursor:pointer}.neuma-controls button:disabled{opacity:.3;cursor:default}#neuma-count{font-size:12px;letter-spacing:2px;font-variant-numeric:tabular-nums;white-space:nowrap}
#neuma-lightbox{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:70px 24px 84px;border:0;background:#101312;color:#f0efeb;box-sizing:border-box}#neuma-lightbox::backdrop{background:#101312}#neuma-lightbox>img{display:block;width:100%;height:100%;object-fit:contain}.neuma-lightbox-close{position:absolute;top:20px;right:24px;background:none;border:0;color:inherit;font-size:16px;min-height:44px;cursor:pointer}.neuma-lightbox-controls{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:2px;white-space:nowrap}
@media(max-width:600px){.neuma-gallery-heading{display:block}.neuma-gallery-heading>p:last-child{margin-top:14px}.neuma-track{gap:16px}.neuma-card{width:calc(340px * var(--photo-ratio));max-width:88%}.neuma-card:nth-child(3n+2){margin-top:26px}.neuma-controls{align-items:start}.neuma-controls>.label{font-size:9px;max-width:100px;line-height:1.8}.neuma-controls>div{gap:10px}.neuma-controls button{width:44px;height:44px}.neuma-gallery{margin-bottom:32px}}

.selfdom-feature{border-top:1px solid #484c49;margin-top:64px;padding-top:42px}.selfdom-feature .spreads-heading h2{font-family:Italiana,serif;font-size:clamp(40px,5vw,68px);font-weight:400}.selfdom-card>img{display:block;width:100%;height:auto;aspect-ratio:2000/1294;object-fit:contain}.selfdom-card{cursor:zoom-in}#selfdom-lightbox{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:70px 24px 84px;box-sizing:border-box;border:0;background:#101312;color:#f0efeb}#selfdom-lightbox::backdrop{background:#101312}#selfdom-lightbox>img{display:block;width:100%;height:100%;object-fit:contain}.selfdom-close{position:absolute;top:20px;right:24px;border:0;background:none;color:inherit;font-size:16px;min-height:44px;cursor:pointer}.selfdom-view-controls{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:22px;font-size:12px;letter-spacing:2px;white-space:nowrap}.selfdom-view-controls button{width:46px;height:46px;border:1px solid #7d858a;border-radius:50%;background:none;color:inherit;font-size:23px;cursor:pointer}@media(max-width:600px){.selfdom-feature{margin-top:40px;padding-top:20px}}

.selfdom-track{display:flex;align-items:start;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#768491 transparent;padding-bottom:20px;overscroll-behavior-x:contain}.selfdom-track>.selfdom-card{flex:0 0 80%;min-width:0;scroll-snap-align:start}.selfdom-track>.selfdom-card:nth-child(even){margin-top:32px}.selfdom-track>.selfdom-card:last-child{margin-right:20%}#selfdom-count{font-size:12px;letter-spacing:2px;white-space:nowrap;font-variant-numeric:tabular-nums}@media(max-width:600px){.selfdom-track{gap:16px}.selfdom-track>.selfdom-card{flex-basis:92%}.selfdom-track>.selfdom-card:nth-child(even){margin-top:18px}.selfdom-track>.selfdom-card:last-child{margin-right:8%}}
.editorial-track{display:flex;align-items:start;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#768491 transparent;padding-bottom:20px;overscroll-behavior-x:contain}.editorial-track>.spread-card{flex:0 0 80%;min-width:0;scroll-snap-align:start}.editorial-track>.spread-card:nth-child(even){margin-top:32px}.editorial-track>.spread-card:last-child{margin-right:20%}.editorial-count{font-size:12px;letter-spacing:2px;white-space:nowrap}.meeting-image{display:block;position:relative;overflow:hidden}.meeting-image img{display:block;width:100%;height:auto;filter:blur(24px);transform:scale(1.08);transition:filter .3s,transform .3s}.meeting-card.revealed img{filter:none;transform:none}.meeting-card.revealed .reveal-label{display:none}.reveal-label{position:absolute;inset:0;display:grid;place-items:center;background:#0005;font-size:12px;letter-spacing:2px;color:white;text-shadow:0 1px 5px black}#meeting-viewer{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:70px 24px 84px;box-sizing:border-box;border:0;background:#101312;color:#f0efeb}#meeting-viewer>img{display:block;width:100%;height:100%;object-fit:contain}#meeting-viewer::backdrop{background:#101312}@media(max-width:600px){.editorial-track{gap:16px}.editorial-track>.spread-card{flex-basis:92%}.editorial-track>.spread-card:nth-child(even){margin-top:18px}.editorial-track>.spread-card:last-child{margin-right:8%}.reveal-label{font-size:10px;letter-spacing:1px}}
#editorial-viewer{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:70px 24px 84px;box-sizing:border-box;border:0;background:#101312;color:#f0efeb}#editorial-viewer>img{display:block;width:100%;height:100%;object-fit:contain}#editorial-viewer::backdrop{background:#101312}

/* Editorial navigation and tactile gallery browsing. */
.reading-progress{position:fixed;inset:0 auto auto 0;width:100%;height:3px;background:#dbe8ed;transform:scaleX(0);transform-origin:left;z-index:20;pointer-events:none}.project-index{position:sticky;top:0;z-index:8;background:#111211f2;backdrop-filter:blur(14px)}.project-index a{transition:color .2s,background .2s}.project-index a[aria-current="location"]{color:#fff0b3;background:#ffffff06}.editorial-index{display:flex;align-items:center;gap:22px;overflow-x:auto;padding:20px 0;margin-bottom:24px;border-block:1px solid var(--line);scrollbar-width:thin}.editorial-index span,.editorial-index a{white-space:nowrap;font-size:12px;letter-spacing:.7px}.editorial-index span{color:var(--muted);text-transform:uppercase;font-size:10px}.editorial-index a{padding:10px 0}.editorial-track,.selfdom-track,.neuma-track{cursor:grab;touch-action:pan-x pan-y}.is-dragging{cursor:grabbing!important;scroll-snap-type:none!important;user-select:none}.is-dragging button{cursor:grabbing!important}.editorial-track img,.selfdom-track img,.neuma-track img{-webkit-user-drag:none}.spread-card:focus-visible,.neuma-card:focus-visible{outline-offset:-3px}.selfdom-feature,.case,.magazine-feature,.featured-spreads h2{scroll-margin-top:95px}.editorial-track>.spread-card{transition:box-shadow .3s}.editorial-track>.spread-card:hover{box-shadow:0 16px 32px #0003}.spreads-heading h2{transition:letter-spacing .4s}.spreads-heading:hover h2{letter-spacing:-1px}.direction-panel summary{transition:color .2s,padding .2s}.direction-panel summary:hover{padding-left:10px;padding-right:10px}
@media(max-width:760px){.intro>.intro-film{position:relative;order:0;margin:0 0 38px;width:100%;top:auto;right:auto;transform:none}.intro>.label{margin-top:0}.project-index{display:flex;gap:20px;overflow-x:auto;margin:0;padding:0 6%;scrollbar-width:none;white-space:nowrap}.project-index a{flex:none;font-size:13px;padding:17px 0}.project-index small{margin-right:6px}.selfdom-feature,.case,.magazine-feature,.featured-spreads h2{scroll-margin-top:74px}.editorial-index{gap:18px}.editorial-index span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Center the project index evenly across the navigation bar. */
.project-index{display:flex;justify-content:center;align-items:center}.project-index a{flex:1;text-align:center;white-space:nowrap}@media(max-width:760px){.project-index{justify-content:safe center}.project-index a{flex:0 0 auto;text-align:center}}

/* Preserve Bohyme’s original proportions at every viewport. */
.bohyme-media img{width:100%;height:auto;object-fit:contain}.bohyme-media figure{min-width:0}

/* Full browser-width chapter bar, independent of the content width. */
.project-index{width:var(--browser-width,100%);margin-inline:calc((100% - var(--browser-width,100%))/2);padding-inline:7%;border-left:0;border-right:0}@media(max-width:760px){.project-index{padding-inline:6%}}

/* ELYSIAN: brand-to-commerce case study. */
.commerce-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;margin:38px 0 28px}.commerce-intro h3,.commerce-ugc h3{font-size:clamp(32px,3.7vw,56px);line-height:1.12;font-weight:400;letter-spacing:-1.5px;margin:0}.commerce-intro em,.commerce-ugc em{font-family:Italiana,serif;font-weight:400}.commerce-intro p,.commerce-chapter-heading>p,.commerce-ugc p:not(.label){font-size:16px;line-height:1.8;color:#bfc5c4;margin:0 0 18px}.commerce-scope{display:flex;flex-wrap:wrap;gap:12px 28px;padding-bottom:30px;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#9caead}.commerce-chapter{margin:54px 0 64px;min-width:0}.commerce-chapter-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-bottom:28px}.commerce-chapter-heading h3{font-size:clamp(25px,2.7vw,38px);line-height:1.2;font-weight:400;letter-spacing:-.8px;margin:12px 0 0}.commerce-chapter-heading .label{color:#abc8d1}.commerce-chapter-heading>p{margin-bottom:0}.commerce-storefront{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.commerce-storefront>.commerce-card:nth-child(2){margin-top:64px}.commerce-card{cursor:zoom-in}.commerce-browser{display:flex;justify-content:space-between;background:#202929;border:1px solid #3d4848;border-bottom:0;padding:13px 18px;font-size:11px;letter-spacing:2px;color:#d9e0de}.commerce-card .meeting-image{background:#fff}.commerce-card img{width:100%;height:auto;object-fit:contain}.commerce-chapter .editorial-track>.commerce-card{flex-basis:39%}.commerce-chapter .editorial-track>.commerce-card:last-child{margin-right:61%}.commerce-chapter .editorial-track>.commerce-card:nth-child(even){margin-top:36px}.commerce-ugc{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:48px 5%;margin-bottom:40px;background:#172126;border-top:1px solid #53626b}.commerce-ugc .label{margin-bottom:24px;color:#b7ccd7}.ugc-directions{display:flex;flex-wrap:wrap;gap:10px 22px;padding:12px 0 20px;font-size:14px;color:#ecede6}.commerce-ugc .commerce-pending{font-size:13px;color:#9faeb6;margin:0}.commerce-card:focus-visible{outline:2px solid #fff0b3;outline-offset:4px}
@media(max-width:760px){.commerce-intro,.commerce-chapter-heading,.commerce-ugc{grid-template-columns:1fr;gap:24px}.commerce-intro{margin-top:28px}.commerce-chapter{margin:38px 0 45px}.commerce-storefront{gap:16px}.commerce-storefront>.commerce-card:nth-child(2){margin-top:34px}.commerce-browser{padding:10px;font-size:10px}.commerce-ugc{padding:30px 6%}.commerce-chapter .editorial-track>.commerce-card{flex-basis:78%}.commerce-chapter .editorial-track>.commerce-card:last-child{margin-right:22%}.commerce-chapter .neuma-controls>.label{font-size:10px;max-width:150px}.commerce-scope{gap:12px 20px}}
@media(max-width:480px){.commerce-storefront{grid-template-columns:1fr}.commerce-storefront>.commerce-card:nth-child(2){margin-top:8px}.commerce-intro h3,.commerce-ugc h3{font-size:34px}}

/* Lifestyle-led ELYSIAN case study hero. */
.elysian-hero{position:relative;isolation:isolate;overflow:hidden;background:#111b20}.elysian-hero>img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover}.elysian-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,15,21,.9),rgba(7,15,21,.62) 30%,rgba(7,15,21,.08) 60%,transparent 75%);z-index:1;pointer-events:none}.elysian-hero-copy{position:absolute;inset:0 auto 0 0;display:flex;flex-direction:column;justify-content:center;padding:5%;width:53%;z-index:2;color:#fff}.elysian-hero-copy .label{font-size:11px;line-height:1.7;letter-spacing:1.5px;color:#e2e9ed;margin:0 0 25px}.elysian-hero-copy h2{font-size:clamp(40px,5.7vw,86px);font-weight:400;letter-spacing:-2px;line-height:1;margin:0 0 28px}.elysian-hero-line{font-size:clamp(24px,2.7vw,41px);line-height:1.2;letter-spacing:-.8px;margin:0}.elysian-hero-line em{font-family:Italiana,serif;font-weight:400}
@media(max-width:760px){.elysian-hero-copy{position:relative;width:100%;padding:28px 7% 34px}.elysian-hero{display:flex;flex-direction:column}.elysian-hero>img{order:2}.elysian-hero::after{display:none}.elysian-hero-copy h2{font-size:52px;margin-bottom:18px}.elysian-hero-copy .label{margin-bottom:18px}.elysian-hero-line{font-size:30px;letter-spacing:-.5px}}

/* ELYSIAN: direct hero narrative and level gallery alignment. */
.elysian-hero-idea{display:block;margin-top:22px;font-size:.8em;line-height:1.3}.commerce-description{display:block;margin:32px 0 28px}.commerce-description>div{display:grid;grid-template-columns:1fr 1fr;gap:6%}.commerce-description p{margin:0}.commerce-storefront>.commerce-card:nth-child(2),.commerce-chapter .editorial-track>.commerce-card:nth-child(even){margin-top:0}.commerce-chapter .editorial-track{align-items:start}
@media(max-width:760px){.commerce-description>div{grid-template-columns:1fr;gap:16px}.elysian-hero-idea{margin-top:18px}.commerce-storefront>.commerce-card:nth-child(2),.commerce-chapter .editorial-track>.commerce-card:nth-child(even){margin-top:0}}

/* Bold, spaced ELYSIAN wordmark inspired by the supplied storefront. */
.elysian-hero-copy h2{font-family:"DM Sans",Arial,sans-serif;font-weight:800;letter-spacing:.09em;font-size:clamp(40px,5.3vw,80px)}
.product-focus-window{display:block;position:relative;width:100%;aspect-ratio:574/690;overflow:hidden;background:#ddd}.product-focus-window img{position:absolute;display:block!important;width:250.872%!important;max-width:none!important;height:auto!important;left:-22.474%;top:-38.406%;pointer-events:none}.product-focus-card{cursor:zoom-in}.commerce-chapter .editorial-track>.product-focus-card{flex-basis:32%;margin-top:0}.product-focus-gallery .editorial-track>.product-focus-card:last-child{margin-right:34%}#product-focus-viewer{border:0;background:#101312;color:#fff;padding:70px 24px 30px;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;box-sizing:border-box}#product-focus-viewer::backdrop{background:#101312}#product-focus-viewer .product-focus-window{width:auto;height:min(100%,800px);max-width:100%;margin:auto}.editorial-track>.spread-card:last-child,.selfdom-track>.selfdom-card:last-child,.neuma-track>.neuma-card:last-child{scroll-snap-align:center}
@media(max-width:760px){.commerce-chapter .editorial-track>.product-focus-card{flex-basis:76%}.elysian-hero-copy h2{font-size:48px;letter-spacing:.08em}}

/* Original product and lifestyle imagery, full frames at a consistent height. */
.commerce-chapter .editorial-track>.campaign-product-card{flex:0 0 auto;width:calc(clamp(320px,36vw,500px) * (var(--product-ratio)));margin-top:0;max-width:none}.campaign-product-card .meeting-image{height:clamp(320px,36vw,500px);background:transparent}.campaign-product-card .meeting-image img{width:100%;height:100%;object-fit:contain}.campaign-product-card .spread-caption{font-size:12px;line-height:1.4;gap:12px}.campaign-product-card .spread-caption>span:last-child{white-space:nowrap}.campaign-product-card{cursor:zoom-in}
@media(max-width:760px){.commerce-chapter .editorial-track>.campaign-product-card{width:calc(360px * (var(--product-ratio)))}.campaign-product-card .meeting-image{height:360px}}

/* ELYSIAN brand-color chapter headers; image galleries retain their dark canvas. */
.elysian{--elysian-blue:#137bb8;--elysian-orange:#e94b1e}
.elysian .commerce-chapter-heading{background:var(--elysian-blue);padding:30px 32px;margin-bottom:28px;color:#fff;align-items:center}
.elysian .commerce-chapter-heading .label{color:var(--elysian-orange);font-size:clamp(17px,1.6vw,22px);font-weight:800;letter-spacing:1px;line-height:1.4;margin:0;text-shadow:0 1px 1px #0003}
.elysian .commerce-chapter-heading h3,.elysian .commerce-chapter-heading>p{color:#fff}
@media(max-width:760px){
 .elysian .commerce-chapter-heading{padding:24px 22px;gap:20px}
 .elysian-hero{display:block;min-height:470px;aspect-ratio:4/5}
 .elysian-hero>img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:62% center}
 .elysian-hero::after{display:block;background:linear-gradient(90deg,rgba(7,15,21,.84),rgba(7,15,21,.54) 55%,rgba(7,15,21,.1)),linear-gradient(0deg,rgba(7,15,21,.4),transparent 60%)}
 .elysian-hero-copy{position:relative;min-height:470px;height:100%;width:100%;padding:35px 7%;justify-content:center}
 .elysian-hero-copy .label{max-width:240px;font-size:10px}
 .elysian-hero-copy h2{font-size:clamp(35px,9.2vw,60px);letter-spacing:.06em;margin-bottom:26px}
 .elysian-hero-line{font-size:clamp(23px,6.1vw,36px);line-height:1.25;letter-spacing:-.6px}
 .elysian-hero-idea{font-size:.86em;margin-top:22px}
}

.elysian .elysian-section-header{display:block;margin-bottom:0}.elysian .elysian-section-header>.label{color:var(--elysian-orange)}

/* White ELYSIAN chapter typography with a fine orange frame. */
.elysian .commerce-chapter-heading{border:2.5px solid var(--elysian-orange)}
.elysian .commerce-chapter-heading .label,.elysian .elysian-section-header>.label{color:#fff;text-shadow:none}

/* Two-column publication feature and staggered mobile headline. */
.magazine-feature{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:7%;padding-inline:8%}.magazine-cover{max-width:430px}.editorial-index{margin-top:32px}
@media(max-width:760px){.intro h1{width:100%;text-align:left}.intro h1>br{display:none}.intro h1>em,.intro h1>span{display:block;width:100%;padding-left:0;padding-right:0}.intro h1>em{text-align:center}.intro h1>span{text-align:right}}
@media(max-width:600px){.magazine-feature{grid-template-columns:1fr;gap:32px}.magazine-cover{max-width:340px}}

/* One divider and a compact transition from the editorial index into 10. */
.editorial-index{margin-bottom:0}
.editorial-index+.selfdom-feature{border-top:0;margin-top:0;padding-top:24px}
.editorial-index+.selfdom-feature>.spreads-heading{border-top:0;padding-top:0;margin-bottom:24px}
@media(max-width:600px){.editorial-index+.selfdom-feature{padding-top:20px}.editorial-index+.selfdom-feature>.spreads-heading{margin-bottom:20px}}

/* Consistent single dividers and tighter rhythm across all FIFTY8 editorials. */
.featured-spreads .selfdom-feature{margin-top:32px;padding-top:24px}
.featured-spreads .selfdom-feature>.spreads-heading{border-top:0;padding-top:0;margin-bottom:24px}
.featured-spreads .editorial-index+.selfdom-feature{border-top:0;margin-top:0}
@media(max-width:600px){.featured-spreads .selfdom-feature{margin-top:26px;padding-top:20px}.featured-spreads .selfdom-feature>.spreads-heading{margin-bottom:20px}.featured-spreads .editorial-index+.selfdom-feature{margin-top:0}}

/* All horizontal galleries share a level image plane and preserve full frames. */
.editorial-track,.selfdom-track,.neuma-track{--gallery-height:clamp(320px,36vw,500px);align-items:flex-start}
.editorial-track>button,.selfdom-track>button,.neuma-track>button{flex:0 0 auto!important;width:calc(var(--gallery-height) * var(--gallery-ratio,1.5))!important;max-width:none!important;margin-top:0!important}
.editorial-track>button>.meeting-image,.editorial-track>button>.spread-images,.selfdom-track>button>img,.neuma-track>button>img{height:var(--gallery-height)!important;aspect-ratio:auto!important}
.editorial-track>button>.meeting-image>img{display:block;width:100%;height:100%;object-fit:contain}.selfdom-track>button>img,.neuma-track>button>img{width:100%;object-fit:contain}
@media(max-width:760px){.editorial-track,.selfdom-track,.neuma-track{--gallery-height:320px}}

/* Compact desktop introduction before the chapter navigation. */
@media(min-width:761px){.intro{min-height:0;padding-bottom:28px}.intro h1{margin-bottom:28px}.intro-bottom{margin-top:28px}.intro-film{width:40%}}
/* Landscape frames fit within the mobile track; contain keeps every edge visible. */
@media(max-width:760px){
 .editorial-track>button,.selfdom-track>button,.neuma-track>button{max-width:100%!important;min-width:0;box-sizing:border-box}
 .editorial-track>button>.meeting-image,.editorial-track>button>.spread-images{width:100%;max-width:100%}
 .editorial-track>button>.meeting-image>img,.selfdom-track>button>img,.neuma-track>button>img{object-fit:contain!important}
}

/* ELYSIAN: an editorial brand world and a hands-on storefront study. */
.elysian-world{position:relative;padding-bottom:34px}.elysian-world .elysian-hero{margin:0}.elysian-world-details{display:grid;grid-template-columns:1fr 1fr;gap:22px;width:42%;margin:-70px 4% 0 auto;position:relative;z-index:2}.elysian-world-details figure{margin:0;min-width:0;background:#111211;border:8px solid #111211;box-shadow:0 16px 42px #0004}.elysian-world-details .world-detail-two{margin-top:46px}.elysian-world-details img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}.elysian-world-details figcaption{font-size:12px;letter-spacing:.12em;padding:13px 4px 4px;color:#f0efeb}.elysian .creative-note{border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;margin:16px 0 30px;padding:0;color:#f0efeb;max-width:720px}.elysian .creative-note summary{list-style:none;cursor:pointer;padding:18px 0;font-size:15px;line-height:1.5;display:flex;gap:16px;align-items:center}.elysian .creative-note summary::-webkit-details-marker{display:none}.elysian .creative-note summary>span{display:inline-grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;width:28px;height:28px;flex:0 0 28px;font-size:20px;transition:transform .25s}.elysian .creative-note[open] summary>span{transform:rotate(45deg)}.elysian .creative-note p{font-size:16px;line-height:1.75;color:#bec2c3;margin:0;padding:0 0 22px 44px}.elysian .commerce-description{margin-top:24px}
.storefront-stage{padding:28px clamp(14px,4vw,60px);background:#0c0e10;border:1px solid #ffffff1c}.storefront-tools,.elysian-pair-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:26px}.storefront-tools>p{font-size:14px;color:#babfc1;margin:0}.elysian-switch{display:inline-flex;gap:4px;flex-wrap:wrap;border:1px solid #ffffff40;padding:4px;border-radius:4px}.elysian-switch button{background:transparent;border:0;padding:11px 17px;min-height:44px;color:#c7cbd0;font-size:14px;line-height:1.4}.elysian-switch button[aria-pressed="true"]{background:#f0efeb;color:#101418}.elysian-switch button:hover{background:#fff2}.elysian-switch button[aria-pressed="true"]:hover{background:#fff}.storefront-frame{width:100%;margin:0 auto;border:1px solid #ffffff45;border-radius:10px;overflow:hidden;box-shadow:0 28px 65px #0005;transition:max-width .4s;max-width:1000px;background:#171a1c}.storefront-chrome{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 18px;font-size:11px;letter-spacing:.13em;color:#c7cbd0}.storefront-chrome>span:first-child{color:#6e7b84;letter-spacing:3px}.storefront-screen{height:clamp(350px,46vw,620px);overflow-y:auto;overscroll-behavior:contain;background:white;scrollbar-width:thin;scrollbar-color:#137bb8 #e8e8e8}.storefront-screen:focus-visible{outline:3px solid #e94b1e;outline-offset:-3px}.storefront-desktop img{display:block;width:100%;height:auto}.storefront-scroll-cue{display:flex;justify-content:space-between;padding:13px 18px;font-size:11px;letter-spacing:.14em;color:#c6cbce}.storefront-preview-label{font-size:13px;color:#a8b1b6;text-align:center;margin:20px 0 0}.storefront-stage[data-device="mobile"] .storefront-frame{max-width:370px;border-radius:26px}.storefront-stage[data-device="mobile"] .storefront-screen{height:560px;max-height:65svh}.storefront-stage [hidden]{display:none!important}.mobile-store-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 16px;background:#137bb8;border-top:4px solid #e94b1e;color:white}.mobile-store-nav strong{letter-spacing:.12em;font-size:17px}.mobile-store-nav span{font-size:8px;letter-spacing:.1em}.mobile-store-hero{position:relative}.mobile-store-hero>img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.mobile-store-hero>div{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000b);padding:42px 20px 22px;color:white;font:800 32px/1.1 var(--sans,'DM Sans',sans-serif)}.mobile-store-hero em{color:#6fc9f3;font-style:normal}.mobile-store-copy{text-align:center;padding:32px 18px;color:#101010}.mobile-store-copy h4{font-size:23px;line-height:1.3;margin:12px 0}.mobile-store-copy p{font-size:12px;line-height:1.6;margin:0}.mobile-store-products{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px}.mobile-store-products img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.elysian-pair{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(25px,5vw,80px);align-items:center;background:#0d1011;padding:clamp(18px,3vw,44px);border:1px solid #ffffff20}.elysian-pair-image{height:clamp(380px,48vw,680px);min-width:0;display:grid;place-items:center;background:#15191b}.elysian-pair-image img{width:100%;height:100%;object-fit:contain;display:block}.elysian-pair-copy{min-width:0}.elysian-pair-copy h4{font-size:clamp(30px,4vw,58px);line-height:1.05;font-weight:400;margin:22px 0;letter-spacing:-.04em}.elysian-pair-copy>p:not(.label){font-size:18px;line-height:1.7;color:#bdc3c6}.pair-index{display:block;color:#69777f;font-size:13px;letter-spacing:.15em;margin:35px 0}.elysian-pair-copy .creative-note{margin-bottom:0}.elysian-collection-expand{margin-top:26px;border-block:1px solid #ffffff40}.elysian-collection-expand>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;padding:25px 0;cursor:pointer;font-size:clamp(20px,2vw,28px)}.elysian-collection-expand>summary::-webkit-details-marker{display:none}.elysian-collection-expand>summary>span{font-size:14px;white-space:nowrap;color:#b7c1c6}.elysian-collection-expand summary b{display:inline-block;font-size:22px;margin-left:18px;font-weight:400}.elysian-collection-expand[open] summary b{transform:rotate(45deg)}.expanded-collection{min-width:0;padding-bottom:24px}.elysian .expanded-collection .commerce-chapter{margin-top:0}.elysian-reveal{transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.elysian-reveal.is-waiting{opacity:0;transform:translateY(26px)}
@media(max-width:760px){.elysian-world-details{width:70%;gap:12px;margin:-28px 3% 0 auto}.elysian-world-details figure{border-width:5px}.elysian-world-details .world-detail-two{margin-top:28px}.elysian-world-details figcaption{font-size:10px;padding-top:10px}.elysian-world{padding-bottom:10px}.storefront-tools{gap:14px}.storefront-stage{padding:18px 12px}.storefront-screen{height:380px}.storefront-chrome{font-size:9px;padding:13px 10px}.storefront-chrome>span:first-child{letter-spacing:1px}.elysian-pair-toolbar{gap:12px}.elysian-switch button{padding:10px 13px}.elysian-pair{grid-template-columns:1fr;gap:24px}.elysian-pair-image{height:420px;max-height:65svh}.elysian-pair-copy h4{margin:15px 0}.pair-index{margin:20px 0}.elysian .creative-note p{padding-left:0}.elysian-collection-expand>summary{gap:12px}.elysian-collection-expand>summary>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.elysian-reveal.is-waiting{opacity:1;transform:none}.elysian-reveal,.storefront-frame{transition:none}}

.storefront-live-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border:1px solid var(--elysian-orange);color:#fff;font-size:14px;transition:background .2s}.storefront-live-link:hover{background:var(--elysian-blue);color:#fff}

/* FIFTY8 opens the page as a full-width screening feature. */
.intro{padding-top:28px;min-height:0;padding-bottom:35px}
.intro>.intro-film.screening-feature{position:relative;inset:auto;width:100%;max-width:1440px;height:auto;transform:none;margin:0 auto 48px}
.screening-topline{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 0;border-top:1px solid #ffffff38;font-size:12px;letter-spacing:.15em;line-height:1.5}
.screening-topline>span:last-child{font-weight:600;letter-spacing:.24em}
.screening-feature .film{aspect-ratio:16/9;isolation:isolate;border:1px solid #ffffff2c;box-shadow:0 22px 65px #0004}
.screening-feature .film::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0007,transparent 45%,#0002);z-index:1}
.screening-feature .film>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:brightness(.94);transition:filter .65s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.screening-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:13px;min-height:60px;min-width:164px;padding:15px 25px;border:1px solid #fffc;border-radius:50px;backdrop-filter:blur(12px);background:#080d125c;color:#fff;z-index:3;font-size:15px;letter-spacing:.035em;transition:background .3s,color .3s,box-shadow .3s}
.screening-play>span{font-size:25px;line-height:1}
.screening-corner{position:absolute;width:28px;height:28px;z-index:2;pointer-events:none;border-color:#fffa;border-style:solid;transition:transform .5s}
.screening-corner-tl{left:22px;top:22px;border-width:1px 0 0 1px}.screening-corner-br{right:22px;bottom:22px;border-width:0 1px 1px 0}
.screening-feature figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:16px;font-size:12px;line-height:1.6;letter-spacing:.08em;color:#bfc4c5}
.screening-feature .film:focus-visible{outline:2px solid #fff0b3;outline-offset:5px}
@media(hover:hover){.screening-feature .film:hover>img{filter:brightness(1);transform:scale(1.018)}.screening-feature .film:hover .screening-play{background:#f0efeb;color:#111;box-shadow:0 8px 35px #0004}.screening-feature .film:hover .screening-corner-tl{transform:translate(5px,5px)}.screening-feature .film:hover .screening-corner-br{transform:translate(-5px,-5px)}}
.intro-copy{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);column-gap:7%;align-items:end;max-width:1440px;margin:auto}
.intro-copy>.label{grid-column:1/-1;font-size:13px;line-height:1.7;letter-spacing:.1em;margin:0 0 28px}
.intro .intro-copy h1{font-size:clamp(56px,6.1vw,100px);line-height:1.04;letter-spacing:-.045em;margin:0;min-width:0}
.intro .intro-copy .intro-bottom{display:block;margin:0 0 5px;min-width:0}.intro-copy .intro-bottom p{font-size:18px;line-height:1.7;margin-bottom:25px;max-width:370px}.intro-copy .intro-bottom .text-link{display:inline-block}
#player.featured-screening{width:min(1500px,96vw);max-width:96vw;padding:52px 12px 12px;background:#030405;border-color:#ffffff30;box-shadow:0 30px 120px #000b}
#player.featured-screening::backdrop{background:#000f;backdrop-filter:blur(8px)}
#player.featured-screening iframe{max-height:calc(92dvh - 70px);aspect-ratio:16/9;object-fit:contain}
@media(max-width:760px){.intro{padding-top:20px;padding-bottom:28px}.intro>.intro-film.screening-feature{margin-bottom:30px}.screening-topline{font-size:10px;letter-spacing:.08em;padding:13px 0;gap:10px}.screening-play{min-width:126px;min-height:48px;padding:10px 17px;font-size:13px;gap:9px}.screening-play>span{font-size:20px}.screening-corner{width:18px;height:18px}.screening-corner-tl{left:12px;top:12px}.screening-corner-br{right:12px;bottom:12px}.screening-feature figcaption{font-size:10px;letter-spacing:.03em;gap:10px;margin-top:12px}.intro-copy{display:block}.intro-copy>.label{font-size:12px;margin-bottom:25px}.intro .intro-copy h1{font-size:clamp(48px,10.5vw,78px);margin:0 0 28px}.intro .intro-copy .intro-bottom{margin:0}.intro-copy .intro-bottom p{font-size:16px;max-width:100%;margin-bottom:20px}#player.featured-screening{padding:48px 6px 6px}}
@media(prefers-reduced-motion:reduce){.screening-feature .film>img,.screening-play,.screening-corner{transition:none}.screening-feature .film:hover>img{transform:none}}

/* A single-line statement with a centered invitation beneath the film. */
.intro .intro-copy{display:block;text-align:center;padding:5px 0 12px}
.intro .intro-copy>.label{margin:0 0 23px;font-size:12px;letter-spacing:.14em;line-height:1.7}
.intro .intro-copy h1.intent-headline{display:flex;justify-content:center;align-items:baseline;gap:.23em;white-space:nowrap;width:100%;font-size:clamp(17px,4.7vw,76px);letter-spacing:-.045em;line-height:1.18;margin:0}
.intro .intro-copy h1.intent-headline>span,.intro .intro-copy h1.intent-headline>em{display:inline;width:auto;flex:0 0 auto;padding:0;text-align:inherit}
.intro .intro-copy h1.intent-headline>em{font-style:italic;color:#dedfdc}
.intro .intro-copy .intro-bottom{display:flex;flex-direction:column;align-items:center;margin:27px auto 0;max-width:690px;position:relative}
.intro .intro-copy .intro-bottom p{max-width:630px;font-size:clamp(16px,1.35vw,20px);line-height:1.7;margin:0;color:#c2c8ca;text-wrap:balance}
.intro .intro-copy .intro-bottom .text-link{display:inline-flex;align-items:center;min-height:44px;margin-top:20px;padding:9px 0;border-bottom:1px solid #ffffff70;font-size:14px;letter-spacing:.08em;text-decoration:none;transition:border-color .25s,color .25s}
.intro .intro-copy .intro-bottom .text-link:hover{border-color:#fff0b3;color:#fff0b3}
@media(max-width:760px){.intro .intro-copy{padding-top:0}.intro .intro-copy>.label{font-size:11px;letter-spacing:.06em;margin-bottom:20px}.intro .intro-copy .intro-bottom{margin-top:21px}.intro .intro-copy .intro-bottom p{font-size:16px;line-height:1.65}.intro .intro-copy .intro-bottom .text-link{margin-top:16px}.screening-feature figcaption{flex-wrap:wrap}}

/* Give the introduction sentence the full desktop measure. */
@media(min-width:1000px){.intro .intro-copy .intro-bottom{max-width:100%;width:100%}.intro .intro-copy .intro-bottom p{max-width:none;white-space:nowrap;text-wrap:nowrap;font-size:clamp(16px,1.35vw,20px)}}

/* Match ELYSIAN's section hierarchy to the other campaign headers. */
.elysian .commerce-chapter-heading .label,.elysian .elysian-section-header>.label{font-size:12px;font-weight:400;letter-spacing:1.6px;line-height:1.7}
.elysian .elysian-hero-copy h2{font-size:clamp(48px,6vw,86px);line-height:1.08;letter-spacing:.025em}
.elysian .commerce-chapter-heading h3,.elysian .commerce-ugc h3{font-size:clamp(34px,4vw,54px);line-height:1.15;letter-spacing:-1.5px;font-weight:400}
/* A bounded image grid prevents intrinsic image dimensions from escaping the frame. */
.elysian .elysian-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-width:0}
.elysian .elysian-pair-image{width:100%;height:clamp(320px,36vw,500px);min-height:0;max-height:none;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden}
.elysian .elysian-pair-image img{width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain}
.elysian .elysian-featured,.elysian .expanded-collection,.elysian .commerce-ugc{min-width:0;position:relative;isolation:isolate}
.elysian .commerce-ugc{margin-top:32px;clear:both}
.elysian .commerce-ugc>div{min-width:0}
@media(max-width:760px){.elysian .elysian-hero-copy h2{font-size:54px;letter-spacing:.025em}.elysian .elysian-pair{grid-template-columns:minmax(0,1fr)}.elysian .elysian-pair-image{height:360px;max-height:60svh}.elysian .commerce-chapter-heading h3,.elysian .commerce-ugc h3{font-size:34px}.elysian .commerce-ugc{margin-top:24px}}
@media(max-width:400px){.elysian .elysian-hero-copy h2{font-size:42px}}

/* A lighter secondary headline scale within ELYSIAN's chapter headers. */
.elysian .commerce-chapter-heading h3,.elysian .commerce-ugc h3{font-size:clamp(29px,3.4vw,46px);letter-spacing:-1px;line-height:1.18}
@media(max-width:760px){.elysian .commerce-chapter-heading h3,.elysian .commerce-ugc h3{font-size:29px}}

/* Persistent, keyboard-accessible reveal controls for sensitive editorials. */
.nsfw-card{position:relative}.nsfw-card>.meeting-card{display:block;width:100%}
.nsfw-toggle{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:3;min-height:44px;padding:10px 16px;border:1px solid #ffffff70;border-radius:3px;background:#101416ed;color:#fff;font:500 14px/1.5 var(--sans, sans-serif);white-space:nowrap;cursor:pointer}
.nsfw-toggle:focus-visible{outline:2px solid #fff0b3;outline-offset:3px}
.nsfw-view-toggle{top:65px}.nsfw-view-toggle[hidden]{display:none}
#meeting-viewer.is-sensitive>img,#editorial-viewer.is-sensitive>img{filter:blur(24px)}

/* ELYSIAN mobile storefront: campaign, collection, then brand story. */
.storefront-stage[data-device="mobile"] .storefront-frame{max-width:390px;border-radius:24px;border:5px solid #303638;box-shadow:0 26px 70px #0008}
.storefront-stage[data-device="mobile"] .storefront-screen{height:640px;max-height:72svh;scrollbar-width:thin}
.storefront-mobile{color:#171717;background:#fff;font-family:"DM Sans",sans-serif;isolation:isolate}
.storefront-mobile button,.storefront-mobile a{touch-action:manipulation}
.study-announcement{text-align:center;padding:10px 8px;background:#e94b1e;color:#fff;font-size:11px;font-weight:600;letter-spacing:.12em}
.mobile-store-nav{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:55px 1fr 55px;padding:8px 12px;border-top:0;border-bottom:2.5px solid #e94b1e;background:#137bb8;color:white}
.mobile-store-nav strong{text-align:center;letter-spacing:.15em;font-size:24px;font-weight:800}
.study-menu summary,.study-nav-shop{min-width:44px;min-height:44px;display:grid;place-items:center;border:0;background:none;color:#fff;cursor:pointer}
.study-menu summary{list-style:none;font-size:23px}.study-menu summary::-webkit-details-marker{display:none}.study-nav-shop{font-size:12px;letter-spacing:.07em}
.study-menu nav{position:absolute;top:100%;left:0;right:0;background:#137bb8;padding:12px 20px 20px;box-shadow:0 12px 20px #0003;border-bottom:2.5px solid #e94b1e}
.study-menu nav>*{display:block;text-align:left;min-height:44px;padding:12px 0;font-size:16px;border:0;border-bottom:1px solid #ffffff40;background:none;color:#fff;width:100%}
.mobile-store-hero{position:relative;background:#182426}.mobile-store-hero>img{aspect-ratio:3/4;object-fit:cover;object-position:center 25%;width:100%;height:auto}
.mobile-store-hero>.study-hero-copy{padding:70px 22px 24px;background:linear-gradient(transparent,#071321df);text-align:left}
.study-hero-copy p{font-size:10px;line-height:1.5;letter-spacing:.13em;font-weight:600;margin:0 0 10px;color:white}
.study-hero-copy h4{font:800 clamp(30px,8vw,40px)/.98 "DM Sans",sans-serif;letter-spacing:-.035em;margin:0 0 18px;color:#fff}
.study-hero-copy h4 em{color:#85d6ff;font-style:normal}
.storefront-mobile .study-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 16px;background:#e94b1e;border:0;color:#fff;font:600 13px/1.4 "DM Sans",sans-serif;text-decoration:none;letter-spacing:0}
.study-brand-strip{background:#111;color:#fff;text-align:center;padding:14px 8px;font-size:9px;letter-spacing:.1em}
.study-collection{padding:32px 16px;background:#fff}.study-section-title{text-align:center;margin-bottom:24px}.study-section-title p,.study-story>div>p:first-child{font-size:11px;letter-spacing:.14em;font-weight:600;color:#137bb8;margin:0 0 10px}.study-section-title h4{font-size:29px;font-weight:800;line-height:1.05;letter-spacing:-.04em;margin:0 0 12px}.study-section-title>span{display:block;font-size:13px;line-height:1.5;color:#626262}
.mobile-store-products{gap:22px 12px;padding:0;align-items:start}.study-product{padding:0;border:0;background:none;color:#161616;text-align:left;min-width:0;cursor:zoom-in}.mobile-store-products .study-product img{aspect-ratio:3/4;object-fit:cover;width:100%;height:auto;background:#eee}.study-product-name{display:block;font-size:14px;line-height:1.25;font-weight:600;margin-top:10px}.study-product-kind{display:block;font-size:12px;line-height:1.4;color:#666;margin-top:4px}
.study-text-link{display:block;text-align:center;color:#171717;font-size:14px;text-decoration:underline;text-underline-offset:5px;padding:14px 0 0;margin-top:20px}
.study-story{background:#137bb8;color:#fff}.study-story>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center}.study-story>div{padding:30px 22px}.study-story>div>p:first-child{color:#fff}.study-story h4{font-size:30px;line-height:1.07;letter-spacing:-.03em;margin:10px 0 16px;font-weight:700}.study-story p{font-size:15px;line-height:1.65;margin:0 0 22px}.study-footer{padding:28px 18px;text-align:center;background:#111;color:white;display:grid;gap:12px}.study-footer strong{font-size:25px;letter-spacing:.16em}.study-footer span{font-size:10px;letter-spacing:.15em}.study-footer button{font-size:13px;color:#ccc;text-decoration:underline;min-height:44px;border:0;background:none}
.storefront-mobile :is(button,a,summary):focus-visible{outline:2px solid currentColor;outline-offset:3px}
#study-product-viewer{width:min(720px,94vw);padding:52px 20px 24px;background:#fff;color:#151515;border:0;border-radius:5px;max-height:92dvh;overflow:auto}#study-product-viewer>img{width:100%;height:58dvh;object-fit:contain;display:block;background:#f2f2f2}.study-product-close{position:absolute;right:14px;top:12px;min-height:36px;background:none;border:0;color:#111;font-size:14px;cursor:pointer}#study-product-viewer>div{padding:20px 4px 0}#study-product-viewer p{font-size:11px;letter-spacing:.13em;color:#137bb8;margin:0 0 8px}#study-product-viewer h3{font-size:28px;margin:0 0 14px}#study-product-viewer a{font-size:14px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:400px){.storefront-stage[data-device="mobile"] .storefront-frame{border-width:3px}.study-hero-copy h4{font-size:30px}.mobile-store-nav strong{font-size:21px}.study-collection{padding:26px 12px}.study-product-name{font-size:13px}.study-brand-strip{font-size:8px}}

/* A quieter chapter bar leaves the work visible on short landscape screens. */
.project-index{transition:background-color .25s,border-color .25s;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.project-index a{padding:9px 8px;line-height:22px;min-height:40px}
.project-index.is-stuck{background:rgba(17,18,17,.66);border-color:#ffffff26}
.project-index:focus-within{background:rgba(17,18,17,.92)}
.project-index a:focus-visible{outline-offset:-3px}
@media(max-width:760px) and (orientation:portrait){.project-index a{min-height:44px;padding:11px 0}}
@media(max-width:1100px) and (max-height:600px) and (orientation:landscape){
 .project-index{display:flex;justify-content:safe center;gap:12px;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));overflow-x:auto;scrollbar-width:none;white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
 .project-index::-webkit-scrollbar{display:none}
 .project-index a{flex:1 0 auto;font-size:13px;line-height:20px;padding:6px 6px;min-height:32px}
 .project-index small{font-size:10px;margin-right:5px}
 .project-index.is-stuck{background:rgba(17,18,17,.48);border-color:#ffffff1a}
 .project-index:focus-within{background:rgba(17,18,17,.88)}
 .selfdom-feature,.case,.magazine-feature,.featured-spreads h2{scroll-margin-top:44px}
}

.editorial-collection{padding-top:28px;margin-top:28px;border-top:1px solid var(--line);scroll-margin-top:65px}.editorial-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.editorial-preview{min-width:0;scroll-margin-top:65px}.editorial-preview-image{position:relative;background:#090b0c;overflow:hidden}.editorial-preview-image>a{display:block;aspect-ratio:3/2}.editorial-preview-image img{display:block;width:100%;height:100%;object-fit:contain}.editorial-preview.is-sensitive img{filter:blur(24px)}.editorial-preview-toggle{position:absolute;top:12px;left:50%;transform:translateX(-50%);padding:10px 14px;min-height:44px;font-size:13px;white-space:nowrap;background:#101416ed;border:1px solid #ffffff70;color:#fff;cursor:pointer}.editorial-preview h3{font-size:clamp(20px,2.5vw,32px);font-weight:450;line-height:1.2;margin:16px 0 7px}.editorial-preview p{font-size:12px;color:var(--muted);letter-spacing:1px;margin:0}.editorial-detail-page main{padding:0 7%}.editorial-detail-page .selfdom-feature{margin-top:35px;padding-top:20px}.editorial-back{font-size:14px;padding:10px 0}.editorial-page-links{display:flex;flex-wrap:wrap;gap:18px 30px;padding:30px 7%;border-top:1px solid var(--line)}.editorial-page-links a{padding:10px 0;font-size:14px}.editorial-page-links [aria-current]{color:#fff0b3}
@media(max-width:600px){.editorial-preview-grid{gap:26px 14px}.editorial-preview-toggle{top:8px;font-size:10px;padding:7px 8px;min-height:36px}.editorial-preview-image>a{aspect-ratio:1}.editorial-detail-page main{padding:0 6%}.editorial-detail-page header{gap:20px}.editorial-detail-page .wordmark{font-size:18px}.editorial-back{font-size:12px}.editorial-collection .spreads-heading{gap:20px}}

@media(max-width:760px),(max-width:1100px) and (max-height:600px) and (orientation:landscape){
 .nsfw-toggle{min-height:30px;padding:5px 9px;font-size:12px;line-height:18px;border-radius:3px}
 .nsfw-card>.nsfw-toggle{top:8px}
 .editorial-preview-toggle{top:7px;left:auto;right:7px;transform:none;min-height:28px;padding:4px 7px;font-size:11px;line-height:18px;border-radius:3px}
}

/* Give the opening statement more presence on phones. */
@media(max-width:760px){
 .intro .intro-copy h1.intent-headline{font-size:clamp(20px,6.1vw,44px);gap:.18em;letter-spacing:-.045em}
}

/* Keep protected and unprotected editorial frames on one shared baseline. */
.editorial-track>.nsfw-card{flex:0 0 auto!important;width:calc(var(--gallery-height) * var(--gallery-ratio,1.5))!important;max-width:none!important;margin-top:0!important;min-width:0}
.editorial-track>.nsfw-card>.meeting-card{width:100%;margin:0}
.editorial-track>.nsfw-card .meeting-image{height:var(--gallery-height)!important;aspect-ratio:auto!important;width:100%}
.editorial-track>.nsfw-card .meeting-image>img{width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.editorial-track>.nsfw-card{max-width:100%!important;box-sizing:border-box}}

/* Concise ELYSIAN chapter headers with a shared presentation. */
.elysian .commerce-heading-simple{display:block}
.elysian .commerce-heading-simple .elysian-one-line{white-space:nowrap;font-size:clamp(22px,3.4vw,46px)}
@media(max-width:760px){.elysian .commerce-heading-simple .elysian-one-line{font-size:clamp(18px,5.6vw,29px);letter-spacing:-.7px}}

/* Keep the UGC descriptor quiet beneath its chapter label. */
.elysian .commerce-ugc.commerce-chapter-heading h3{font-size:18px;line-height:1.5;letter-spacing:0;margin-top:10px}
@media(max-width:760px){.elysian .commerce-ugc.commerce-chapter-heading h3{font-size:16px}}

/* Four editorials per row on desktop; retain the two-column mobile layout. */
@media(min-width:1024px){.editorial-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 20px}}

/* Compact references from the campaign moodboards. */
.direction-panel .process-moodboard{margin:4px 0 28px;max-width:540px}
.process-moodboard figcaption{font-size:12px;line-height:1.5;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.process-collage{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:8px;align-items:stretch}
.process-collage img{display:block;width:100%;height:160px;object-fit:cover}
@media(max-width:600px){.direction-panel .process-moodboard{max-width:100%;margin-bottom:22px}.process-collage{gap:6px}.process-collage img{height:125px}}

.process-lighting-composite img{display:block;width:100%;height:auto;object-fit:contain}

.campaign-logo-heading{line-height:1;margin:0;min-width:0}
.campaign-brand-logo{display:block;width:clamp(200px,23vw,310px);max-width:100%;height:auto;object-fit:contain;object-position:left center}
.colorproof-brand-logo{width:clamp(190px,21vw,280px)}
.process-collage.bohyme-process-four{grid-template-columns:1fr 3.15fr;gap:8px}
.process-collage.bohyme-process-four>img{height:145px}
.process-collage.bohyme-process-four>.bohyme-reference-trio{object-fit:contain;background:#000}
.process-product-reference{display:block;width:100%;height:auto;margin-top:10px}
@media(max-width:600px){.campaign-brand-logo{width:240px}.colorproof-brand-logo{width:210px}.process-collage.bohyme-process-four{gap:5px}.process-collage.bohyme-process-four>img{height:110px}}

.magazine-copy .publication-logo-heading{line-height:1}.publication-logo-heading img{display:block;width:clamp(200px,25vw,320px);max-width:100%;height:auto;margin-inline:auto}

/* Keep the campaign reference images together across the available width. */
#colorproof .process-moodboard{max-width:1100px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:12px 18px;align-items:center}
#colorproof .process-moodboard figcaption{grid-column:1/-1;margin:0}
#colorproof .process-collage{min-width:0}
#colorproof .process-collage img{height:160px}
#colorproof .process-product-reference{margin:0;width:100%;height:auto;max-height:200px;object-fit:contain}

/* A single, compact editorial composition for ELYSIAN's opening imagery. */
.elysian .elysian-world{display:grid;grid-template-columns:minmax(0,3.2fr) minmax(0,1fr);gap:12px;align-items:stretch;padding-bottom:0}
.elysian-world .elysian-hero{height:clamp(490px,43vw,650px);min-width:0}
.elysian-world .elysian-hero>img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:58% center}
.elysian-world .elysian-world-details{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr 1fr;gap:12px;width:auto;margin:0;min-width:0;z-index:auto}
.elysian-world-details .world-detail{position:relative;min-height:0;margin:0;border:0;box-shadow:none;overflow:hidden}
.elysian-world-details .world-detail-two{margin-top:0}
.elysian-world-details .world-detail img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
.elysian-world-details .world-detail figcaption{position:absolute;inset:auto 0 0;margin:0;padding:28px 14px 12px;background:linear-gradient(transparent,#000b);font-size:11px;line-height:1.5;color:#fff}
@media(min-width:761px){.elysian-world .elysian-hero-copy{width:64%;padding:5%}.elysian-world .elysian-hero-copy h2{font-size:clamp(42px,5.1vw,74px)}.elysian-world .elysian-hero-line{font-size:clamp(22px,2.4vw,35px)}}
@media(max-width:760px){
 .elysian .elysian-world{grid-template-columns:minmax(0,1fr);gap:8px}
 .elysian-world .elysian-hero{height:auto;min-height:470px}
 .elysian-world .elysian-hero>img{position:absolute;inset:0;object-position:60% center}
 .elysian-world .elysian-world-details{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:8px}
 .elysian-world-details .world-detail{aspect-ratio:4/5}
 .elysian-world-details .world-detail figcaption{font-size:10px;padding:25px 10px 10px}
}
@media(max-width:600px){
 #colorproof .process-moodboard{grid-template-columns:minmax(0,1fr);gap:10px}
 #colorproof .process-collage img{height:125px}
 #colorproof .process-product-reference{max-height:none}
}

/* Full-width rooftop opening, with the campaign copy over its left side. */
.elysian .elysian-world{display:block}
.elysian-world .elysian-hero{height:auto;min-height:0;aspect-ratio:1672/941;display:block}
.elysian-world .elysian-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.elysian-world .elysian-hero-copy{position:absolute;inset:0 auto 0 0;min-height:0;height:100%;width:53%;padding:5%;justify-content:center}
@media(max-width:760px){
 .elysian-world .elysian-hero{aspect-ratio:auto;min-height:380px}
 .elysian-world .elysian-hero>img{object-position:58% center}
 .elysian-world .elysian-hero-copy{width:59%;padding:6% 5%}
 .elysian .elysian-world .elysian-hero-copy h2{font-size:clamp(26px,6.8vw,48px);letter-spacing:.025em;margin-bottom:20px}
 .elysian-world .elysian-hero-line{font-size:clamp(19px,4.3vw,30px);line-height:1.3}
 .elysian-world .elysian-hero::after{display:block;background:linear-gradient(90deg,#071015d9,#07101570 45%,transparent 75%)}
}

/* The complete collection is visible without a disclosure control. */
.elysian-collection{margin-top:26px;min-width:0}

/* ELYSIAN identity and close-up storefront studies. */
.elysian .elysian-hero-copy .elysian-logo-heading{line-height:1;margin-bottom:32px}
.elysian-brand-logo{display:block;width:clamp(180px,27vw,420px);max-width:100%;height:auto}
.elysian .commerce-perspectives .editorial-track{gap:40px;padding-top:28px;padding-bottom:32px;perspective:1600px}
.elysian .commerce-perspectives .editorial-track>.commerce-card{width:min(66vw,900px)!important;max-width:100%!important;background:transparent;overflow:visible}
.commerce-screen-plane{display:block;transform:perspective(1600px) rotateY(var(--view-turn)) rotateZ(var(--view-angle));transform-origin:center;transition:transform .35s ease;box-shadow:0 20px 45px #0007;border:1px solid #ffffff25}
.commerce-screen-plane .commerce-browser{padding:12px 18px;background:#142934}
.elysian .commerce-perspectives .commerce-screen-plane .meeting-image{display:block;position:relative;width:100%;height:auto!important;aspect-ratio:1.3!important;overflow:hidden;background:white}
.elysian .commerce-perspectives .commerce-screen-plane .meeting-image img{width:100%;height:auto;max-height:none;object-fit:initial;transform:translateY(var(--view-offset));display:block}
.elysian .commerce-perspectives .spread-caption{padding-top:30px}
@media(hover:hover){.commerce-perspectives .commerce-card:hover .commerce-screen-plane{transform:none}}
.commerce-perspectives .commerce-card:focus-visible .commerce-screen-plane{transform:none}
@media(max-width:760px){
 .elysian .elysian-hero-copy .elysian-logo-heading{margin-bottom:22px}
 .elysian-brand-logo{width:100%;max-width:240px}
 .elysian .commerce-perspectives .editorial-track{gap:22px;padding-top:16px;padding-bottom:20px}
 .elysian .commerce-perspectives .editorial-track>.commerce-card{width:84vw!important}
 .commerce-screen-plane{transform:rotateZ(calc(var(--view-angle) * .4))}
 .elysian .commerce-perspectives .spread-caption{padding-top:17px}
}
@media(prefers-reduced-motion:reduce){.commerce-screen-plane{transition:none}}

/* Full-width brand narrative and an open product/editorial contact sheet. */
.elysian .commerce-description>div{display:block;width:100%}
.elysian .commerce-description{margin:22px 0 20px}
.elysian .commerce-description p{max-width:none;width:100%;font-size:16px;line-height:1.65}
.elysian-manifesto{font-size:clamp(20px,1.92vw,28px);line-height:1.5;font-weight:400;margin:26px 0 0;color:var(--ink,#f3f2ec)}
.elysian-manifesto em{font-family:Italiana,serif;font-weight:400}
.elysian-collection{margin-bottom:0}
.elysian-collection .commerce-chapter{margin-bottom:20px}
.elysian-collection .expanded-collection{padding-bottom:0}
.elysian-collection+[data-private-gallery="elysian-storefront"]{margin-top:28px}
.elysian .pieces-heading h3.elysian-one-line{font-size:18px;line-height:1.5;letter-spacing:0;margin-top:10px}
.pieces-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}
.pieces-card{display:block;min-width:0;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:zoom-in;font:inherit}
.pieces-image{display:block;aspect-ratio:4/5;overflow:hidden;background:#131819}
.pieces-image img{display:block;width:100%;height:100%;object-fit:contain}
.pieces-caption{display:flex;flex-direction:column;gap:5px;padding-top:12px;font-size:14px;line-height:1.4}
.pieces-caption>span:last-child{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#a6b3bb}
.pieces-card:focus-visible{outline:2px solid #ed692c;outline-offset:5px}
@media(max-width:760px){.pieces-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.elysian .pieces-heading h3.elysian-one-line{font-size:16px}.elysian-manifesto{font-size:20px;margin-top:20px}.elysian-collection+[data-private-gallery="elysian-storefront"]{margin-top:24px}}

.elysian-manifesto em{font-size:1.12em;font-weight:700}

/* Match the brand statement to the compact Pieces heading. */
.elysian .elysian-manifesto{font-family:inherit;font-size:18px;line-height:1.5;letter-spacing:0;font-weight:400}
.elysian .elysian-manifesto em{font-family:Italiana,serif;font-size:1em;font-style:italic;font-weight:700}
.elysian .elysian-manifesto strong{font-weight:700}
@media(max-width:760px){.elysian .elysian-manifesto{font-size:16px}}

/* Real mobile storefront screens, with device chrome removed. */
.storefront-stage .storefront-frame[hidden],.storefront-stage .mobile-showcase[hidden]{display:none!important}
.mobile-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(18px,3vw,48px);padding:36px clamp(18px,4vw,58px) 64px;background:#08638a;border-top:2.5px solid #f36722;overflow:hidden}
.mobile-showcase-card{padding:0;border:0;min-width:0;background:transparent;color:white;text-align:left;font:inherit;cursor:zoom-in}
.mobile-showcase-card:nth-child(2){margin-top:54px}
.mobile-showcase-device{display:block;overflow:hidden;border-radius:22px;border:5px solid #152026;background:#111;box-shadow:0 20px 38px #001b3b55}
.mobile-showcase-device img{display:block;width:100%;height:auto}
.mobile-showcase-caption{display:block;padding-top:15px;font-size:13px;letter-spacing:.09em;text-transform:uppercase}
.mobile-showcase-card:focus-visible{outline:2px solid white;outline-offset:6px}
.storefront-stage[data-device="mobile"]{padding-bottom:20px}
@media(max-width:760px){.mobile-showcase{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;padding:24px 20px 28px;scroll-padding-inline:20px}.mobile-showcase-card{flex:0 0 72vw;scroll-snap-align:center}.mobile-showcase-card:nth-child(2){margin-top:0}.mobile-showcase-device{border-radius:18px;border-width:4px}.mobile-showcase-caption{font-size:12px}}

/* Device hardware surrounding the original mobile status bars. */
.mobile-showcase-device{position:relative;border:8px solid #101113;border-radius:clamp(25px,3.5vw,48px);box-shadow:0 0 0 1px #727980,0 0 0 3px #25292d,0 22px 42px #00132680;background:#0b8fbc}
.mobile-showcase-device::before{content:"";position:absolute;z-index:2;top:1.05%;left:37%;width:26%;height:2.1%;border-radius:30px;background:#060708;box-shadow:inset -5px 0 0 #0c1015;pointer-events:none}
.mobile-showcase-device::after{content:"";position:absolute;bottom:.75%;left:35%;width:30%;height:4px;border-radius:10px;background:#fff9;box-shadow:0 0 2px #0006;pointer-events:none}
@media(max-width:760px){.mobile-showcase-device{border-width:7px;border-radius:36px}}

.journey-desktop[hidden]{display:none!important}
.journey-stage .journey-desktop{margin-top:0}
.journey-hint{font-size:12px;color:#ffffffb3}

@media(min-width:761px){.product-stage .mobile-showcase{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-inline:28px}.product-stage .mobile-showcase-card:nth-child(even){margin-top:54px}}

/* ELYSIAN: level gallery frames with a quiet image zoom. */
.elysian .commerce-screen-plane,
.elysian .commerce-perspectives .commerce-card:hover .commerce-screen-plane,
.elysian .commerce-perspectives .commerce-card:focus-visible .commerce-screen-plane{transform:none}
.elysian .commerce-perspectives .editorial-track{perspective:none;align-items:flex-start;padding-top:12px}
.elysian .commerce-perspectives .editorial-track>.commerce-card{margin-top:0!important;align-self:flex-start}
.elysian .commerce-perspectives .commerce-screen-plane .meeting-image img{transform:none;transform-origin:top center}
.elysian :is(.meeting-image,.pieces-image,.mobile-showcase-device){overflow:hidden}
.elysian :is(.meeting-image,.pieces-image,.mobile-showcase-device)>img,
.elysian .elysian-hero>img,
.elysian .storefront-desktop>img{scale:1;transition:scale .45s cubic-bezier(.2,.65,.3,1)}
@media(min-width:761px){
 .elysian .commerce-perspectives .commerce-screen-plane .meeting-image{height:clamp(300px,40vw,560px)!important;aspect-ratio:auto!important}
 .elysian .mobile-showcase-card:nth-child(n){margin-top:0}
 .elysian .mobile-showcase-device{aspect-ratio:946/2070}
 .elysian .mobile-showcase-device img{height:100%;object-fit:contain;object-position:top}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .elysian :is(.meeting-image,.pieces-image,.mobile-showcase-device):hover>img,
 .elysian .elysian-hero:hover>img,
 .elysian .storefront-desktop>img:hover{scale:1.025}
}
@media(prefers-reduced-motion:reduce){
 .elysian :is(.meeting-image,.pieces-image,.mobile-showcase-device)>img,
 .elysian .elysian-hero>img,
 .elysian .storefront-desktop>img{transition:none;scale:1}
}

/* Consistent, gentle hover zoom across portfolio imagery. */
:is(.film,.magazine-cover,.neuma-card,.selfdom-card,.meeting-image,.spread-images,.editorial-preview-image,.process-collage,.process-lighting-composite,.process-moodboard) img:not(.campaign-brand-logo){scale:1;transition:scale .45s cubic-bezier(.2,.65,.3,1),filter .35s ease}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 :is(.film,.magazine-cover,.neuma-card,.selfdom-card,.meeting-image,.spread-images,.editorial-preview-image,.process-collage,.process-lighting-composite,.process-moodboard):hover img:not(.campaign-brand-logo){scale:1.025}
}
@media(prefers-reduced-motion:reduce){:is(.film,.magazine-cover,.neuma-card,.selfdom-card,.meeting-image,.spread-images,.editorial-preview-image,.process-collage,.process-lighting-composite,.process-moodboard) img:not(.campaign-brand-logo){scale:1!important;transition:none!important}}

:is(.film,.magazine-cover,.neuma-card,.selfdom-card,.spread-images){overflow:hidden}
@media(hover:hover){.screening-feature .film:hover>img{transform:none}}

/* Full-page ELYSIAN storefront studies. */
.collection-window-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;background:#10171c;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20}
.collection-window-controls button{min-width:76px;min-height:44px;padding:8px 14px;border:1px solid #ffffff50;border-radius:4px;background:transparent;color:#fff;font:inherit;font-size:13px;cursor:pointer}
.collection-window-controls button:hover:not(:disabled){background:#ffffff15}
.collection-window-controls button:disabled{opacity:.25;cursor:default}
.collection-window-title{font-size:13px;text-align:center;color:#fff}
.collection-page img{display:block;width:100%;height:auto}
.collection-screen{touch-action:pan-y}
.collection-window .storefront-scroll-cue{gap:16px;flex-wrap:wrap}
@media(max-width:760px){.collection-window-controls{padding:8px 10px;gap:8px}.collection-window-controls button{min-width:60px}.collection-window-title{font-size:11px}}

/* Preserve screenshot detail: avoid enlarging the supplied raster captures. */
.elysian .storefront-stage:not(.journey-stage)[data-device="desktop"] .storefront-frame{max-width:675px}
.elysian .collection-window{max-width:927px}
.elysian .storefront-desktop>img,.elysian .storefront-desktop:hover>img{scale:1;transform:none}

/* Homepage mobile study: screenshots fill the phone without a blue footer. */

/* Collection phone previews: full screenshots with no blue letterboxing. */
header a.wordmark{color:inherit;text-decoration:none}
.floating-home{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:40;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid #ffffff30;border-radius:30px;background:#0c111ab8;backdrop-filter:blur(12px);color:#e5e8ed;font:500 12px 'DM Sans',sans-serif;letter-spacing:.07em;text-decoration:none;transition:background .2s,border-color .2s}
.floating-home:hover,.floating-home:focus-visible{background:#172334ed;border-color:#ffffff70}
.floating-home:focus-visible{outline:2px solid #b9d0eb;outline-offset:4px}
body:has(dialog[open]) .floating-home{visibility:hidden}
@media(max-width:760px){.floating-home{right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:0 13px}}

/* Match the product-study phone proportions, with safe status-bar insets. */

/* One phone component across all three ELYSIAN studies. */
.elysian .mobile-showcase .mobile-showcase-device{position:relative;width:100%;height:auto;min-height:0;aspect-ratio:946/2070;border-radius:8% / 3.65%;background:#101010}
.elysian .mobile-showcase .mobile-showcase-device img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:top;scale:1!important}
.elysian .mobile-showcase .mobile-showcase-card{margin-top:0;align-self:flex-start}
@media(min-width:761px){
 .elysian .mobile-showcase{display:flex;justify-content:center;gap:24px;padding:36px 28px 64px}
 .elysian .mobile-showcase .mobile-showcase-card{flex:0 0 calc((100% - 72px)/4);width:calc((100% - 72px)/4)}
}
@media(max-width:760px){
 .elysian .mobile-showcase{display:flex;justify-content:flex-start;gap:20px;padding:24px 20px 28px}
 .elysian .mobile-showcase .mobile-showcase-card{flex:0 0 72vw;width:72vw}
}

.ugc-film-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:24px 0 0}.ugc-film{margin:0;min-width:0}.ugc-film video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:#080b0e;border:1px solid #ffffff20;border-radius:6px}.ugc-film figcaption{padding:14px 0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#e4e6e9}@media(max-width:760px){.ugc-film-gallery{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;padding-bottom:12px}.ugc-film{flex:0 0 76%;scroll-snap-align:start}}

/* Portfolio-style play circles, with native controls after starting. */
.ugc-film-player{position:relative;overflow:hidden;border-radius:6px}.ugc-film-player .ugc-play{z-index:2;padding:0;color:#fff;cursor:pointer;transition:background .2s,border-color .2s}.ugc-play[hidden]{display:none}.ugc-play:hover{background:#0008;border-color:#fff}.ugc-play span{margin-left:3px}

/* Closing portrait: keep the eye line open and the invitation understated. */
footer.direction-contact{position:relative;padding:0;border:0;height:300svh;overflow:visible;background:#0a0c10}
.direction-contact .feature-stage{position:sticky;top:0;height:100svh;min-height:0;overflow:hidden;isolation:isolate}
.direction-contact .feature-media,.direction-contact .direction-contact-shade{position:absolute;inset:0;z-index:-1}
.direction-contact .feature-media img,.direction-contact .feature-media video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.direction-contact .feature-media video{opacity:0}.direction-contact.film-ready .feature-media video{opacity:1}
.direction-contact-shade{background:linear-gradient(0deg,#050810e8,transparent 66%)}
.direction-contact-copy{position:absolute;left:7%;right:7%;bottom:17%;max-width:660px}
.direction-contact-copy .label{font-size:11px;line-height:1.6;margin:0 0 14px}
.direction-contact .direction-contact-copy h2{font-size:26px;line-height:1.25;letter-spacing:-.4px;margin:0 0 22px}
.direction-contact-copy .text-link{font-size:14px}.direction-contact-copy [data-scrub-status]{display:block;font-size:10px;margin-top:16px;color:#ccc}.direction-contact-copy [data-scrub-status][hidden]{display:none}
.direction-contact .footer-line{position:absolute;left:7%;right:7%;bottom:22px;margin:0;padding-top:16px;font-size:11px;border-top:1px solid #ffffff35}
.direction-contact[data-feature-mode="still"]{height:100svh}.direction-contact[data-feature-mode="still"] .feature-stage{position:relative}
@media(max-width:760px){footer.direction-contact[data-feature-mode="scrub"]{height:250svh}.direction-contact-copy{bottom:16%}.direction-contact .direction-contact-copy h2{font-size:23px}.direction-contact .footer-line{gap:12px;flex-wrap:wrap}.direction-contact .footer-line>span{display:none}}
@media(max-height:480px){.direction-contact-copy{bottom:20%;max-width:500px}.direction-contact .direction-contact-copy h2{font-size:22px;margin-bottom:10px}.direction-contact-copy .label{margin-bottom:8px}.direction-contact .footer-line{bottom:12px}}
.direction-contact .footer-line{padding-right:95px}

/* Mobile scrub stages fill the changing browser viewport without letterboxing. */
@media(max-width:760px),(hover:none) and (pointer:coarse){
 .direction-contact .feature-stage{top:0;height:100svh;height:100dvh;min-height:0;max-height:none}
 .direction-contact .feature-media{position:absolute;inset:0;width:100%;height:100%}
 .direction-contact .feature-media img,.direction-contact .feature-media video{object-fit:cover;object-position:50% 50%}
 .direction-contact-copy{position:absolute;left:7%;right:7%;bottom:calc(88px + env(safe-area-inset-bottom,0px));padding:0;max-width:660px}
 .direction-contact .direction-contact-copy h2{font-size:23px;line-height:1.25;margin-bottom:16px}
 .direction-contact-copy .text-link{display:inline-block;border-bottom:0;border-top:1px solid #ffffff55;padding:12px 0 0;font-size:13px}
 .direction-contact .footer-line{bottom:calc(20px + env(safe-area-inset-bottom,0px));padding-right:95px}
 .direction-contact[data-feature-mode="still"]{height:100svh;height:100dvh}
 .direction-contact[data-feature-mode="still"] .feature-stage{height:100svh;height:100dvh}
}
@media(max-height:480px) and (orientation:landscape){
 .direction-contact-copy{bottom:60px}
 .direction-contact-copy .label{font-size:10px;margin-bottom:7px}
 .direction-contact .direction-contact-copy h2{font-size:21px;margin-bottom:9px}
 .direction-contact-copy .text-link{font-size:12px;padding-top:8px}
 .direction-contact .footer-line{bottom:12px;padding-top:10px}
}

/* The approach echoes the homepage Creative Direction portal. */
.approach{position:relative;isolation:isolate;overflow:hidden;padding:clamp(48px,5vw,76px) 7%;background:#0d1219;border-block:1px solid #ffffff18;text-align:center}
.approach::before{content:"";position:absolute;z-index:-1;inset:-45%;background:radial-gradient(ellipse at 50% 52%,#27497e70 0,transparent 43%);pointer-events:none}
.approach-orbits{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.approach-orbits i{position:absolute;width:78%;height:145%;left:11%;top:-23%;border:1px solid #91b7ec22;border-radius:50%;transform:rotate(-24deg)}
.approach-orbits i:nth-child(2){width:93%;left:3.5%;transform:rotate(24deg);border-color:#91b7ec14}
.approach-orbits i:nth-child(3){width:110%;left:-5%;height:178%;top:-39%;transform:rotate(-12deg);border-color:#ffffff0c}
.approach>.label{margin:0 0 22px;color:#c6d4e5;font-size:11px;letter-spacing:.2em}
.approach h2{margin:0 auto;font:400 clamp(44px,6.2vw,92px)/1.07 var(--sans);letter-spacing:-.055em;text-wrap:balance}
.approach h2 em{font-family:var(--serif);font-weight:400;color:#bdd2ec}
.approach .steps{max-width:1160px;margin:42px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,44px);text-align:center}
.approach .steps>div{padding-top:20px;border-top:1px solid #91b7ec40;min-width:0}
.approach .steps span{font-size:12px;letter-spacing:.13em;color:#e6edf6}
.approach .steps p{font-size:14px;line-height:1.65;color:#bcc6d4;max-width:245px;margin:13px auto 0}
@media(prefers-reduced-motion:no-preference){.approach::before{animation:approach-glow 12s ease-in-out infinite alternate}@keyframes approach-glow{from{transform:translate(-4%,-2%) scale(.95);opacity:.6}to{transform:translate(4%,3%) scale(1.08);opacity:1}}}
@media(max-width:760px){.approach{padding:44px 6%}.approach h2{font-size:clamp(36px,8.8vw,62px)}.approach .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px;margin-top:32px}.approach .steps>div{padding-top:16px}.approach .steps span{font-size:11px;letter-spacing:.09em}.approach .steps p{font-size:13px;line-height:1.6;margin:10px auto 0}}

/* Compact mobile closing: complete landscape frame, then invitation on black. */
@media(max-width:760px),(hover:none) and (pointer:coarse){
 footer.direction-contact,footer.direction-contact[data-feature-mode="scrub"],footer.direction-contact[data-feature-mode="still"]{height:auto;min-height:0;background:#000;--scrub-flow:1}
 .direction-contact .feature-stage,.direction-contact[data-feature-mode="still"] .feature-stage{position:relative;top:auto;height:auto;min-height:0;max-height:none;overflow:hidden;background:#000}
 .direction-contact .feature-media{position:relative;inset:auto;z-index:0;display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000}
 .direction-contact .feature-media::before{display:none}
 .direction-contact .feature-media img,.direction-contact .feature-media video{inset:0;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;object-position:center;mask-image:none;-webkit-mask-image:none;transform:none;scale:1}
 .direction-contact .direction-contact-shade{display:none}
 .direction-contact-copy{position:relative;inset:auto;width:auto;max-width:none;margin:0;padding:26px 7% 24px;background:#000}
 .direction-contact-copy .label{font-size:11px;line-height:1.5;letter-spacing:1px;margin-bottom:13px}
 .direction-contact .direction-contact-copy h2{font-size:28px;line-height:1.2;margin:0 0 18px}
 .direction-contact-copy .text-link{font-size:14px;padding-top:13px;border-top:1px solid #ffffff55;border-bottom:0;overflow-wrap:anywhere}
 .direction-contact .footer-line{position:relative;inset:auto;margin:0 7%;padding:16px 95px calc(22px + env(safe-area-inset-bottom,0px)) 0;gap:12px;background:#000}
}

/* Two-part brand statement, with a stronger closing line. */
.elysian .elysian-manifesto{font-size:20px;line-height:1.5}
.elysian-manifesto .manifesto-opening,.elysian-manifesto .manifesto-closing{display:block}
.elysian-manifesto .manifesto-closing{font-size:1.12em;margin-top:5px}
@media(max-width:760px){.elysian .elysian-manifesto{font-size:18px}.elysian-manifesto .manifesto-closing{margin-top:10px}}

/* Stable thumbnail layer: reveal the decoded video without a poster resize. */
.ugc-film-player .ugc-poster{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;pointer-events:none;transform:none!important;scale:1!important;transition:none!important}
.ugc-film-player .ugc-poster[hidden]{display:none}
.ugc-film-player .ugc-play:disabled{cursor:progress}

/* Desktop closing invitation: 3x headline and 2x supporting copy. */
@media(min-width:761px) and (hover:hover) and (pointer:fine){
 .direction-contact-copy{max-width:none}
 .direction-contact-copy .label{font-size:22px}
 .direction-contact .direction-contact-copy h2{font-size:78px}
 .direction-contact-copy .text-link{font-size:28px}
}