:root{--bg:#08090b;--ink:#f3eee6;--gold:#d4b076;--goldbright:#efd2a5;--muted:#b6ada1;--line:rgba(225,196,153,.2);--display:Georgia,'Times New Roman',serif;--ui:Inter,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--ui);overflow-x:clip;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}button,a{font:inherit}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--goldbright);outline-offset:5px}.skip{position:fixed;top:0;left:-9999px;z-index:999;padding:15px;color:#000;background:#fff}.skip:focus{left:10px}.grain{position:fixed;inset:0;z-index:35;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px}#cursor-glow{position:fixed;left:0;top:0;width:500px;height:500px;transform:translate3d(-999px,-999px,0);background:radial-gradient(circle,rgba(229,186,108,.035),transparent 65%);pointer-events:none;z-index:8}
.nav{position:fixed;inset:0 0 auto;z-index:45;height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4.8vw,80px);background:linear-gradient(180deg,rgba(8,9,11,.94),rgba(8,9,11,.55) 70%,transparent);transition:height .3s,background .3s}.nav.scrolled{height:76px;background:rgba(8,9,11,.91);border-bottom:1px solid rgba(213,168,99,.08);backdrop-filter:blur(14px)}.nav-brand{display:flex;align-items:center;gap:10px}.nav-brand img{width:48px;height:48px;object-fit:contain}.nav-brand>span{display:flex;flex-direction:column;gap:3px;font-weight:400}.nav-brand small{color:#b1a292;font-size:10px;letter-spacing:.32em}.nav-brand b{font-weight:400;font-family:var(--display);font-size:23px;letter-spacing:.17em;line-height:.85}.nav-center{display:flex;align-items:center;gap:13px;color:#d5cabe;font-size:10px;letter-spacing:.28em}.nav-dot{width:5px;height:5px;background:var(--gold);border-radius:50%;box-shadow:0 0 14px var(--gold)}.nav-index{color:#8c7760;letter-spacing:.08em}.nav-actions{display:flex;gap:26px;align-items:center}.nav-actions a{font-size:10px;letter-spacing:.18em;white-space:nowrap}.nav-actions a span{font-size:16px;color:var(--gold)}.nav-contact{border:1px solid rgba(214,170,110,.4);padding:13px 18px;border-radius:40px;transition:background .3s,border-color .3s}.nav-contact:hover{border-color:var(--gold);background:rgba(220,183,124,.09)}
.kicker{display:flex;gap:13px;align-items:center;color:var(--gold);font-size:11px;letter-spacing:.29em;font-weight:500;text-transform:uppercase}.kline{display:inline-block;width:24px;height:1px;background:var(--gold)}.tiny-divider{color:rgba(255,255,255,.26)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}
/* HERO — stacked composition, no full-size image */
.hero{height:210vh;position:relative;background:#070709}.hero-pin{background:radial-gradient(ellipse at 69% 54%,#251b15 0%,#0c0b0d 38%,#070709 75%);overflow:hidden;isolation:isolate}.scene-pin{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden}.backgrid{position:absolute;inset:-18%;background:repeating-linear-gradient(90deg,rgba(221,185,126,.018) 0 1px,transparent 1px 10.5%),repeating-linear-gradient(0deg,rgba(221,185,126,.012) 0 1px,transparent 1px 15%);mask-image:radial-gradient(ellipse at 61% 50%,#000 8%,transparent 76%);transform:perspective(850px) rotateX(18deg) scale(1.25)}.hero-glow{position:absolute;right:-8vw;top:9vh;width:76vw;height:82vh;border-radius:50%;background:radial-gradient(ellipse,rgba(213,159,80,.18),rgba(173,103,51,.065) 34%,transparent 68%);pointer-events:none}.outline{font-family:var(--ui);font-weight:850;letter-spacing:-.075em;line-height:.83;color:transparent;-webkit-text-stroke:1px rgba(216,176,122,.095);pointer-events:none;user-select:none}.outline-hero{position:absolute;left:4%;top:24%;width:100%;font-size:clamp(110px,21.5vw,400px);white-space:nowrap;display:flex;flex-direction:column;opacity:.78;z-index:0}.outline-hero span:nth-child(2){margin-left:11vw}.hero-object{position:absolute;z-index:3;left:51%;top:15%;width:min(48vw,720px);height:76%;display:grid;place-items:center;transform-origin:center center;pointer-events:none}.hero-object img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 30px 75px rgba(0,0,0,.6))}.hero-mini{position:absolute;z-index:2;pointer-events:none}.hero-mini img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.4))}.mini-wood{width:clamp(85px,11vw,175px);height:38vh;left:51%;top:9%;opacity:.5}.mini-profile{width:clamp(90px,10vw,160px);height:34vh;right:6%;bottom:8%;opacity:.75}.mini-glass{width:clamp(90px,12vw,170px);height:30vh;right:20%;top:5%;opacity:.53}.hero-orbit{position:absolute;z-index:1;left:46%;top:11%;width:54vw;height:80vh;pointer-events:none}.hero-orbit span{position:absolute;inset:4%;border:1px solid rgba(223,179,110,.14);border-radius:50%;transform:rotate(-20deg) scaleX(.7)}.hero-orbit span:nth-child(2){inset:14%;opacity:.6;transform:rotate(26deg) scaleX(.9)}.hero-orbit span:nth-child(3){inset:25%;opacity:.4;transform:rotate(45deg) scaleX(.6)}.hero-copy{position:absolute;left:clamp(24px,8vw,154px);top:27%;width:min(43vw,590px);z-index:5;pointer-events:none}.hero-copy h1{margin:22px 0 27px;font-size:clamp(70px,7vw,128px);line-height:.91;letter-spacing:-.065em;font-family:var(--display);color:#f7f2e9;text-shadow:0 12px 50px rgba(0,0,0,.32)}em{font-family:var(--display);font-style:italic;font-weight:400;color:var(--gold)}.hero-copy h1 em{color:#eacb96}.hero-copy p{font-size:clamp(15px,1.3vw,18px);line-height:1.74;max-width:470px;color:#cfc7bd}.hero-copy-sign{margin-top:33px;color:#a89780;font-size:10px;letter-spacing:.24em}.hero-copy-sign span{color:var(--gold);padding:0 9px}.hero-bottom{position:absolute;bottom:35px;left:clamp(24px,8vw,154px);right:6vw;z-index:7;display:flex;justify-content:space-between;align-items:center}.scroll-invite{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.24em;color:#e5d4b7}.mouse{display:block;width:25px;height:38px;border:1px solid rgba(255,255,255,.55);border-radius:14px;padding:6px 0 0 10px}.mouse i{display:block;width:3px;height:8px;background:#e7cfad;border-radius:4px;animation:mousewheel 2.2s infinite}.hero-index{font-size:10px;letter-spacing:.2em;color:#a59a8d}.hero-index span{margin-left:24px;color:var(--gold)}.hero-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:rgba(255,255,255,.08)}.hero-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7a4b23,#e8c98c)}
/* manifesto */
.manifesto{min-height:105vh;position:relative;background:#101011;display:flex;align-items:center;overflow:hidden;padding:clamp(120px,18vh,200px) clamp(24px,12vw,200px)}.manifesto::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 65% 30%,rgba(210,161,95,.055),transparent 55%)}.manifesto-ghost{position:absolute;font-size:clamp(90px,18vw,310px);font-weight:800;letter-spacing:-.06em;top:4%;left:1%;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.045);white-space:nowrap}.manifesto-inner{position:relative;max-width:1060px}.manifesto-big{font:400 clamp(42px,5.4vw,94px)/1.12 var(--display);letter-spacing:-.055em;margin:44px 0 55px}.manifesto-big .glowword{color:#e7d7c1}.manifesto-bottom{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:100px;border-top:1px solid rgba(220,185,140,.18);padding-top:25px}.manifesto-bottom span{font-size:10px;letter-spacing:.26em;color:var(--gold)}.manifesto-bottom p{font-size:17px;line-height:1.6;max-width:440px;color:#bfb9b1}.manifesto-dash{position:absolute;bottom:7vh;right:7vw;width:90px;height:1px;background:var(--gold);opacity:.7}
/* Pinned editorial product scenes */
.chapter{position:relative;height:360vh;background:#090a0c}.chapter-pin{background:radial-gradient(ellipse at 68% 52%,#242019 0%,#0d0e10 40%,#090a0c 74%);isolation:isolate}.chapter-glow{position:absolute;inset:-10%;pointer-events:none;background:radial-gradient(ellipse at 74% 55%,rgba(199,141,72,.16),transparent 49%)}.chapter-giant{position:absolute;top:10%;left:-4vw;font-size:clamp(110px,15vw,300px);font-weight:850;letter-spacing:-.075em;line-height:.8;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(222,184,127,.11);pointer-events:none}.chapter-left{position:absolute;left:clamp(24px,8vw,154px);top:18%;width:min(34vw,530px);z-index:10}.chapter-left h2{font:400 clamp(62px,5.8vw,110px)/.95 var(--display);letter-spacing:-.055em;margin:21px 0 19px}.chapter-intro{font-size:16px;color:#c7bfb4;line-height:1.65;max-width:450px}.chapter-divider{width:45px;height:1px;background:var(--gold);margin:28px 0}.phase-copy{position:relative;min-height:200px}.phase-copy-item{position:absolute;inset:0;opacity:0;transform:translateY(25px);pointer-events:none}.phase-copy-item:first-child{opacity:1;transform:none}.phase-number{display:block;color:var(--gold);font-size:11px;letter-spacing:.26em;margin-bottom:15px}.phase-copy-item h3{font:400 clamp(27px,2.7vw,47px)/1.05 var(--display);letter-spacing:-.03em;margin:0 0 15px}.phase-copy-item p{font-size:15px;color:#b7ada1;line-height:1.7;max-width:390px}.phase-rail{display:flex;align-items:center;gap:16px;font-size:10px;letter-spacing:.16em;color:#c5b49e;margin-top:8px}.phase-bar{width:100px;height:2px;background:rgba(255,255,255,.12);overflow:hidden}.phase-bar i{display:block;width:0;height:100%;background:var(--gold)}.chapter-link{position:absolute;z-index:24;left:clamp(24px,8vw,154px);bottom:8%;border:1px solid rgba(217,176,113,.4);border-radius:100px;padding:18px 25px;display:flex;align-items:center;gap:28px;font-size:11px;letter-spacing:.16em;transition:background .3s,color .3s,transform .3s}.chapter-link span{color:var(--gold);font-size:17px}.chapter-link:hover{background:var(--gold);color:#0a0b0c;transform:translateY(-4px)}.chapter-link:hover span{color:#0a0b0c}.chapter-side{position:absolute;right:2%;top:52%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.3em;color:#9c8b75}.chapter-side span{color:var(--gold);margin:10px}
.product-stage{position:absolute;right:4%;top:10%;bottom:7%;width:58%;pointer-events:none;z-index:3;perspective:1200px}.stage-oval{position:absolute;inset:8% 6% 8% 1%;border:1px solid rgba(227,192,145,.12);border-radius:50%;transform:rotate(-13deg) scaleX(.78)}.stage-ellipse{position:absolute;left:5%;right:7%;bottom:9%;height:80px;border-radius:50%;background:radial-gradient(ellipse,rgba(220,162,95,.13),transparent 65%);filter:blur(15px)}.menu-obj,.deco-obj{position:absolute;transform-origin:center center;will-change:transform,opacity}.menu-obj img,.deco-obj img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 33px rgba(0,0,0,.55))}.menu-door{height:82%;width:62%;left:25%;top:0;z-index:4}.menu-handle{width:35%;height:29%;left:0;top:62%;z-index:6}.menu-window{height:75%;width:63%;left:24%;top:8%;z-index:4;opacity:0}.menu-bay{width:46%;height:36%;left:0%;top:53%;z-index:5;opacity:0}.menu-exploded{width:72%;height:72%;left:18%;top:4%;z-index:6;opacity:0}.menu-profile{width:32%;height:35%;left:60%;top:60%;z-index:7;opacity:0}.menu-stage-label,.deco-stage-label{position:absolute;z-index:7;right:8%;bottom:1%;color:#d3b991;font-size:11px;letter-spacing:.24em;display:flex;align-items:center;gap:20px}.menu-stage-label b,.deco-stage-label b{font:400 32px var(--display);color:#e8d3b2}
.interlude{min-height:92vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#11100f;text-align:center;padding:80px 24px}.interlude:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,rgba(221,151,83,.14),transparent 43%)}.interlude-label{position:relative;color:var(--gold);letter-spacing:.3em;font-size:10px}.interlude-line{width:1px;height:88px;background:linear-gradient(180deg,transparent,var(--gold),transparent);margin:30px auto}.interlude h2{position:relative;font:400 clamp(54px,6.5vw,119px)/.94 var(--display);letter-spacing:-.055em;margin:0 0 34px}.interlude-scroll{font-size:10px;color:#9d8c77;letter-spacing:.2em}
.deco{height:310vh}.deco .chapter-pin{background:radial-gradient(ellipse at 74% 52%,#282019 0%,#121010 43%,#0b0b0c 80%)}.deco .chapter-giant{top:10%;left:-4%;color:transparent;-webkit-text-stroke:1px rgba(223,181,124,.105)}.deco-glow{background:radial-gradient(ellipse at 70% 57%,rgba(229,149,83,.19),transparent 55%)}.deco-slat{width:44%;height:65%;left:22%;top:4%;z-index:2}.deco-seat{width:49%;height:56%;left:18%;top:38%;z-index:5}.deco-lamp{width:25%;height:44%;left:64%;top:25%;z-index:6}.deco-table{width:37%;height:34%;left:5%;top:59%;z-index:7}.deco-interior{width:62%;height:57%;left:31%;top:24%;z-index:3;opacity:.25}.deco-terrace{width:89%;height:74%;left:8%;top:10%;z-index:3;opacity:0}.deco-planter{width:32%;height:37%;left:0%;top:60%;z-index:6;opacity:0}.deco-material{width:33%;height:28%;left:60%;top:69%;z-index:6;opacity:.5}
/* closing portals */
.final{position:relative;background:linear-gradient(180deg,#0d0c0d,#090a0c);padding:clamp(110px,14vh,150px) clamp(24px,7vw,130px) 80px;overflow:hidden}.final-bgword{position:absolute;top:0;left:0;white-space:nowrap;font-size:clamp(110px,18vw,300px);font-weight:800;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.06)}.final-heading{position:relative;z-index:2;text-align:center;margin-bottom:64px}.final-heading .kicker{justify-content:center}.final-heading h2{font:400 clamp(56px,6.8vw,126px)/.93 var(--display);letter-spacing:-.06em;margin:24px 0}.final-heading>p{color:#b8ada1;font-size:18px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;max-width:1450px;margin:auto;gap:20px;position:relative;z-index:3}.choice{min-width:0;position:relative;display:flex;flex-direction:column;min-height:575px;overflow:hidden;border:1px solid rgba(213,167,103,.23);background:radial-gradient(ellipse at 45% 50%,rgba(197,140,81,.13),transparent 62%),#111113;transition:border-color .35s,transform .35s,background .35s}.choice:hover{border-color:rgba(241,204,150,.7);transform:translateY(-8px)}.choice-deco{background:radial-gradient(ellipse at 52% 48%,rgba(165,120,80,.17),transparent 62%),#131111}.choice:after{content:"";position:absolute;inset:12px;pointer-events:none;border:1px solid rgba(218,173,116,.09)}.choice-top{display:flex;justify-content:space-between;align-items:center;z-index:3;position:relative;padding:32px 34px 0;color:#d4ba93;font-size:11px;letter-spacing:.2em}.choice-arrow{font-size:22px;color:var(--gold)}.choice-visual{position:absolute;top:8%;bottom:22%;left:0;right:0;pointer-events:none}.choice-arch{position:absolute;inset:6% 16% 2%;border:1px solid rgba(255,255,255,.07);border-radius:50%;transform:rotate(17deg) scaleX(.77)}.choice-visual img{position:absolute;object-fit:contain;filter:drop-shadow(0 18px 35px rgba(0,0,0,.4));transition:transform .5s cubic-bezier(.22,1,.36,1)}.choice-main{height:90%;width:79%;top:1%;left:11%}.choice-detail{height:39%;width:35%;bottom:3%;right:1%}.choice:hover .choice-main{transform:translateY(-14px) scale(1.05)}.choice:hover .choice-detail{transform:translate(8px,-8px) rotate(-4deg)}.choice-deco .choice-main{height:80%;top:15%;left:3%;width:90%}.choice-deco .choice-detail{height:42%;width:36%;bottom:-4%;right:0}.choice-bottom{z-index:3;margin-top:auto;position:relative;padding:0 34px 30px;background:linear-gradient(180deg,transparent,rgba(12,12,13,.6) 25%,rgba(12,12,13,.92))}.choice-bottom h3{font:400 clamp(35px,4vw,64px) var(--display);letter-spacing:-.05em;margin:0 0 4px}.choice-bottom p{font-size:14px;color:#baaea0;margin-bottom:27px}.choice-bottom>span{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(213,170,108,.23);padding-top:18px;color:#e2c293;font-size:11px;letter-spacing:.21em}.choice-bottom b{font-size:20px;font-weight:400}.end-note{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:65px auto 0;max-width:1450px;padding-top:25px;border-top:1px solid rgba(255,255,255,.07)}.end-note>span{font-size:11px;color:#917e66;letter-spacing:.23em}.end-note a{font-size:12px;color:#f0dbc0;letter-spacing:.21em}.end-note a span{margin-left:10px;color:var(--gold)}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;padding:27px clamp(24px,7vw,130px);border-top:1px solid rgba(213,170,108,.1);background:#090a0c;color:#8d8072;font-size:11px;letter-spacing:.17em}.site-footer>a{color:#cdb18a;font-family:var(--display);font-size:19px}.site-footer nav{display:flex;flex-wrap:wrap;gap:18px}
@keyframes mousewheel{0%,100%{transform:translateY(0);opacity:.85}50%{transform:translateY(10px);opacity:.22}}
@media (min-width:1600px){.hero-copy{top:27%}.chapter-left{top:20%}}
@media (max-width:1180px){.hero-copy{width:48vw}.hero-copy h1{font-size:clamp(62px,7vw,92px)}.chapter-left{width:39vw}.chapter-left h2{font-size:clamp(57px,6vw,85px)}.product-stage{width:59%;right:-3%}.nav-center{display:none}}
@media (max-width:780px){.nav{height:72px;padding:0 16px}.nav.scrolled{height:68px}.nav-brand img{width:35px;height:35px}.nav-brand b{font-size:19px}.nav-brand small{font-size:8px}.nav-actions{gap:14px}.nav-actions a{font-size:9px}.nav-contact{padding:10px 11px}.nav-back{display:none}.scene-pin{min-height:0;height:100svh}.hero{height:175vh}.hero-copy{left:24px;right:20px;top:19%;width:auto;max-width:590px}.hero-copy h1{font-size:clamp(62px,12.5vw,86px);margin:18px 0}.hero-copy p{max-width:35ch;font-size:14px;background:linear-gradient(90deg,rgba(6,6,7,.32),transparent)}.hero-copy-sign{display:none}.hero-object{left:25%;top:39%;width:85vw;height:53%;opacity:.9}.hero-mini{opacity:.35!important}.mini-wood{left:2%;top:48%;width:100px}.mini-profile{right:2%;bottom:8%;width:100px}.mini-glass{right:10%;top:40%;width:90px}.hero-orbit{left:8%;top:37%;width:95vw;height:60vh}.outline-hero{top:40%;font-size:27vw}.hero-glow{right:-55vw;top:29vh;width:145vw;height:75vh}.hero-bottom{left:24px;right:20px;bottom:24px}.hero-index{display:none}.scroll-invite{font-size:9px}.manifesto{min-height:94vh;padding:110px 24px 90px}.manifesto-big{font-size:clamp(43px,8vw,68px);margin:33px 0 50px}.manifesto-bottom{grid-template-columns:1fr;gap:20px}.manifesto-bottom p{font-size:15px}.manifesto-ghost{top:17%;font-size:22vw}.chapter{height:330vh}.chapter-left{left:24px;right:24px;top:13%;width:auto;max-width:none}.chapter-left h2{font-size:clamp(51px,10vw,70px);margin:14px 0 12px}.chapter-intro{font-size:14px;max-width:42ch;line-height:1.5}.chapter-divider{margin:17px 0}.phase-copy{min-height:135px;max-width:430px}.phase-copy-item h3{font-size:29px;margin-bottom:7px}.phase-copy-item p{font-size:13px;line-height:1.42}.phase-number{margin-bottom:7px;font-size:10px}.phase-rail{display:none}.chapter-giant{top:30%;font-size:23vw}.product-stage{top:51%;left:8%;right:2%;bottom:11%;width:90%}.chapter-link{bottom:4%;left:24px;font-size:10px;padding:14px 19px}.chapter-side{display:none}.menu-door{top:-3%;height:93%}.menu-handle{top:66%;left:-5%}.menu-exploded{width:82%;height:82%;top:3%;left:6%}.menu-window{width:72%;left:15%}.menu-bay{top:58%}.stage-oval{inset:5% 4%}.menu-stage-label,.deco-stage-label{right:6%;bottom:0;font-size:9px}.menu-stage-label b,.deco-stage-label b{font-size:24px}.interlude{min-height:72vh}.interlude h2{font-size:clamp(50px,10vw,80px)}.deco{height:300vh}.deco .chapter-left{top:13%}.deco .product-stage{top:52%;bottom:11%}.deco-slat{height:74%;left:20%;top:-5%}.deco-seat{height:70%;top:26%;left:12%;width:58%}.deco-lamp{top:20%;left:65%}.deco-table{left:0;top:60%}.deco-terrace{width:105%;height:79%;left:-4%;top:0}.deco-planter{left:-4%;top:55%}.final{padding:100px 18px 70px}.final-heading{margin-bottom:44px}.final-heading h2{font-size:clamp(53px,10vw,81px)}.final-heading>p{font-size:15px}.choice-grid{grid-template-columns:1fr;gap:16px}.choice{min-height:485px}.choice-top,.choice-bottom{padding-left:25px;padding-right:25px}.choice-visual{bottom:21%}.choice-bottom h3{font-size:47px}.end-note{gap:14px}.site-footer{padding:25px 20px;justify-content:center;text-align:center}}
@media (max-width:420px){.hero-copy{top:18%}.hero-copy h1{font-size:60px}.hero-copy p{font-size:13px;max-width:30ch}.hero-object{top:43%;height:48%}.chapter-left h2{font-size:48px}.phase-copy-item h3{font-size:27px}.chapter-intro{font-size:13px}.chapter-left{top:12%}.product-stage{top:54%;bottom:12%}.deco .product-stage{top:55%;bottom:12%}.menu-stage-label,.deco-stage-label{display:none}.choice{min-height:430px}.choice-bottom h3{font-size:41px}.choice-bottom p{font-size:12px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.menu-obj,.deco-obj{will-change:auto}}
@media (max-width:360px){
.nav-brand{gap:5px}.nav-brand img{width:31px;height:31px}.nav-brand b{font-size:17px}.nav-contact{padding:9px 8px}
.chapter-left .kicker{font-size:9px;letter-spacing:.16em;gap:7px}
.chapter-left h2{font-size:43px;line-height:.88;margin:12px 0 10px}
.chapter-intro{font-size:12px;line-height:1.35}
.chapter-divider{margin:11px 0}
.phase-number{font-size:9px;letter-spacing:.18em;margin-bottom:6px}
.phase-copy-item h3{font-size:24px;line-height:1.04;margin-bottom:6px}
.phase-copy-item p{font-size:12px;line-height:1.32}
.product-stage{top:62%;bottom:13%}.deco .product-stage{top:62%;bottom:13%}
.chapter-link{bottom:3%;font-size:9px;padding:12px 15px}
}

/* V16 — scroll-synchronized editorial storytelling */
.narration-beat{position:absolute;left:clamp(24px,8vw,154px);top:27%;z-index:6;width:min(43vw,610px);max-width:610px;opacity:0;pointer-events:none;transform:translate3d(0,30px,0)}
.narration-kicker{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:.24em;color:var(--gold);font-weight:500;white-space:nowrap}
.narration-dash{width:25px;height:1px;background:var(--gold);flex:none}.narration-no{font-size:10px;opacity:.55;letter-spacing:.06em;margin-left:12px}
.narration-beat h2{font:400 clamp(56px,6vw,112px)/.94 var(--display);letter-spacing:-.055em;margin:21px 0 25px;text-shadow:0 20px 55px rgba(0,0,0,.4)}
.narration-beat h2 em{color:var(--goldbright)}
.narration-beat p{font-size:clamp(16px,1.2vw,19px);line-height:1.72;color:#dbd2c5;max-width:460px;text-wrap:pretty;background:linear-gradient(90deg,rgba(8,9,11,.36),transparent);}
/* A quiet visual cue connects each section to the narrative. */
.phase-copy-item{padding-left:17px;border-left:1px solid rgba(223,180,115,.32);max-width:450px}
.phase-copy-item .phase-number{position:relative;color:#e6c692}
.phase-copy-item .phase-number:before{position:absolute;content:'';width:5px;height:5px;border-radius:50%;background:#ebc68b;left:-20px;top:5px;box-shadow:0 0 14px rgba(223,180,115,.32)}
.chapter-left .phase-copy-item h3{font-size:clamp(28px,2.5vw,43px)}
.chapter-left .phase-copy-item p{max-width:390px}
/* Text and the isolated products are both visible on each side of the composition. */
@media (max-width:1180px){.narration-beat{width:min(49vw,610px)}}
@media (max-width:780px){
.narration-beat{left:24px;right:22px;top:19%;width:auto;max-width:620px}
.narration-beat h2{font-size:clamp(43px,9.7vw,76px);margin:16px 0}
.narration-beat p{font-size:14px;max-width:35ch;line-height:1.5}
.narration-kicker{font-size:9px;letter-spacing:.16em;gap:7px}.narration-dash{width:16px}.narration-no{display:none}
.phase-copy-item{padding-left:12px}.phase-copy-item .phase-number:before{left:-15px}
.chapter-left .phase-copy-item h3{font-size:clamp(25px,5.6vw,32px)}
.chapter-left .phase-copy-item p{font-size:13px;line-height:1.42}
}
@media (max-width:420px){
.narration-beat{top:18%}.narration-beat h2{font-size:clamp(42px,10vw,58px)}.narration-beat p{font-size:13px;line-height:1.48}
.chapter-left .phase-copy-item h3{font-size:26px}
.chapter-left .phase-copy-item p{font-size:12px;line-height:1.36}
.phase-copy{min-height:154px}
}
@media (max-width:360px){
.narration-beat h2{font-size:40px}.narration-beat p{font-size:12px;line-height:1.38}
.chapter-left .phase-copy-item h3{font-size:23px}.phase-copy{min-height:145px}
}
@media (prefers-reduced-motion:reduce){.narration-beat{transition:none!important}}

/* V17 : more reading time, a more conversational presentation. */
.hero{height:310vh}
.hero-copy h1{font-size:clamp(58px,6.8vw,118px)}
.narration-beat h2{font-size:clamp(55px,5.7vw,106px)}
@media (max-width:780px){.hero{height:280vh}.hero-copy h1{font-size:clamp(55px,11.5vw,80px)}.narration-beat h2{font-size:clamp(40px,9vw,70px)}.narration-beat p{line-height:1.53}}
@media (max-width:420px){.hero-copy h1{font-size:57px}.narration-beat h2{font-size:40px}.narration-beat p{font-size:13px}}
@media (max-width:360px){.hero-copy h1{font-size:49px}.narration-beat h2{font-size:37px}.narration-beat p{font-size:12px}}


/* Groupe Bohrer — animation d'accueil des deux sociétés.
   Calme au repos, mouvement discret au hover, et sans animation imposée sur mobile. */
.choice {
  --spot-x: 50%;
  --spot-y: 45%;
  --float-main-x: 0px;
  --float-main-y: 0px;
  --float-detail-x: 0px;
  --float-detail-y: 0px;
  isolation: isolate;
  transition: transform .72s cubic-bezier(.18,.78,.2,1),
              border-color .65s ease,
              box-shadow .7s ease,
              background-color .7s ease;
  box-shadow: 0 15px 46px rgba(0,0,0,.12);
}
.choice::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(ellipse 70% 60% at var(--spot-x) var(--spot-y), rgba(231,188,119,.19),rgba(215,156,75,.07) 43%,transparent 78%);
  transition: opacity .62s ease;
}
.choice::after {
  border-color: rgba(218,173,116,.10);
  transition: border-color .7s ease;
  z-index: 7;
}
.choice-edge {
  position: absolute;
  z-index: 8;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(105deg,transparent 23%,rgba(227,187,126,.15) 38%,rgba(255,228,174,.98) 50%,rgba(216,162,95,.28) 62%,transparent 77%);
  background-size: 250% 100%;
  background-position: 115% 0;
  -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask-composite: exclude;
  transition: opacity .6s ease;
}
.choice-sheen {
  position: absolute;
  z-index: 2;
  top: -10%;
  bottom: -10%;
  left: -52%;
  width: 38%;
  pointer-events: none;
  transform: translate3d(-12%,0,0) skewX(-18deg);
  background: linear-gradient(90deg,transparent,rgba(247,209,144,.09),transparent);
  opacity: 0;
}
.choice .choice-arch {
  transition: border-color .7s ease, transform .85s cubic-bezier(.22,1,.36,1),box-shadow .7s ease;
}
.choice .choice-main,
.choice .choice-detail {
  transition: transform .58s cubic-bezier(.16,1,.3,1),filter .65s ease;
  backface-visibility: hidden;
}
.choice .choice-arrow,
.choice .choice-bottom b {
  display: inline-block;
  transition: transform .54s cubic-bezier(.18,.78,.2,1),color .42s ease;
}
.choice .choice-bottom > span {
  transition: color .5s ease,border-color .55s ease;
}
@media (hover:hover) and (pointer:fine) {
  .choice:hover {
    transform: translate3d(0,-7px,0) scale(1.009);
    border-color: rgba(239,200,140,.57);
    box-shadow: 0 25px 68px rgba(0,0,0,.27),0 0 38px rgba(212,167,101,.075);
  }
  .choice:hover::before {opacity: 1;}
  .choice:hover::after {border-color: rgba(232,190,125,.27);}
  .choice:hover .choice-edge {
    opacity: 1;
    animation: bohrer-edge-pass 1.5s cubic-bezier(.18,.65,.18,1) both;
  }
  .choice:hover .choice-sheen {
    animation: bohrer-sheen-pass 1.3s cubic-bezier(.22,.65,.18,1) both;
  }
  .choice:hover .choice-arch {
    border-color: rgba(237,190,121,.23);
    transform: rotate(14deg) scaleX(.8) scale(1.025);
    box-shadow: 0 0 60px rgba(207,152,80,.045);
  }
  .choice:hover .choice-main {
    transform: translate3d(var(--float-main-x),calc(var(--float-main-y) - 8px),0) scale(1.035);
    filter: drop-shadow(0 25px 38px rgba(0,0,0,.43));
  }
  .choice:hover .choice-detail {
    transform: translate3d(calc(var(--float-detail-x) + 4px),calc(var(--float-detail-y) - 4px),0) rotate(-2deg) scale(1.04);
  }
  .choice:hover .choice-arrow, .choice:hover .choice-bottom b {
    transform: translate3d(3px,-3px,0);
    color: #f8d8a6;
  }
  .choice:hover .choice-bottom > span {
    color: #f7d7a7;
    border-color: rgba(224,179,115,.48);
  }
}
.choice:focus-visible {
  outline: 2px solid #f3d39e;
  outline-offset: 5px;
  border-color: rgba(239,200,140,.75);
}
.choice:focus-visible::before {opacity:.66;}
.choice:focus-visible .choice-edge {opacity:.7;}
.choice:focus-visible .choice-bottom > span {color:#f7d7a7;}
@keyframes bohrer-edge-pass {
  from {background-position: 145% 0;}
  to {background-position: -38% 0;}
}
@keyframes bohrer-sheen-pass {
  0% {transform:translate3d(-18%,0,0) skewX(-18deg);opacity:0;}
  18% {opacity:.8;}
  86% {opacity:.6;}
  100% {transform:translate3d(430%,0,0) skewX(-18deg);opacity:0;}
}
@media (prefers-reduced-motion:reduce), (hover:none) {
  .choice, .choice::before,.choice::after,.choice-edge,.choice-sheen,
  .choice .choice-main,.choice .choice-detail,.choice .choice-arch,
  .choice .choice-arrow,.choice .choice-bottom b {animation:none!important;transition:none!important;}
  .choice .choice-edge,.choice .choice-sheen {display:none;}
}