:root{--ink:#102d46;--deep:#08263f;--blue:#123d60;--paper:#f2f1eb;--chalk:#fbfaf5;--mist:#dfe5e7;--signal:#ff624c;--cobalt:#496fe6;--sun:#e4b54f;--moss:#67745d;--line:rgba(16,45,70,.2);--sans:"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif;--serif:"Songti SC","Noto Serif CJK SC","STSong",serif;--pad:clamp(22px,6.15vw,30px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--deep)}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%}button{color:inherit;font:inherit}.skip-link{position:fixed;left:12px;top:-60px;z-index:200;padding:10px 14px;background:var(--chalk);transition:top .2s}.skip-link:focus{top:12px}.site-header{position:fixed;inset:0 0 auto;z-index:100;height:80px;display:flex;align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top)) var(--pad) 0;color:var(--chalk);transition:color .35s,background .35s,height .35s}.site-header.is-solid{height:68px;color:var(--ink);background:rgba(242,241,235,.94);backdrop-filter:blur(14px)}.brand{position:relative;z-index:102;display:flex;align-items:baseline;gap:9px}.brand span{font-size:20px;font-weight:600;letter-spacing:.12em}.brand small{font-size:7px;font-weight:500;letter-spacing:.2em;opacity:.66}.menu-button{position:relative;z-index:102;border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:8px 0 8px 12px;font-size:10px;letter-spacing:.2em;cursor:pointer}.menu-button i,.menu-button i::after{display:block;width:22px;height:1px;background:currentColor;transition:transform .3s;content:""}.menu-button i::after{transform:translateY(6px)}.menu-button[aria-expanded=true] i{transform:rotate(45deg)}.menu-button[aria-expanded=true] i::after{transform:rotate(-90deg)}.menu-open .site-header,.menu-open .site-header.is-solid{color:var(--chalk);background:transparent;backdrop-filter:none}.site-menu{position:fixed;inset:0;z-index:101;padding:112px var(--pad) 36px;background:#061e33;color:var(--chalk);display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .28s,visibility .28s;overflow:hidden}.site-menu::before{position:absolute;right:-.08em;bottom:-.18em;font-size:clamp(105px,34vw,190px);font-weight:600;line-height:1;letter-spacing:-.1em;color:rgba(255,255,255,.035);content:"DAOFANG";writing-mode:vertical-rl}.site-menu.is-open{opacity:1;visibility:visible}.menu-intro{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:baseline;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.22)}.menu-intro b{font-size:12px;letter-spacing:.22em}.menu-intro p{margin:0;font-size:8px;letter-spacing:.13em;opacity:.58}.menu-links{position:relative;z-index:1;margin-top:28px}.site-menu a{display:grid;grid-template-columns:43px 1fr;align-items:baseline;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.16);font-size:clamp(25px,7vw,36px);font-weight:450;letter-spacing:-.02em;transform:translateY(10px);transition:transform .42s,color .2s,padding .2s}.site-menu.is-open a{transform:none}.site-menu a span{font-size:8px;letter-spacing:.16em;color:#ff8a77}.site-menu a[aria-current]{color:#ff8a77;padding-left:10px}.site-menu a:focus-visible,.site-menu a:hover{color:#ff8a77;outline:0}.menu-foot{position:relative;z-index:1;margin:auto 0 0;font-size:7px;letter-spacing:.24em;opacity:.52}
.hero{position:relative;min-height:100svh;height:max(800px,100svh);color:var(--chalk);overflow:hidden;background:var(--deep)}.hero-media,.hero-shade,.hero-grid{position:absolute;inset:0}.hero-media img{height:100%;object-fit:cover;object-position:57% center;transform:scale(1.045);animation:heroIn 1.8s cubic-bezier(.2,.7,.2,1) forwards}.hero-shade{background:linear-gradient(180deg,rgba(4,25,42,.55),rgba(6,31,50,.05) 34%,rgba(5,27,45,.12) 52%,rgba(4,23,39,.9)),linear-gradient(90deg,rgba(4,24,40,.4),transparent 72%)}.hero-grid{left:var(--pad);right:var(--pad);display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid rgba(255,255,255,.12);border-right:1px solid rgba(255,255,255,.12);pointer-events:none}.hero-grid i{border-right:1px solid rgba(255,255,255,.1)}.hero-grid i:last-child{border:0}.hero-brand-lockup{position:absolute;z-index:2;top:clamp(112px,16svh,150px);left:var(--pad);right:var(--pad)}.hero-brand-lockup p{margin:0 0 5px;font-size:9px;letter-spacing:.22em;opacity:.72}.hero-brand-lockup strong{display:block;margin-left:-.06em;font-size:clamp(82px,25vw,116px);font-weight:520;line-height:.92;letter-spacing:-.095em;opacity:0;transform:translateY(18px);animation:copyIn 1s .25s forwards}.hero-brand-lockup span{display:block;margin-top:13px;font-size:7px;letter-spacing:.28em;opacity:.56}.hero-copy{position:absolute;z-index:2;left:var(--pad);right:var(--pad);bottom:clamp(116px,15svh,142px)}.eyebrow{margin:0;font-size:8px;line-height:1.5;letter-spacing:.25em;text-transform:uppercase}.hero-eyebrow{margin-bottom:14px;color:#ff8b78;opacity:0;animation:copyIn .8s .52s forwards}.hero h1{margin:0;max-width:620px;font-family:var(--serif);font-size:clamp(39px,10.8vw,52px);font-weight:500;line-height:1.18;letter-spacing:-.045em}.hero h1 span,.hero h1 strong{display:block;opacity:0;transform:translateY(22px);animation:copyIn 1s .62s forwards}.hero h1 strong{font-weight:500;animation-delay:.73s}.hero-note{width:min(300px,82%);margin:18px 0 0 auto;padding-left:16px;border-left:1px solid rgba(255,255,255,.42);font-size:11px;line-height:1.85;letter-spacing:.045em;opacity:0;animation:copyIn .9s .88s forwards}.scroll-cue{position:absolute;z-index:3;left:var(--pad);bottom:30px;display:flex;align-items:center;gap:13px;font-size:8px;letter-spacing:.2em}.scroll-cue i{position:relative;width:42px;height:1px;background:rgba(255,255,255,.52)}.scroll-cue i::after{position:absolute;right:0;top:-2px;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(-45deg);content:""}.hero-index{position:absolute;right:var(--pad);bottom:29px;z-index:2;font-size:8px;letter-spacing:.2em;opacity:.58}.section-kicker{display:flex;align-items:baseline;gap:14px}.section-kicker span{font-size:9px;letter-spacing:.18em;color:var(--signal)}.section-kicker p{margin:0;font-size:8px;letter-spacing:.22em}.section-kicker.light{color:var(--chalk)}.section-kicker.light span{color:#ff8a77}
.intro{position:relative;min-height:940px;padding:100px var(--pad) 70px;overflow:hidden;background:var(--paper)}.intro::before{position:absolute;top:0;right:var(--pad);width:1px;height:170px;background:var(--line);content:""}.intro-copy{margin-top:108px}.intro-lead{margin:0 0 22px;font-size:11px;letter-spacing:.08em;color:rgba(16,45,70,.62)}.intro h2,.order h2,.worlds h2,.closing h2{margin:0;font-weight:500;letter-spacing:-.045em}.intro h2{font-size:clamp(42px,11vw,55px);line-height:1.2}.intro-detail{width:82%;margin:52px 0 0 auto;padding-left:18px;border-left:1px solid var(--line)}.intro-detail p{margin:0;font-size:13px;line-height:2;letter-spacing:.025em}.intro-detail p+p{margin-top:17px}.arrival-signals{position:absolute;left:var(--pad);right:var(--pad);bottom:50px;display:grid;border-top:1px solid var(--line)}.arrival-signals p{display:grid;grid-template-columns:44px 1fr;margin:0;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;letter-spacing:.04em}.arrival-signals span{font-size:8px;letter-spacing:.16em;color:var(--signal)}
.order{color:var(--chalk);background:var(--blue);padding-bottom:72px;overflow:hidden}.order-image{position:relative;margin:0;height:66svh;min-height:540px;max-height:740px;overflow:hidden}.order-picture{display:block;height:100%}.order-image img{height:112%;object-fit:cover;object-position:center 54%}.order-image::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(6,31,51,.86));content:""}.order-image figcaption{position:absolute;z-index:1;left:var(--pad);right:var(--pad);bottom:22px;display:flex;justify-content:space-between;align-items:end;gap:30px}.order-image figcaption span{font-size:7px;letter-spacing:.2em}.order-image figcaption b{max-width:170px;text-align:right;font-size:12px;font-weight:400;letter-spacing:.07em}.order-copy{padding:72px var(--pad) 40px}.order-copy h2{margin-top:36px;font-size:clamp(41px,10.8vw,55px);line-height:1.2}.order-copy>p{margin:28px 0 0 17%;max-width:310px;font-size:13px;line-height:2;letter-spacing:.035em;color:rgba(251,250,245,.78)}.order-sequence{list-style:none;margin:8px var(--pad) 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.28)}.order-sequence li{display:flex;align-items:baseline;gap:14px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.17);font-size:18px;letter-spacing:.12em}.order-sequence li:nth-child(odd){border-right:1px solid rgba(255,255,255,.17)}.order-sequence li:nth-child(even){padding-left:18px}.order-sequence span{font-size:7px;letter-spacing:.18em;color:#ff8a77}
.worlds{position:relative;min-height:900px;padding:82px var(--pad) 58px;color:var(--chalk);background:#061e33;overflow:hidden}.worlds-stage{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr)}.shape{position:relative;width:auto;height:64%;opacity:.72;mix-blend-mode:screen}.shape::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(255,255,255,.12));content:""}.shape.one{align-self:end;background:linear-gradient(180deg,transparent,#496fe6 72%,#284d92);clip-path:polygon(0 28%,100% 0,100% 100%,0 100%)}.shape.two{align-self:end;height:74%;background:linear-gradient(180deg,transparent,#d7a943 70%,#9f7131);clip-path:polygon(0 7%,100% 23%,100% 100%,0 100%)}.shape.three{align-self:end;height:60%;background:linear-gradient(180deg,transparent,#de6652 72%,#853b36);clip-path:polygon(0 21%,100% 0,100% 100%,0 100%)}.shape.four{align-self:end;height:69%;background:linear-gradient(180deg,transparent,#64745f 72%,#394c48);clip-path:polygon(0 0,100% 18%,100% 100%,0 100%)}.worlds-count{position:absolute;top:15%;left:50%;margin:0;transform:translateX(-50%);font-size:clamp(210px,66vw,310px);font-weight:200;line-height:.8;letter-spacing:-.12em;color:rgba(255,255,255,.1)}.world-axis{position:absolute;top:39%;left:var(--pad);right:var(--pad);display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.world-axis i{height:2px;background:rgba(255,255,255,.62)}.worlds-brand{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:baseline;gap:25px}.worlds-brand span:first-child{font-size:12px;font-weight:600;letter-spacing:.18em}.worlds-brand span:last-child{font-size:7px;letter-spacing:.17em;opacity:.55;text-align:right}.worlds-copy{position:absolute;z-index:2;left:var(--pad);right:var(--pad);bottom:95px}.worlds-copy h2{margin-top:30px;font-size:clamp(44px,11.7vw,58px);line-height:1.15}.worlds-copy>p{width:80%;margin:22px 0 0 auto;padding-left:16px;border-left:1px solid rgba(255,255,255,.38);color:rgba(251,250,245,.78);font-size:12px;line-height:1.9}.worlds-copy>a{display:flex;justify-content:space-between;margin-top:28px;padding:13px 0;border-top:1px solid rgba(255,255,255,.35);font-size:9px;letter-spacing:.16em}.worlds-foot{position:absolute;z-index:2;left:var(--pad);bottom:22px;margin:0;font-size:6px;letter-spacing:.13em;opacity:.46}
.product-world{position:relative;padding:78px 0 54px;overflow:hidden}.product-shell{position:relative}.product-meta{display:grid;grid-template-columns:78px 1fr;gap:4px;padding:0 var(--pad)}.product-count{grid-row:1;margin:0;font-size:29px;font-weight:300;letter-spacing:-.05em}.product-count small{font-size:9px;letter-spacing:.08em;opacity:.48}.product-meta>div>span{font-size:8px;letter-spacing:.2em;opacity:.6}.product-meta h2{margin:9px 0 0;font-size:clamp(42px,11vw,55px);font-weight:500;line-height:1.1;letter-spacing:-.045em}.product-meta>div>p{max-width:235px;margin:18px 0 0;font-size:12px;line-height:1.8;opacity:.72}.product-media{position:relative;margin:42px 0 0;height:78svh;min-height:630px;max-height:820px;overflow:hidden;background:#111}.product-media picture,.product-media img{display:block;width:100%;height:100%}.product-media img{object-fit:cover;object-position:center top}.product-media figcaption{position:absolute;left:var(--pad);bottom:17px;margin:0;padding:7px 9px;background:rgba(0,0,0,.55);color:#fff;font-size:6px;letter-spacing:.16em;backdrop-filter:blur(8px)}.product-action{display:flex;align-items:end;justify-content:space-between;gap:22px;padding:28px var(--pad) 0}.product-action button{padding:0 0 9px;border:0;border-bottom:1px solid currentColor;background:transparent;text-align:left;font-size:10px;letter-spacing:.1em;opacity:.75}.product-action button span{margin-left:9px}.product-action button small{display:block;margin-top:8px;font-size:6px;letter-spacing:.13em;opacity:.54}.product-action>a{display:flex;gap:10px;font-size:8px;letter-spacing:.16em}.product-action>a span{opacity:.55}.product-c01{color:#f5f1e8;background:#0c1719}.product-c02{color:#17483e;background:#eee7c9}.product-c03{color:#4b3328;background:#e8d8c4}.product-c04{color:#f2ede2;background:#181912}.product-c02 .product-media{background:#d9d4ba}.product-c03 .product-media{background:#c5a98d}.product-c04 .product-media{background:#10110d}
.closing{position:relative;min-height:790px;padding:90px var(--pad);color:var(--ink);background:var(--mist);overflow:hidden}.closing-rule{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.closing-rule i{height:3px}.closing-rule i:nth-child(1){background:var(--cobalt)}.closing-rule i:nth-child(2){background:var(--sun)}.closing-rule i:nth-child(3){background:var(--signal)}.closing-rule i:nth-child(4){background:var(--moss)}.closing-brand{margin-top:72px}.closing-brand p{margin:0 0 8px -.06em;font-size:clamp(92px,27vw,132px);font-weight:520;line-height:.9;letter-spacing:-.095em}.closing-brand span{font-size:8px;letter-spacing:.28em}.closing-copy{position:absolute;left:var(--pad);right:var(--pad);bottom:84px}.closing-copy .eyebrow{margin-bottom:24px;color:var(--signal)}.closing h2{max-width:620px;font-size:clamp(38px,10vw,52px);line-height:1.25}.contact-note{display:inline-block;margin:44px 0 0;padding-bottom:9px;border-bottom:1px solid currentColor;font-size:9px;letter-spacing:.16em}.site-footer{display:grid;grid-template-columns:1fr auto;gap:28px 15px;padding:38px var(--pad) 44px;color:var(--chalk);background:#061a2b;font-size:7px;letter-spacing:.17em}.site-footer a{font-size:18px;font-weight:600;letter-spacing:.12em}.site-footer p{margin:0;opacity:.56}.site-footer p:last-child{grid-column:1/-1}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.reveal-media img{transform:scale(1.035);transition:transform 1.35s cubic-bezier(.2,.7,.2,1)}.reveal-media.is-visible img{transform:scale(1)}@keyframes heroIn{to{transform:scale(1)}}@keyframes copyIn{to{opacity:1;transform:translateY(0)}}
@media(min-width:700px){:root{--pad:clamp(36px,5vw,76px)}.site-menu{padding-top:120px}.site-menu::before{right:-.05em;bottom:-.4em;font-size:min(25vw,360px);writing-mode:horizontal-tb}.menu-intro{max-width:1040px}.menu-links{width:min(760px,68vw);margin-top:40px}.site-menu a{grid-template-columns:70px 1fr;padding:14px 0;font-size:clamp(34px,4vw,58px)}.hero{height:max(820px,100svh)}.hero-grid{grid-template-columns:repeat(6,1fr)}.hero-grid i{grid-column:span 2}.hero-brand-lockup{top:16vh}.hero-brand-lockup strong{font-size:clamp(120px,14vw,205px)}.hero-copy{bottom:13vh;display:grid;grid-template-columns:minmax(430px,760px) minmax(220px,300px);gap:5vw;align-items:end}.hero-eyebrow{grid-column:1/-1;margin-bottom:-2px}.hero h1{font-size:clamp(58px,5.5vw,82px)}.hero-note{margin:0;width:auto}.intro{min-height:880px;padding-top:120px}.intro-copy{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:end;margin-top:115px}.intro-lead{grid-column:1/-1}.intro h2{font-size:clamp(54px,5vw,74px)}.intro-detail{width:auto;margin:0}.arrival-signals{grid-template-columns:repeat(3,1fr)}.arrival-signals p{display:block;padding:18px 20px 18px 0;border-right:1px solid var(--line)}.arrival-signals p+p{padding-left:20px}.arrival-signals span{display:block;margin-bottom:11px}.order{min-height:940px;display:grid;grid-template-columns:58% 42%;grid-template-rows:1fr auto;padding:0}.order-image{grid-row:1/3;height:940px;max-height:none}.order-copy{align-self:end;padding:80px 6vw 48px}.order-copy h2{font-size:clamp(48px,4vw,66px)}.order-copy>p{margin-left:10%}.order-sequence{margin:0 6vw 70px}.worlds{min-height:900px}.worlds-count{top:10%;font-size:min(39vw,500px)}.worlds-copy{left:auto;width:min(620px,48vw);bottom:82px}.worlds-copy h2{font-size:clamp(58px,5vw,78px)}.product-world{min-height:140vh;padding:0}.product-shell{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:minmax(300px,29%) 1fr;grid-template-rows:1fr auto}.product-meta{grid-column:1;grid-row:1;align-content:center;grid-template-columns:84px 1fr;padding:90px 4vw 35px}.product-meta h2{font-size:clamp(44px,4vw,65px)}.product-media{grid-column:2;grid-row:1/3;margin:0;height:100vh;max-height:none;min-height:0}.product-media figcaption{left:22px}.product-action{grid-column:1;grid-row:2;padding:0 4vw 46px}.product-c03 .product-media img,.product-c04 .product-media img{object-position:left center}.closing{min-height:850px}.closing-brand p{font-size:clamp(150px,17vw,250px)}.closing-copy{left:auto;width:min(620px,48vw)}.closing h2{font-size:clamp(48px,4.3vw,66px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.reveal-media img{transform:none}}

/* B2 real frozen product visuals: one brand stage, four distinct entrances. */
.intro{min-height:780px}.intro-copy{margin-top:72px}.order-image{height:54svh;min-height:440px}.worlds{min-height:760px}
.product-world{padding:72px 0 52px}.product-meta{display:block}.product-count{margin-bottom:24px}.product-meta>div{max-width:285px}.product-visual{position:relative;margin-top:38px}.product-visual figure{position:relative;margin:0;overflow:hidden}.product-visual picture,.product-visual img{display:block;width:100%;height:100%}.product-visual img{object-fit:cover;object-position:center top}.product-visual figcaption{position:absolute;z-index:2;left:12px;bottom:12px;padding:7px 9px;background:rgba(0,0,0,.62);color:#fff;font-size:6px;letter-spacing:.15em;backdrop-filter:blur(8px)}
.product-visual--takeover .visual-main{height:88svh;min-height:700px;max-height:880px}
.product-visual--duet{padding:0 var(--pad) 42px}.product-visual--duet .visual-main{height:64svh;min-height:520px}.product-visual--duet .visual-secondary{width:76%;height:52svh;min-height:420px;margin:-108px 0 0 auto;border:9px solid #eee7c9}
.product-visual--story{padding:0 var(--pad) 48px}.product-visual--story .visual-main{width:86%;height:72svh;min-height:590px}.product-visual--story .visual-secondary{width:65%;height:52svh;min-height:430px;margin:-148px 0 0 auto;border:9px solid #e8d8c4}
.product-visual--threshold{padding:48px 0 72px}.product-visual--threshold .visual-main{width:calc(100% - var(--pad));height:76svh;min-height:620px}.product-visual--threshold .visual-secondary{width:60%;height:50svh;min-height:410px;margin:-112px var(--pad) 0 auto;border:8px solid #181912}.product-c04 .product-meta{padding-top:8px}

@media(min-width:700px){
  .intro{min-height:720px}.intro-copy{margin-top:76px}.order{min-height:780px}.order-image{height:780px}.worlds{min-height:780px}
  .product-world{min-height:125vh;padding:0}.product-shell{position:sticky;top:0;height:100vh;display:grid;grid-template-rows:1fr auto}
  .product-meta{display:grid;grid-template-columns:84px 1fr;align-content:center;z-index:3}.product-meta>div{max-width:none}.product-count{margin:0}
  .product-visual{margin:0;min-width:0;height:100vh}.product-visual figure{max-height:none}.product-action{z-index:3}
  .product-world--takeover .product-shell{grid-template-columns:28% 72%}.product-world--takeover .product-meta{grid-column:1;grid-row:1;padding:90px 4vw 35px}.product-world--takeover .product-visual{grid-column:2;grid-row:1/3}.product-world--takeover .product-action{grid-column:1;grid-row:2}.product-visual--takeover .visual-main{height:100vh;min-height:0;max-height:none}
  .product-world--duet .product-shell{grid-template-columns:32% 68%}.product-world--duet .product-meta{grid-column:1;grid-row:1;padding:90px 4vw 35px}.product-world--duet .product-visual{grid-column:2;grid-row:1/3}.product-world--duet .product-action{grid-column:1;grid-row:2}.product-visual--duet{padding:7vh 3.5vw 7vh 1vw}.product-visual--duet .visual-main{height:86vh;min-height:0}.product-visual--duet .visual-secondary{position:absolute;left:-5vw;bottom:2vh;width:31%;height:55vh;min-height:0;margin:0;border:10px solid #eee7c9}
  .product-world--story .product-shell{grid-template-columns:30% 70%}.product-world--story .product-meta{grid-column:1;grid-row:1;padding:90px 3.5vw 35px}.product-world--story .product-visual{grid-column:2;grid-row:1/3}.product-world--story .product-action{grid-column:1;grid-row:2}.product-visual--story{display:grid;grid-template-columns:62% 38%;gap:1.2vw;align-items:center;padding:7vh 2vw 7vh 0}.product-visual--story .visual-main{width:100%;height:86vh;min-height:0}.product-visual--story .visual-secondary{align-self:end;width:100%;height:66vh;min-height:0;margin:0;border:0}
  .product-world--threshold .product-shell{grid-template-columns:62% 38%}.product-world--threshold .product-meta{grid-column:2;grid-row:1;padding:90px 4vw 35px}.product-world--threshold .product-visual{grid-column:1;grid-row:1/3}.product-world--threshold .product-action{grid-column:2;grid-row:2}.product-visual--threshold{padding:0 2vw 0 0}.product-visual--threshold .visual-main{width:82%;height:100vh;min-height:0}.product-visual--threshold .visual-secondary{position:absolute;right:0;top:16vh;width:34%;height:67vh;min-height:0;margin:0;border:10px solid #181912}
}
/* B4 C-01 Product Takeover / Portal. Outer scroll remains native. */
.product-portal{position:relative;height:360svh;min-height:2500px;color:#f4f0e7;background:#0b1718}.portal-sticky{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;isolation:isolate;background:#0b1718}.portal-host-layer{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 78% 35%,rgba(78,110,98,.22),transparent 36%),linear-gradient(145deg,#0b1718,#101d1d 62%,#16231f);will-change:opacity}.portal-meta{position:absolute;z-index:2;top:96px;left:var(--pad);right:var(--pad);max-width:330px}.portal-count{margin:0 0 34px;font-size:31px;font-weight:300;letter-spacing:-.05em}.portal-count small{font-size:9px;letter-spacing:.08em;opacity:.48}.portal-meta>div>span{font-size:8px;letter-spacing:.2em;opacity:.58}.portal-meta h2{margin:10px 0 0;font-size:clamp(46px,12vw,58px);font-weight:500;line-height:1.08;letter-spacing:-.05em}.portal-meta>div>p{max-width:250px;margin:20px 0 0;font-size:12px;line-height:1.85;opacity:.7}.portal-scroll-cue{position:absolute;top:calc(100svh - 176px);left:0;width:min(270px,75vw);margin:0;font-size:8px;letter-spacing:.14em;opacity:.62}.portal-scroll-cue i{display:block;width:64px;height:1px;margin-top:14px;background:currentColor}.portal-surface{position:absolute;inset:0;z-index:3;overflow:hidden;background:#111;clip-path:inset(38% 6% 9% 14% round 2px);transform-origin:center;will-change:clip-path,transform}.portal-surface iframe,.portal-poster,.portal-gesture-guard{position:absolute;inset:0;width:100%;height:100%}.portal-surface iframe{z-index:1;border:0;opacity:0;pointer-events:none;background:#111;transition:opacity .55s ease}.portal-poster{z-index:2;margin:0;transition:opacity .55s ease,visibility .55s}.portal-poster img{width:100%;height:100%;object-fit:cover;object-position:center top}.portal-gesture-guard{z-index:4;touch-action:pan-y;cursor:default}.portal-load-state{position:absolute;z-index:5;right:16px;bottom:16px;padding:7px 9px;color:#fff;background:rgba(0,0,0,.62);font-size:6px;letter-spacing:.15em;backdrop-filter:blur(8px);transition:opacity .3s}.portal-surface.is-live iframe{opacity:1}.portal-surface.is-live .portal-poster{opacity:0;visibility:hidden}.portal-surface.is-live .portal-load-state{opacity:.56}.portal-continuity{position:absolute;z-index:6;top:92px;right:12px;display:flex;align-items:center;gap:12px;color:#fff;writing-mode:vertical-rl;text-shadow:0 1px 12px rgba(0,0,0,.45)}.portal-continuity span{font-size:11px;font-weight:600;letter-spacing:.16em}.portal-continuity small{font-size:6px;letter-spacing:.14em}.portal-continuity i{position:relative;width:1px;height:72px;background:rgba(255,255,255,.28)}.portal-continuity b{position:absolute;inset:0;background:#fff;transform:scaleY(0);transform-origin:top;will-change:transform}.portal-exit{position:absolute;z-index:7;left:var(--pad);right:var(--pad);bottom:58px;max-width:350px;opacity:0;pointer-events:none;color:#f4f0e7;will-change:opacity,transform}.portal-exit>p{margin:0 0 14px;font-size:7px;letter-spacing:.2em;color:#ff8a77}.portal-exit h3{margin:0;font-family:var(--serif);font-size:clamp(34px,9.5vw,46px);font-weight:500;line-height:1.22;letter-spacing:-.04em}.portal-exit>div{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:32px}.portal-full-link{display:block;padding-bottom:8px;border-bottom:1px solid currentColor;font-size:9px;letter-spacing:.1em}.portal-full-link small{display:block;margin-top:7px;font-size:6px;letter-spacing:.1em;opacity:.55}.portal-next-link{font-size:7px;letter-spacing:.13em}.portal-full-link:focus-visible,.portal-next-link:focus-visible{outline:2px solid currentColor;outline-offset:6px}body.portal-takeover .site-header{opacity:0;pointer-events:none}
@media(min-width:700px){.product-portal{height:320svh;min-height:2300px}.portal-sticky{min-height:720px}.portal-meta{top:50%;left:5vw;right:auto;width:29vw;max-width:430px;transform:translateY(-50%)}.portal-meta h2{font-size:clamp(58px,5vw,76px)}.portal-scroll-cue{top:auto;bottom:-150px;width:280px}.portal-surface{clip-path:inset(10% 5% 10% 36% round 2px)}.portal-continuity{top:auto;right:28px;bottom:38px;writing-mode:horizontal-tb}.portal-continuity i{width:120px;height:1px}.portal-continuity b{transform:scaleX(0);transform-origin:left}.portal-exit{left:auto;right:6vw;bottom:auto;top:50%;width:min(480px,34vw);max-width:none;transform:translateY(-42%)}.portal-exit h3{font-size:clamp(44px,4vw,64px)}.portal-load-state{right:26px;bottom:24px}}
@media(prefers-reduced-motion:reduce){.product-portal{height:220svh}.portal-surface iframe,.portal-poster{transition:none}.portal-surface{will-change:auto}.portal-host-layer,.portal-meta,.portal-exit{will-change:auto}}
