:root{--ink:#111;--paper:#f1efeb;--red:#a52632;--muted:#aba7a2;--line:#ffffff26;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--ink);color:var(--paper);font:14px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2{font-weight:400;line-height:.99;letter-spacing:-.055em}em{font-family:Georgia,serif;font-weight:400}h2{font-size:clamp(42px,5.8vw,84px)}header{height:90px;padding:10px 5%;display:flex;align-items:center;justify-content:space-between;position:fixed;inset:0 0 auto;z-index:20;background:#111111f5;border-bottom:1px solid var(--line)}.brand img{display:block;width:78px;height:60px;object-fit:contain}.nav-note{font-size:9px;letter-spacing:1.2px}nav{display:flex;gap:36px}nav a,.menu{font-size:10px;letter-spacing:1.5px}nav a{padding-block:12px;transition:color .3s var(--ease)}nav a:hover{color:#cf535d}.menu{display:none;background:none;border:0;min-height:44px}.skip{position:fixed;top:-90px;left:20px;z-index:100;background:var(--paper);color:var(--ink);padding:14px}.skip:focus{top:10px}.brand-hero{min-height:100svh;padding:125px 7% 42px;display:flex;flex-direction:column;justify-content:space-between;gap:65px}.hero-meta,.section-label,.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:24px;font-size:9px;letter-spacing:1.6px}.hero-meta{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:26px}.hero-statement{padding-block:24px}.hero-statement h1{font-size:clamp(70px,11.4vw,172px);font-weight:500}.hero-statement h1 em{color:#c4b7ad}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.hero-bottom p{font-size:9px;letter-spacing:1.8px;line-height:2}.hero-bottom strong{font-weight:400}.editorial-link{display:inline-flex;justify-content:space-between;align-items:center;gap:45px;font-size:10px;letter-spacing:1.2px;border-bottom:1px solid #ffffff50;min-height:48px;padding:10px 0;transition:border-color .4s var(--ease)}.editorial-link span{transition:transform .5s var(--ease)}.editorial-link:hover{border-color:var(--red)}.editorial-link:hover span{transform:translate(3px,-3px)}.editorial-section{padding:65px 7% 100px;border-top:1px solid var(--line)}.section-label{padding-bottom:28px;border-bottom:1px solid var(--line);color:var(--muted)}.collection-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;align-items:center;padding-top:80px}.body-copy{font-size:15px;line-height:1.9;color:var(--muted)}.collection .body-copy{margin:30px 0 20px}.chapter-number{padding:35px 0 35px 15%;border-left:1px solid var(--line)}.chapter-number>span{font:clamp(100px,17vw,250px)/1 Georgia;letter-spacing:-.07em;color:#d0cbc5}.chapter-number p{font-size:8px;letter-spacing:1.5px;margin-top:30px;line-height:2}.craft{background:var(--paper);color:var(--ink)}.craft .section-label{color:#645f5b;border-color:#1113}.craft-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:65px 0}.craft .body-copy{color:#645f5b}.specifications{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;border-top:1px solid #1113;padding-top:32px}.specifications small{font-size:9px;letter-spacing:1.5px;color:#645f5b}.specifications h3{font:26px/1.3 Georgia;margin:22px 0 16px}.specifications p{font-size:12px;line-height:1.8;color:#645f5b}.archive-section h2{margin:70px 0 45px;font-size:clamp(60px,9vw,132px)}.archive-description{margin-left:42%;border-top:1px solid var(--line);padding-top:30px}.archive-status{font-size:9px;letter-spacing:1.4px;margin-top:35px;color:#c9c0b8}.story-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:10%;padding-top:75px}.story h2{font-size:clamp(40px,4.6vw,68px)}.story .body-copy p+p{margin-top:24px}footer{padding:40px 7% 30px;background:#0a0a0a}footer>p{text-align:center;font:clamp(62px,9vw,130px)/1.03 Georgia;letter-spacing:-.055em;padding:100px 0}footer>p em{color:#bcb1a9}.footer-bottom{align-items:center;border-top:1px solid var(--line);padding-top:25px}.text-button{border:0;background:none;font-size:9px;letter-spacing:1.5px;padding:14px 0}dialog{max-width:600px;width:calc(100% - 40px);padding:55px 40px;background:var(--paper);color:var(--ink);border:0}dialog::backdrop{background:#000b}dialog h2{font-size:42px;margin:20px 0}dialog p{margin:18px 0;color:#555}.close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:26px;min-width:44px;min-height:44px}body.modal-open{overflow:hidden}.reveal{transition:opacity .8s var(--ease),translate .8s var(--ease)}.reveal.waiting{opacity:0;translate:0 20px}.reveal:focus-within{opacity:1;translate:none}
@media(max-width:800px){header{height:78px;padding-inline:6%}.nav-note{display:none}.menu{display:block}nav{display:none;position:fixed;inset:78px 0 0;background:#111;flex-direction:column;padding:65px 8%;gap:32px}nav.open{display:flex}nav a{font-size:22px}.brand-hero{padding:110px 7% 32px;min-height:92svh;gap:50px}.hero-meta{font-size:7px;letter-spacing:1px}.hero-statement h1{font-size:clamp(62px,13vw,100px)}.hero-bottom{align-items:start;flex-direction:column;gap:20px}.editorial-section{padding:40px 7% 65px}.section-label{font-size:7px;letter-spacing:1px}.collection-layout,.story-layout{grid-template-columns:1fr;gap:45px;padding-top:45px}.chapter-number{padding:0;border-left:0;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px}.chapter-number>span{font-size:110px;padding-top:25px}.chapter-number p{font-size:7px}.craft-heading{display:block;padding:45px 0}.craft-heading .body-copy{margin-top:28px}.specifications{grid-template-columns:1fr;gap:30px}.specifications h3{margin-top:12px}.specifications>div+div{border-top:1px solid #1112;padding-top:25px}.archive-description{margin-left:12%}.archive-section h2{margin-top:45px}.body-copy{font-size:14px}.footer-top,.footer-bottom{font-size:7px;letter-spacing:.8px;gap:16px}footer>p{padding:75px 0}.brand img{width:65px;height:50px}dialog{padding:50px 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.waiting{opacity:1;translate:none}}

/* Moving studio light gives the editorial canvas depth without competing with it. */
body{background:#171516}main{position:relative;isolation:isolate}.brand-hero,.collection,.archive-section,.story{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#1d1a1b88,#11111140)}
.brand-hero:before,.collection:before,.archive-section:before,.story:before{content:"";position:absolute;inset:-30%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 72% 32%,#c8a79229,transparent 43%),radial-gradient(ellipse at 24% 72%,#a5263217,transparent 44%);animation:studio-light 19s cubic-bezier(.45,0,.55,1) infinite alternate;animation-play-state:paused}
.brand-hero:after{content:"";position:absolute;width:72%;height:125%;right:-27%;top:-15%;border-radius:50%;border:1px solid #e0c5ae16;box-shadow:-35px 0 90px #c6aa8e0b;transform:rotate(-30deg);pointer-events:none;z-index:-1;animation:light-contour 22s cubic-bezier(.45,0,.55,1) infinite alternate}
.in-view:before{animation-play-state:running}.archive-section:before{animation-delay:-8s}.story:before{animation-delay:-13s}
@keyframes studio-light{from{transform:translate3d(-3%,-2%,0) rotate(-5deg);opacity:.65}to{transform:translate3d(6%,4%,0) rotate(6deg);opacity:1}}
@keyframes light-contour{from{transform:translateY(-15px) rotate(-30deg)}to{transform:translateY(35px) rotate(-22deg)}}
.hero-statement h1 em{color:#d0bcb1}.craft{background:linear-gradient(115deg,#f1efeb,#e8e2db)}
.reveal{transition:opacity 1s var(--ease),translate 1.15s var(--ease);transition-delay:var(--delay,0ms)}.reveal.waiting{opacity:0;translate:0 32px}
.section-label{position:relative}.section-label:after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:#bf9a8866;transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--ease)}.in-view .section-label:after{transform:scaleX(1)}
.chapter-number>span{display:block;transition:transform 1.4s var(--ease),color 1.4s var(--ease)}.chapter-number:hover>span{transform:translateY(-5px);color:#f1efeb}
.editorial-link{transition:color .45s var(--ease),border-color .45s var(--ease),transform .65s var(--ease);transform:translate(var(--mx,0px),var(--my,0px))}.editorial-link:hover{color:#dabdaf}.editorial-link span{transition:transform .65s var(--ease)}
header{transition:background .5s var(--ease),box-shadow .5s var(--ease)}header.scrolled{background:#111111fa;box-shadow:0 8px 35px #0002}
footer{position:relative;isolation:isolate;overflow:hidden}footer:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 40%,#8b534419,transparent 65%);animation:studio-light 16s cubic-bezier(.45,0,.55,1) infinite alternate;animation-play-state:paused}footer.in-view:before{animation-play-state:running}
@media(max-width:800px){.brand-hero:after{width:100%;right:-60%}.reveal.waiting{translate:0 22px}}
@media(prefers-reduced-motion:reduce){.reveal.waiting{opacity:1;translate:none}.section-label:after{transform:scaleX(1)}.editorial-link{transform:none}.chapter-number:hover>span{transform:none}}
/* Text remains real selectable text; only its visual position changes. */
.scroll-word{display:inline-block;vertical-align:baseline}
.hero-bottom strong .scroll-word{font-weight:inherit}
@media(prefers-reduced-motion:reduce){.scroll-word{translate:none!important}}
/* Neutral editorial palette: charcoal, paper, silver, and deep red. */
:root{--ink:#111111;--paper:#f1efeb;--muted:#aaa9ac}body{background:#151517}
.brand-hero,.collection,.archive-section,.story{background:linear-gradient(125deg,#1c1c2088,#11111140)}
.brand-hero:before,.collection:before,.archive-section:before,.story:before{background:radial-gradient(ellipse at 72% 32%,#c5c8d325,transparent 43%),radial-gradient(ellipse at 24% 72%,#a5263210,transparent 44%)}
.brand-hero:after{border-color:#e0e3ef16;box-shadow:-35px 0 90px #b5bfda0b}
.hero-statement h1 em,footer>p em{color:#cbcbd1}.craft{background:#f1efeb}.craft .body-copy,.craft .section-label,.specifications small,.specifications p{color:#606064}.chapter-number>span{color:#d0cfd4}.archive-status{color:#c6c5ca}.section-label:after{background:#b9bac366}.editorial-link:hover{color:#ededf2}footer:before{background:radial-gradient(ellipse at 50% 40%,#8b91aa16,transparent 65%)}
.hero-statement{padding-block:45px}.hero-statement h1{line-height:1.13}.scroll-word{position:relative}
@media(prefers-reduced-motion:reduce){.scroll-word{translate:none!important}}

/* Stronger motion, with room around the large editorial statements. */
.hero-statement{padding-block:65px}.hero-statement h1{line-height:1.18}
.brand-hero:before,.collection:before,.archive-section:before,.story:before{animation-duration:12s;background:radial-gradient(ellipse at 72% 32%,#c5c8d33a,transparent 43%),radial-gradient(ellipse at 24% 72%,#a5263216,transparent 44%)}
@keyframes studio-light{from{transform:translate3d(-7%,-4%,0) rotate(-8deg);opacity:.5}to{transform:translate3d(9%,6%,0) rotate(8deg);opacity:1}}
.brand-hero:after{animation-duration:15s;border-color:#e0e3ef29}.reveal{transition-duration:1.15s,1.4s}.reveal.waiting{translate:0 45px}
@media(max-width:800px){.hero-statement{padding-block:45px}}
@media(prefers-reduced-motion:reduce){.reveal.waiting{translate:none}}
/* Each chapter has a role: statement, object, details, archive, story, closing. */
.chapter-marker{position:fixed;right:20px;bottom:18px;z-index:15;display:flex;align-items:center;gap:10px;padding:10px 13px;background:#111e;color:#dddde2;pointer-events:none;font:8px/1.2 Arial;letter-spacing:1px;border:1px solid #ffffff1c}.chapter-marker-number{color:#c9515c}.chapter-marker i{width:45px;height:1px;background:linear-gradient(90deg,#ddd calc(var(--reading,0)*100%),#ffffff26 0)}
.collection .chapter-number{position:relative}.collection .chapter-number:after{content:"";position:absolute;bottom:-15px;left:15%;right:0;height:1px;background:#f1efeb55;transform:scaleX(var(--chapter-motion,0));transform-origin:left}
.craft .specifications>div{position:relative}.craft .specifications>div:before{content:"";position:absolute;left:0;top:-33px;width:100%;height:1px;background:#a52632;transform:scaleX(var(--chapter-motion,0));transform-origin:left}
.archive-description{translate:calc((.5 - var(--chapter-motion,.5))*24px) 0}
footer>p{scale:calc(.96 + var(--chapter-motion,.5)*.06);transform-origin:center}
@media(max-width:800px){.chapter-marker{right:8px;bottom:8px;padding:7px 9px;font-size:6px}.chapter-marker-name{display:none}.chapter-marker i{width:25px}.collection .chapter-number:after{left:0}.craft .specifications>div:before{top:-1px}}
@media(prefers-reduced-motion:reduce){.archive-description{translate:none}footer>p{scale:1}}
/* London after dark: a single cool lamp, paper grain, and editorial captions. */
.brand-hero:before{background:radial-gradient(ellipse at 69% 0%,#e2e6ef18,transparent 54%);animation:none}
.brand-hero:after{inset:0;width:auto;height:auto;right:0;top:0;border:0;border-radius:0;box-shadow:none;transform:none;animation:none;background:radial-gradient(ellipse at 55% 44%,transparent 35%,#00000040 100%)}
.streetlight{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.streetlight i{position:absolute;display:block}
.lamp-source{left:69%;top:0;width:110px;height:2px;background:#e1e4ed80;box-shadow:0 3px 24px 8px #d9dfea13;transform:translateX(-50%)}
.lamp-beam{left:26%;top:-15%;width:86%;height:105%;background:conic-gradient(from 151deg at 50% 0%,transparent 0deg,#d9e0ec04 9deg,#d9e0ec12 29deg,#d9e0ec04 49deg,transparent 58deg);filter:blur(14px);transform-origin:50% 0%;animation:lamp-drift 17s cubic-bezier(.45,0,.55,1) infinite alternate}
.lamp-pool{left:36%;right:-3%;bottom:7%;height:24%;border-radius:50%;background:radial-gradient(ellipse,#d8e0ec12,transparent 68%);transform:scaleX(1.15);animation:lamp-pool 17s cubic-bezier(.45,0,.55,1) infinite alternate}
@keyframes lamp-drift{from{transform:rotate(-3deg);opacity:.7}to{transform:rotate(2deg);opacity:1}}
@keyframes lamp-pool{from{translate:-10px 0;opacity:.65}to{translate:14px 0;opacity:1}}
.brand-hero:not(.in-view) .lamp-beam,.brand-hero:not(.in-view) .lamp-pool{animation-play-state:paused}
main:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' d='M0 0h160v160H0z' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero-meta,.section-label,.archive-caption,.archive-status,.specifications small{font-family:'Courier New',monospace;font-size:9px;letter-spacing:1.3px}.hero-meta>span:first-child:before{content:"";display:inline-block;width:5px;height:5px;background:#a52632;border-radius:50%;margin-right:10px;vertical-align:middle}
.archive-caption{color:#8f8e94;margin:-12px 0 36px}.archive-section .archive-description{padding-top:30px}.craft{background:#f1efeb}.craft .section-label{color:#55565b}.collection:before,.archive-section:before,.story:before{background:radial-gradient(ellipse at 75% 30%,#b4c0d516,transparent 50%)}
@media(max-width:800px){.lamp-source{left:76%;width:65px}.lamp-beam{left:10%;width:130%;filter:blur(9px)}.lamp-pool{left:30%;right:-20%;bottom:17%}.hero-meta,.section-label,.archive-caption,.archive-status,.specifications small{font-size:8px;letter-spacing:.8px}}
@media(prefers-reduced-motion:reduce){.lamp-beam,.lamp-pool{animation:none!important}}
/* Small city landmarks arrive and recede with the same scroll timeline. */
.city-sign{position:absolute;width:160px;right:8%;top:105px;pointer-events:none;z-index:-1;opacity:var(--sign-opacity,.6);transform:translate3d(var(--sign-x,0px),var(--sign-y,0px),0) rotate(-5deg);filter:drop-shadow(0 12px 14px #0004)}.city-sign svg{display:block;width:100%;height:auto}.la-sign{width:210px;top:140px;right:9%;transform:translate3d(calc(var(--sign-x,0px)*-1),var(--sign-y,0px),0) rotate(4deg)}.la-sign .sign-blade{transform-origin:50% 80%;animation:sign-sway 9s cubic-bezier(.45,0,.55,1) infinite alternate;animation-play-state:paused}.in-view .sign-blade{animation-play-state:running}
@keyframes sign-sway{from{transform:rotate(-.8deg)}to{transform:rotate(.8deg)}}
.collection-layout{padding-top:110px}.archive-section h2{max-width:75%}
@media(max-width:800px){.city-sign{width:95px;right:5%;top:90px;opacity:calc(var(--sign-opacity,.6)*.6)}.la-sign{width:122px;top:95px;right:3%}.collection-layout{padding-top:115px}.archive-section h2{max-width:100%;padding-top:48px}.archive-section h2 .scroll-word{position:relative;z-index:1}.brand-hero{min-height:100svh}}
@media(prefers-reduced-motion:reduce){.city-sign,.la-sign{transform:none}.sign-blade{animation:none!important}}
/* Marked refinements: black masthead, physical lamp, quiet city details. */
header,header.scrolled,nav.open{background:#000!important}.brand img{mix-blend-mode:screen}header{box-shadow:none!important}
.streetlight{opacity:var(--lamp-power,1)}.lamp-fixture{position:absolute;width:190px;height:300px;right:13%;top:70px;opacity:.8}.lamp-source{left:auto;right:calc(13% + 111px);top:122px;width:48px;transform:none}.lamp-beam{top:130px;left:26%;height:90%;background:radial-gradient(ellipse at 52% 0%,#e9efff25,transparent 62%);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);filter:blur(12px)}.fixture-light{filter:drop-shadow(0 0 6px #dfe9ff)}.brand-hero:before{opacity:var(--lamp-power,1)}
.craft{position:relative;isolation:isolate;overflow:hidden}.craft-palms{position:absolute;width:48%;height:70%;right:-6%;top:15%;color:#30343d;opacity:.075;pointer-events:none;z-index:-1;transform:translateY(calc((.5 - var(--chapter-motion,.5))*65px))}.craft-palms .palm-crown{transform-origin:400px 190px;animation:palms-breeze 10s cubic-bezier(.45,0,.55,1) infinite alternate;animation-play-state:paused}.craft.in-view .palm-crown{animation-play-state:running}
@keyframes palms-breeze{from{transform:rotate(-1.5deg)}to{transform:rotate(1.5deg)}}
.story-architecture{position:absolute;inset:auto 0 -3%;width:100%;height:85%;color:#c6cedd;opacity:.075;z-index:-1;pointer-events:none;transform:translateY(calc((.5 - var(--chapter-motion,.5))*85px))}.story .body-copy{color:#bebdc2}
.diamond-heading{position:relative}.diamond-heading .scroll-word{color:transparent;background:linear-gradient(110deg,#f1efeb 30%,#b3b8c6 42%,#fff 49%,#fff 52%,#bec0cf 58%,#f1efeb 70%);background-size:260% 100%;background-clip:text;-webkit-background-clip:text;animation:diamond-light 4.8s cubic-bezier(.4,0,.2,1) infinite;animation-delay:calc(var(--word-index,0)*-90ms);animation-play-state:paused}footer.in-view .diamond-heading .scroll-word{animation-play-state:running}
.diamond-spark{position:absolute;left:calc(12% + var(--spark)*8%);top:calc(29% + mod(var(--spark),3)*16%);width:14px;height:14px;background:#fff;clip-path:polygon(50% 0,58% 41%,100% 50%,58% 59%,50% 100%,42% 59%,0 50%,42% 41%);animation:diamond-flare 4s cubic-bezier(.45,0,.2,1) infinite;animation-delay:calc(var(--spark)*-.37s);opacity:0;pointer-events:none;animation-play-state:paused}footer.in-view .diamond-spark{animation-play-state:running}
@keyframes diamond-light{0%,10%{background-position:140% 0}90%,100%{background-position:-40% 0}}@keyframes diamond-flare{0%,45%,100%{opacity:0;transform:scale(.2) rotate(-15deg)}65%{opacity:.9;transform:scale(1.1) rotate(0)}85%{opacity:0;transform:scale(.25) rotate(20deg)}}
@media(max-width:800px){.lamp-fixture{width:125px;height:197px;right:4%;top:55px}.lamp-source{right:calc(4% + 72px);top:89px;width:32px}.lamp-beam{top:96px;left:10%;width:125%}.craft-palms{width:85%;right:-35%;opacity:.06}.story-architecture{height:60%;opacity:.055}.diamond-spark{width:10px;height:10px}}
@media(prefers-reduced-motion:reduce){.craft-palms,.story-architecture{transform:none}.palm-crown,.diamond-heading .scroll-word,.diamond-spark{animation:none!important}.diamond-spark{display:none}}
/* One lighting origin shared by the fitting, beam and reflected pool. */
.streetlight{--fixture-width:190px;--fixture-right:13%;--fixture-top:70px;--light-x:calc(100% - var(--fixture-right) - var(--fixture-width)*.72);--light-y:calc(var(--fixture-top) + var(--fixture-width)*.27);opacity:1}
.lamp-fixture{width:var(--fixture-width);height:auto;right:var(--fixture-right);top:var(--fixture-top);opacity:.85}.lamp-source{left:var(--light-x);right:auto;top:var(--light-y);width:calc(var(--fixture-width)*.24);height:2px;transform:translateX(-50%);opacity:var(--lamp-power,1);box-shadow:0 0 11px 2px #eff4ff65,0 4px 38px 12px #d6e2ff12}
.lamp-beam{left:var(--light-x);top:var(--light-y);width:min(1050px,110vw);height:85%;clip-path:none;background:radial-gradient(ellipse at 50% 0%,#eaf1ff30 0%,#d7e3ff12 25%,#cbd8ef05 48%,transparent 69%);filter:blur(10px);transform:translateX(-50%);transform-origin:50% 0%;opacity:var(--lamp-power,1);animation:connected-light 14s cubic-bezier(.45,0,.55,1) infinite alternate}
.lamp-pool{left:var(--light-x);right:auto;bottom:9%;width:min(700px,75vw);height:18%;transform:translateX(-50%);opacity:calc(var(--lamp-power,1)*.8);animation:none;background:radial-gradient(ellipse,#dae6ff18,transparent 70%)}.fixture-light{opacity:var(--lamp-power,1)}
@keyframes connected-light{from{transform:translateX(-50%) scaleX(.94)}to{transform:translateX(-50%) scaleX(1.06)}}
.craft-palms{opacity:.09;width:52%;height:82%;right:-4%;top:7%}.craft-palms .palm-crown{transform-origin:0 0}.story-architecture{height:95%;opacity:.105;mask-image:linear-gradient(transparent,#000 35%,#000 85%,transparent);color:#9ca6b4}
footer,footer .footer-bottom{background:#000!important}footer:before{display:none}
.diamond-heading .scroll-word{animation-duration:3.6s;background-image:linear-gradient(110deg,#f1efeb 28%,#aebbd0 40%,#fff 47%,#fff 52%,#b9a9c8 57%,#f1efeb 71%)}.diamond-spark{width:var(--size,12px);height:var(--size,12px);animation-duration:3.2s;animation-delay:calc(var(--spark)*-.19s)}
@keyframes diamond-flare{0%,35%,100%{opacity:0;transform:scale(.1) rotate(-20deg)}53%{opacity:1;transform:scale(1.25) rotate(0)}74%{opacity:0;transform:scale(.25) rotate(20deg)}}
@media(max-width:800px){.streetlight{--fixture-width:125px;--fixture-right:4%;--fixture-top:55px}.lamp-beam{width:120vw;height:80%;filter:blur(8px)}.craft-palms{width:95%;right:-36%;opacity:.065}.story-architecture{height:66%;opacity:.075}.diamond-spark{width:calc(var(--size,12px)*.65);height:calc(var(--size,12px)*.65)}}
@media(prefers-reduced-motion:reduce){.lamp-beam{animation:none!important}.diamond-spark{display:none}}
/* Darker downtown backdrop and an industrial road-light fitting. */
#story{background:#0b0c0f}#story:before{background:radial-gradient(ellipse at 75% 40%,#56657c10,transparent 65%);opacity:.5}#story .story-architecture{opacity:.12;height:82%;mask-image:linear-gradient(transparent,#000 25%,#000 82%,transparent)}
.streetlight{--light-x:calc(100% - var(--fixture-right) - var(--fixture-width)*.69);--light-y:calc(var(--fixture-top) + var(--fixture-width)*.285)}
.lamp-source{width:calc(var(--fixture-width)*.32);background:#eef3ff;opacity:var(--lamp-power,1)}
.lamp-beam{animation:none;transform:translateX(-50%) scaleX(var(--lamp-spread,1));opacity:var(--lamp-power,1);background:radial-gradient(ellipse at 50% 0%,#e9f0ff30 0%,#d7e3ff14 18%,#cbd8ef06 42%,transparent 69%)}
.lamp-pool{opacity:calc(var(--lamp-power,1)*var(--lamp-power,1)*.8);transform:translateX(-50%) scaleX(var(--lamp-spread,1))}
@media(max-width:800px){#story .story-architecture{height:55%;opacity:.09}}
/* Suspended industrial fitting: one shared pivot keeps illumination attached. */
.lamp-rig{position:absolute;inset:0;transform-origin:var(--light-x) var(--fixture-top);animation:suspended-swing 8s cubic-bezier(.45,0,.55,1) infinite alternate;animation-play-state:paused}
.brand-hero.in-view .lamp-rig{animation-play-state:running}
@keyframes suspended-swing{from{transform:rotate(-4deg)}to{transform:rotate(4deg)}}
.lamp-beam{background:radial-gradient(ellipse at 50% 0%,#f0f5ff3b 0%,#d7e3ff1b 15%,#cbd8ef08 38%,transparent 66%);filter:blur(9px)}.lamp-fixture{opacity:.92}.lamp-source{box-shadow:0 0 9px 2px #eff4ff60,0 5px 26px 8px #d6e2ff17}
.city-window{opacity:.55;animation:occupied-window var(--cycle,20s) steps(1,end) infinite;animation-delay:var(--offset,0s);animation-play-state:paused}.story.in-view .city-window{animation-play-state:running}
@keyframes occupied-window{0%,100%{opacity:.13}17%{opacity:.8}49%{opacity:.8}54%{opacity:.05}83%{opacity:.52}}
#story .story-architecture{opacity:.2}#story .city-window-lights{opacity:.85}
main{background:linear-gradient(180deg,#16181d 0%,#11151c 34%,#11151b 70%,#060708 94%,#000)}
.brand-hero,.collection,.archive-section,#story{background:transparent}
.collection:before,.archive-section:before,.story:before{background:radial-gradient(ellipse at 75% 30%,#b4c0d510,transparent 60%)}
#craft{background:linear-gradient(180deg,#dfdfe1 0%,#f1efeb 15%,#f1efeb 82%,#dedee0 100%)}
footer{background:#000!important}
@media(max-width:800px){.lamp-rig{animation-duration:10s}@keyframes suspended-swing{from{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}#story .story-architecture{opacity:.15}}
@media(prefers-reduced-motion:reduce){.lamp-rig,.city-window{animation:none!important}.city-window{opacity:.45}}
/* Deeper city massing, muted concrete, and stronger photographic light falloff. */
#story .story-architecture{opacity:.29;height:86%;mask-image:linear-gradient(transparent 0%,#000 22%,#000 88%,transparent 100%)}
#craft{background:linear-gradient(180deg,#b9bbc0 0%,#cbccd0 24%,#c5c7cc 78%,#afb2b9 100%)}
#craft .body-copy,#craft .section-label,#craft .specifications small,#craft .specifications p{color:#44474e}#craft .craft-palms{opacity:.08}
.brand-hero{background:radial-gradient(ellipse at 72% 14%,#262d3a 0%,#0c1017 43%,#07090e 90%)}
.brand-hero:before{background:radial-gradient(ellipse at 70% 8%,#dce8ff12,transparent 50%)}
.lamp-beam{background:radial-gradient(ellipse at 50% 0%,#f1f5ff52 0%,#d7e3ff23 14%,#cbd8ef0a 35%,transparent 65%);filter:blur(8px)}.lamp-source{box-shadow:0 0 12px 3px #eff4ff85,0 6px 42px 13px #d6e2ff25}.lamp-pool{background:radial-gradient(ellipse,#dae6ff24,transparent 65%)}
@media(max-width:800px){#story .story-architecture{opacity:.22;height:58%}.lamp-beam{filter:blur(7px)}}
/* Long suspended cable, synchronised irregular power cuts, cinematic contrast. */
.streetlight{--light-y:calc(var(--fixture-top) + var(--fixture-width)*.685)}
.lamp-rig{animation:dramatic-swing 3.8s cubic-bezier(.45,0,.55,1) infinite alternate;transform-origin:var(--light-x) var(--fixture-top)}
@keyframes dramatic-swing{from{transform:rotate(-10deg)}to{transform:rotate(10deg)}}
.lamp-illumination{position:absolute;inset:0;animation:power-cuts 12s steps(1,end) infinite;animation-play-state:paused}
.fixture-light{animation:power-cuts 12s steps(1,end) infinite;animation-play-state:paused}
.brand-hero.in-view .lamp-illumination,.brand-hero.in-view .fixture-light{animation-play-state:running}
@keyframes power-cuts{0%,100%{opacity:1}19%{opacity:.12}26%{opacity:1}52%{opacity:0}61%{opacity:.55}68%{opacity:1}86%{opacity:.15}94%{opacity:1}}
.brand-hero{background:radial-gradient(ellipse at 72% 12%,#1b2434 0%,#080b12 42%,#030508 90%)}
.brand-hero:before{background:none}.lamp-beam{height:76%;width:min(900px,100vw);background:radial-gradient(ellipse at 50% 0%,#f0f5ff70 0%,#d9e5ff30 12%,#bed0ee0c 35%,transparent 63%);filter:blur(7px)}
.lamp-source{box-shadow:0 0 11px 4px #f2f6ffb0,0 6px 40px 15px #d6e2ff3b}.lamp-pool{background:radial-gradient(ellipse,#dae6ff35,transparent 62%)}
#story .story-architecture{height:88%;opacity:.42;mask-image:linear-gradient(transparent 0%,#000 26%,#000 89%,transparent 100%)}
#story{background:linear-gradient(180deg,#070b12,#0a101b 70%,#020406)}#story:before{background:radial-gradient(ellipse at 65% 83%,#62728e13,transparent 60%)}
.aviation-light{animation:aviation-pulse 7s steps(1,end) infinite;animation-play-state:paused}.story.in-view .aviation-light{animation-play-state:running}
@keyframes aviation-pulse{0%,100%{opacity:.2}45%,65%{opacity:1}}
@media(max-width:800px){.lamp-rig{animation-duration:4s}@keyframes dramatic-swing{from{transform:rotate(-7deg)}to{transform:rotate(7deg)}}.lamp-beam{width:125vw;height:77%}#story .story-architecture{height:62%;opacity:.3}}
@media(prefers-reduced-motion:reduce){.lamp-rig,.lamp-illumination,.fixture-light,.aviation-light{animation:none!important}.lamp-illumination{opacity:1}.fixture-light{opacity:var(--lamp-power,.7)}}
/* Horror-film lighting: a heavy pendulum, local illumination, and long power failures. */
.brand-hero{background:#030406}.brand-hero:before{display:none}.brand-hero:after{background:radial-gradient(ellipse at 63% 35%,transparent 14%,#0008 90%)}
.lamp-rig{animation:heavy-pendulum 5.6s cubic-bezier(.45,0,.55,1) infinite;transform-origin:var(--light-x) var(--fixture-top)}
@keyframes heavy-pendulum{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
.lamp-illumination,.fixture-light{animation-name:unstable-ballast;animation-duration:19s;animation-timing-function:steps(1,end)}
@keyframes unstable-ballast{0%,100%{opacity:.9}14%{opacity:.3}20%{opacity:.86}39%{opacity:0}53%{opacity:.18}60%{opacity:.82}76%{opacity:.45}83%{opacity:0}94%{opacity:.88}}
.lamp-beam{width:min(660px,80vw);height:75%;background:radial-gradient(ellipse at 50% 0%,#e8edf54d 0%,#dbe3ed1c 15%,#b6c5da08 35%,transparent 68%);filter:blur(11px);mask-image:linear-gradient(180deg,#000 0%,#0008 65%,transparent);transform:translateX(-50%) scaleX(var(--lamp-spread,1))}
.lamp-source{background:#e5e9ee;box-shadow:0 0 6px 1px #edf2f575,0 4px 18px 5px #d6e2ff17}.lamp-pool{width:min(480px,60vw);height:15%;background:radial-gradient(ellipse,#d4deeb1b,transparent 68%)}
.lamp-fixture{opacity:.75}.fixture-light{filter:drop-shadow(0 0 3px #e8edf4)}
.lamp-haze{position:absolute;left:var(--light-x);top:var(--light-y);width:min(500px,70vw);height:60%;pointer-events:none;transform:translateX(-50%);opacity:calc(var(--lamp-power,1)*.4);background:radial-gradient(ellipse at 43% 37%,#b7c6d206,transparent 48%);filter:blur(20px)}
/* Put atmosphere on the same circuit so outages never leave an unrelated glow. */
.lamp-haze{animation:unstable-ballast 19s steps(1,end) infinite;animation-play-state:paused}.brand-hero.in-view .lamp-haze{animation-play-state:running}
@media(max-width:800px){.lamp-rig{animation-duration:5.2s}.lamp-beam{width:85vw;height:78%;filter:blur(8px)}.lamp-pool{width:65vw}}
@media(prefers-reduced-motion:reduce){.lamp-rig,.lamp-haze,.lamp-illumination,.fixture-light{animation:none!important}.lamp-haze{opacity:.15}.lamp-illumination{opacity:.85}}
/* White cone shade and exposed globe, following the supplied lamp reference. */
.streetlight{--fixture-width:190px;--light-x:calc(100% - var(--fixture-right) - var(--fixture-width)*.69);--light-y:calc(var(--fixture-top) + var(--fixture-width)*.86)}
.lamp-fixture{opacity:.92}.reference-globe{filter:drop-shadow(0 0 6px #f1f6ff55)}
.lamp-source{width:calc(var(--fixture-width)*.13);height:14px;background:radial-gradient(ellipse,#fff8,transparent);box-shadow:none;top:calc(var(--light-y) + 6px)}
.lamp-beam{top:calc(var(--light-y) + 4px);width:min(720px,100vw);height:69%;background:radial-gradient(ellipse at 50% 0%,#eef3f966 0%,#dce4ed25 16%,#c0cedb0b 39%,transparent 68%);filter:blur(14px)}
.lamp-pool{background:radial-gradient(ellipse,#dbe3ee22,transparent 68%)}
.lamp-illumination{animation:reference-current 13s steps(1,end) infinite;animation-play-state:paused}.brand-hero.in-view .lamp-illumination{animation-play-state:running}
@keyframes reference-current{0%,100%{opacity:1}38%{opacity:.32}42%{opacity:1}71%{opacity:.05}77%{opacity:.75}82%{opacity:1}}
.lamp-rig{animation:reference-swing 5s cubic-bezier(.45,0,.55,1) infinite;animation-play-state:paused}.brand-hero.in-view .lamp-rig{animation-play-state:running}
@keyframes reference-swing{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
.hero-meta>span:first-child:before{background:#a52632}.hero-statement h1 em{color:#d1c8ca}.editorial-link:hover{color:#c54d59}
@media(max-width:800px){.streetlight{--fixture-width:145px;--fixture-right:0%;--fixture-top:40px}.lamp-beam{width:105vw;height:72%;filter:blur(10px)}}
@media(prefers-reduced-motion:reduce){.lamp-rig,.lamp-illumination{animation:none!important}.lamp-illumination{opacity:1}}
/* Seamless optical falloff; no rectangular top edge or independent flicker clocks. */
.hero-meta>span:first-child:before{display:none}.hero-product-note{font:9px/1.8 'Courier New',monospace;letter-spacing:1.2px;color:#a2a3ac;margin-top:-25px;max-width:540px}
.lamp-rig,.lamp-illumination,.lamp-haze,.fixture-light{animation:none!important}
.lamp-illumination{opacity:calc(var(--lamp-current,1)*var(--lamp-power,1));overflow:visible}
.lamp-beam{opacity:1;top:calc(var(--light-y) - 30px);height:74%;mask-image:radial-gradient(ellipse at 50% 17%,#000 0%,#0009 45%,transparent 72%);background:radial-gradient(ellipse at 50% 14%,#eff5ff66 0%,#d8e6f52b 15%,#c0d0df0a 38%,transparent 64%);filter:blur(19px)}
.lamp-source{opacity:1;top:var(--light-y);height:28px;width:calc(var(--fixture-width)*.23);background:radial-gradient(ellipse,#fff9,#dcecff44 35%,transparent 70%);filter:blur(5px)}
.lamp-pool{opacity:.7}.lamp-haze{opacity:calc(var(--lamp-current,1)*var(--lamp-power,1)*.2)}.reference-globe{opacity:calc(.3 + var(--lamp-current,1)*var(--lamp-power,1)*.7);filter:drop-shadow(0 0 8px #eef5ff77)}
#story{background:linear-gradient(180deg,#080d15,#030509 62%,#000 100%)}#story .story-architecture{mask-image:linear-gradient(transparent 0%,#000 22%,#000 60%,transparent 92%);opacity:.33}#story:before{opacity:.2}
.coconut-cluster{fill:#343941}.coconut{translate:0 var(--coconut-fall,0px);opacity:var(--coconut-fade,1)}.c-two{translate:8px calc(var(--coconut-fall,0px)*.86)}.c-three{translate:20px calc(var(--coconut-fall,0px)*1.08)}
.hero-diamond .scroll-word{color:transparent;background:linear-gradient(110deg,#f1efeb 29%,#b0bdcd 42%,#fff 49%,#fff 53%,#bac1ce 59%,#f1efeb 72%);background-size:260% 100%;background-clip:text;-webkit-background-clip:text;animation:diamond-light 6s cubic-bezier(.4,0,.2,1) infinite;animation-play-state:paused}.brand-hero.in-view .hero-diamond .scroll-word{animation-play-state:running}
@media(max-width:800px){.hero-product-note{font-size:7px;letter-spacing:.7px;max-width:85%}.hero-diamond{font-size:clamp(45px,10.2vw,76px)!important}.lamp-beam{filter:blur(13px)}#story .story-architecture{opacity:.24}}
@media(prefers-reduced-motion:reduce){.coconut{translate:none;opacity:1}.hero-diamond .scroll-word{animation:none!important}}
/* Clean baseline spacing, concrete garment copy, and reversible city journeys. */
.hero-statement h1{font-size:clamp(60px,9.7vw,145px);line-height:1.12;letter-spacing:-.045em}.hero-statement{padding-block:44px}.hero-product-note{margin-top:0;line-height:1.9}.hero-bottom{margin-top:25px}
#story{background:#000!important}#story:before{display:none}#story .story-architecture{opacity:.25;mask-image:linear-gradient(transparent,#000 28%,#000 52%,transparent 86%)}
.passing-train{position:absolute;left:0;bottom:14px;width:700px;max-width:90vw;z-index:-1;pointer-events:none;opacity:calc(var(--vehicle-opacity,0)*.34);transform:translate3d(var(--vehicle-x,-115vw),0,0)}.passing-train svg{display:block;width:100%;height:auto}
.passing-plane{position:absolute;left:0;top:26%;width:140px;z-index:-1;pointer-events:none;opacity:calc(var(--vehicle-opacity,0)*.45);transform:translate3d(var(--vehicle-x,-115vw),var(--vehicle-y,0px),0) rotate(-9deg)}.passing-plane svg{width:100%;height:auto;display:block}
.collection{padding-bottom:125px}
/* Bulb centre: 62/200 horizontally, 165/200 below the top of the fitting. */
.streetlight{--light-x:calc(100% - var(--fixture-right) - var(--fixture-width)*.69);--light-y:calc(var(--fixture-top) + var(--fixture-width)*.825)}
.lamp-source{top:var(--light-y);height:20px;width:calc(var(--fixture-width)*.17);transform:translate(-50%,-50%)}
.lamp-beam{top:var(--light-y);width:min(600px,85vw);height:72%;background:radial-gradient(ellipse at 50% 0%,#edf4ff70 0%,#dbe7f436 19%,#c9d7e612 40%,transparent 64%);filter:blur(5px);mask-image:radial-gradient(ellipse at 50% 0%,#000 0%,#000 32%,transparent 70%)}
@media(max-width:800px){.hero-statement h1{font-size:clamp(43px,10.2vw,76px)!important;line-height:1.18}.hero-product-note{max-width:100%;margin-top:12px}.passing-train{width:420px;max-width:none;bottom:8px}.passing-plane{width:100px;top:23%}.lamp-beam{width:90vw;filter:blur(4px)}}
@media(prefers-reduced-motion:reduce){.passing-train,.passing-plane{display:none}}
/* Lamp geometry and illumination share one SVG pivot and bulb centre. */
.unified-light{position:absolute;inset:0;opacity:1}.lamp-scene{display:block;width:100%;height:100%;overflow:visible}.lamp-circuit{opacity:calc(var(--lamp-power,1)*var(--lamp-current,1))}.lamp-swing{transform-box:view-box}
.passing-train{width:950px;max-width:110vw;opacity:calc(var(--vehicle-opacity,0)*.48);bottom:16px}.passing-plane{width:210px;top:29%;opacity:calc(var(--vehicle-opacity,0)*.55)}
#editorial{background:linear-gradient(180deg,#11151b 0%,#080b10 55%,#000 100%)}#editorial:before{display:none}#story{border-top:0;background:#000!important}.archive-section{padding-bottom:65px}.story{padding-top:45px}
@media(max-width:800px){.lamp-scene{width:165%;height:100%;margin-left:-43%}.passing-train{width:680px;max-width:none;bottom:8px}.passing-plane{width:145px;top:24%}.archive-section{padding-bottom:45px}.story{padding-top:35px}}
/* Refined city details and restrained garment-signature kiss impressions. */
.passing-plane{width:360px;top:17%;opacity:calc(var(--vehicle-opacity,0)*.64);filter:drop-shadow(0 5px 8px #0005)}
.london-sign{width:180px;filter:drop-shadow(0 12px 15px #0006)}
.craft-palms{opacity:.1;right:-2%;width:54%}.coconut-cluster{fill:#39424f}.coconut{filter:drop-shadow(1px 2px 1px #0002)}
.scroll-kisses{position:absolute;inset:0;pointer-events:none;z-index:-1}.kiss-mark{position:absolute;width:95px;color:#a52632;opacity:calc(var(--kiss-reveal,0)*.4);translate:0 var(--kiss-drift,0px)}.kiss-1{left:7%;bottom:18%;rotate:-15deg}.kiss-2{right:12%;bottom:24%;rotate:12deg;width:76px}.kiss-3{right:31%;bottom:9%;rotate:-7deg;width:62px}
main,header{user-select:none;-webkit-user-select:none}dialog{user-select:text;-webkit-user-select:text}
@media(max-width:800px){.passing-plane{width:230px;top:19%}.london-sign{width:110px}.craft-palms{width:95%;right:-32%;opacity:.075}.kiss-mark{width:65px}.kiss-2{width:55px}.kiss-3{width:42px}}
@media(prefers-reduced-motion:reduce){.scroll-kisses{display:none}}

/* Reference-based signature kiss replaces the generic lip drawings. */
.kiss-mark{height:auto;object-fit:contain;opacity:calc(var(--kiss-reveal,0)*.65);mix-blend-mode:screen;filter:none}.kiss-1{width:110px;rotate:-7deg}.kiss-2{width:90px;rotate:14deg}.kiss-3{width:76px;rotate:-12deg}
@media(max-width:800px){.kiss-1{width:76px}.kiss-2{width:65px}.kiss-3{width:50px}}
/* Launch audit: stable controls, motion choice, safe mobile spacing, selectable disclosures. */
.motion-toggle{background:none;border:1px solid #ffffff30;padding:10px 12px;color:#c8cbd2;font:8px/1.4 Arial;letter-spacing:1px;min-height:44px;cursor:pointer}.motion-toggle[aria-pressed=true]{border-color:#a52632;color:#f1efeb}header{gap:18px}.nav-note{font-size:8px}nav{gap:22px}
html.motion-paused *,html.motion-paused *:before,html.motion-paused *:after{animation:none!important;transition:none!important}html.motion-paused .scroll-word{translate:none!important}.motion-paused .passing-train,.motion-paused .passing-plane,.motion-paused .scroll-kisses{display:none}.motion-paused .coconut{translate:none;opacity:1}
html{overflow-x:clip}dialog .scroll-word{translate:none!important}.privacy-open,.text-button,.footer-top a{min-height:44px;display:inline-flex;align-items:center}.footer-bottom{padding-bottom:34px}.chapter-marker{bottom:max(10px,env(safe-area-inset-bottom));pointer-events:none}dialog{max-height:85svh;overflow:auto}dialog h2{line-height:1.1}
@media(max-width:800px){header{gap:12px}.motion-toggle{margin-left:auto;font-size:7px;padding:8px}.hero-meta{flex-wrap:wrap}.hero-statement h1{font-size:clamp(36px,9.7vw,76px)!important}.hero-bottom{padding-bottom:20px}.brand-hero{padding-bottom:45px}.section-label{flex-wrap:wrap}.footer-bottom{flex-wrap:wrap}.chapter-marker{display:none}.body-copy{line-height:1.95}.specifications h3{line-height:1.4}.hero-product-note{overflow-wrap:anywhere}}
@media(max-width:360px){header{padding-inline:5%;gap:8px}.brand img{width:55px;height:43px}.motion-toggle{padding:7px;font-size:6px}.menu{font-size:9px}}

/* Quiet footer motion control, with an accessible touch target. */
.footer-bottom .motion-toggle{border:0;background:none;padding:12px 0;color:#92949c;font:8px/1.4 Arial;letter-spacing:1px;min-height:44px;margin:0}.footer-bottom .motion-toggle:hover{color:#f1efeb}.footer-bottom .motion-toggle[aria-pressed=true]{color:#c0c2c9}
@media(max-width:800px){.footer-bottom .motion-toggle{font-size:7px;padding:12px 0}}