/* SMT-04.2. The supplied artwork is a plane inside the existing chrome world. */
.nick-intro,.community,.life,.offers{padding-block:clamp(64px,8vw,120px)}
.nick-intro{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(36px,6vw,96px);align-items:center}
.nick-intro h2,.media-heading h2,.life h2{font-size:clamp(36px,4.5vw,68px);line-height:1.04;text-transform:uppercase;text-wrap:balance}
.nick-copy>p{max-width:48ch;font-size:18px;color:var(--muted);line-height:1.7;margin-top:24px}
.nick-copy .nick-lead{color:var(--white);font-size:clamp(18px,1.5vw,22px)}
.nick-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:32px}
.nick-copy .intro-access{font-size:16px;margin-top:18px}
.youtube{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:58px;padding:14px 23px;border:1px solid #9ba9b967;border-radius:8px;background:linear-gradient(145deg,#303943,#111820 60%);color:var(--white);font-weight:650;font-size:16px;transition:border-color .2s,background .2s}
.youtube svg{width:25px;height:25px;fill:var(--silver);stroke:var(--silver);stroke-width:1.2}
.youtube svg .youtube-play{fill:var(--black);stroke:var(--black)}
.youtube:hover{border-color:var(--ice);background:#303b47}
@media(min-width:601px) and (max-width:850px){.hero-actions .youtube{min-height:54px;padding:12px 20px}}
@media(max-width:600px){.hero-actions .youtube{min-width:152px;min-height:53px;padding:12px 18px;font-size:14px;gap:10px}.hero-actions .youtube svg{width:22px;height:22px}}
@media(max-width:370px){.hero-actions .youtube{min-width:140px}}
.footer .youtube{min-height:44px;padding:8px 14px}
.media-item{margin:0;min-width:0}
.media-item>img,.media-open img{display:block;width:100%;height:auto;object-fit:contain}
.media-open{display:block;position:relative;min-width:0;cursor:zoom-in}
.media-open:focus-visible,.community-link:focus-visible,.youtube:focus-visible,.media-dialog :focus-visible,.video-replay:focus-visible{outline:2px solid var(--ice);outline-offset:3px}
.nick-portrait .media-photo{box-shadow:18px 30px 50px #0008}
.nick-portrait img{aspect-ratio:4/5;object-fit:cover;object-position:center bottom}
.approach-photo{min-width:0}.approach-photo img{aspect-ratio:1}.approach-story{font-size:17px}
/* Seven equal footprints preserve recycling; the artwork geometry lives inside. */
.rail{height:687px}
.rail.is-interactive .product-card,.product-card{width:430px;height:660px;padding:24px;background:linear-gradient(145deg,#202b36a0,#080c12 65%,#121c28);border-color:#758ba353}
.product-scene{height:359px;margin:0 -24px;flex:none;position:relative;isolation:isolate;pointer-events:none;perspective:1200px}
.scene-light{position:absolute;inset:20px -5% 10px;background:radial-gradient(ellipse at 50% 60%,#b0dfff24,transparent 68%)}
.scene-banner{position:absolute;left:23px;top:33px;width:376px;transform:rotateY(-8deg) rotateZ(-3deg);transform-origin:50% 65%;padding:2px;background:linear-gradient(135deg,#eff7ff,#556878 17%,#141e29 48%,#a2b5c8 88%,#202b35);box-shadow:12px 23px 29px #000a,4px 4px 0 #35404c;z-index:2}
.scene-banner img{width:100%;height:auto;display:block;object-fit:contain}
.scene-square .scene-banner{width:277px;left:23px;top:18px;transform:rotateY(-10deg) rotateZ(-4deg)}
.scene-object{position:absolute;right:8px;bottom:1px;width:134px;height:139px;z-index:3;filter:drop-shadow(12px 16px 10px #000b)}
.scene-object>img{width:100%;height:100%;object-fit:contain}
.scene-square .scene-object{right:0;width:119px;height:149px;bottom:22px}
.scene-object-copy{height:170px;bottom:-12px;mask-image:linear-gradient(#000 78%,transparent)}
.scene-object-club{transform:rotate(-9deg)}
.scene-object-mentorship{width:158px;transform:rotate(-8deg)}
.scene-object-vibe{width:176px;height:110px;right:18px;bottom:21px;transform:rotate(7deg)}
.scene-object-vibe .source-frame{height:100%;width:100%;overflow:hidden}
.scene-object-vibe img{height:100%;width:100%;object-fit:contain}
.scene-wide .scene-object{height:100px;bottom:0}
.scene-wide .scene-object-vibe{height:83px;bottom:4px}
.scene-floor{position:absolute;bottom:19px;left:16px;right:16px;height:64px;background:linear-gradient(175deg,#bddeff1f,#bddeff03 37%,#070a0e00);transform:rotateX(68deg);border-top:1px solid #c5e8ff4f;z-index:1}
.product-card h3{max-width:100%;font-size:28px;min-height:65px;margin-bottom:16px}
.product-card .card-task{font-size:16px;line-height:1.55;min-height:50px;max-width:35ch;margin-bottom:20px}
.product-card .product-select{font-size:14px;min-height:49px}
/* Large, intact artwork and quiet review galleries in expanded products. */
.product-media{border-top:1px solid var(--edge);margin-top:44px;padding-top:36px}
.product-media h4{font-variation-settings:'wdth' 120,'wght' 850;font-size:clamp(24px,2.6vw,36px);line-height:1.12;letter-spacing:-.025em;margin-bottom:24px}
.banner-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.banner-gallery:has(>.media-item:only-child){grid-template-columns:minmax(0,980px);justify-content:center}
.banner-gallery img{max-height:750px}
.banner-gallery>.media-item:first-child:nth-last-child(3){grid-column:1/-1;max-width:750px;width:100%;justify-self:center}
.demo-gallery{margin:44px auto 0;max-width:1000px}
.video-stage{position:relative;background:var(--black)}
.media-video video{display:block;width:100%;height:auto;max-height:75vh;background:var(--black)}
.video-replay{position:absolute;inset:0;width:100%;height:100%;display:grid;place-items:center;background:#050608;cursor:pointer}
.video-replay img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.video-replay span{position:relative;padding:15px 24px;border-radius:8px;background:linear-gradient(135deg,#f5f8fc,#b2c3d3);color:#0b1520;box-shadow:0 7px 25px #0009;font-weight:700;font-size:18px}
.video-replay[hidden]{display:none}
.video-status:empty{display:none}.video-status{font-size:16px;margin-top:14px;color:var(--silver)}
.mentorship-photo{max-width:650px;margin:44px auto 0}.mentorship-photo img{max-height:720px;object-fit:contain}
.product-reviews{margin-top:52px}
.review-gallery{display:flex;gap:14px;margin-top:26px;padding:4px 4px 12px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#52677b transparent;scroll-padding-inline:4px}
.review-gallery .media-review{flex:none}
.review-gallery .media-open{height:208px;border-radius:5px;overflow:hidden}
.review-gallery .media-open:focus-visible{outline-offset:2px}
.review-gallery .media-open img{width:auto;height:100%;max-width:none;object-fit:contain}
.media-review .media-open{background:#0b0f14}
.media-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;align-items:end;margin-bottom:42px}
.media-heading>p,.life-copy>p{font-size:18px;line-height:1.65;max-width:48ch;color:var(--muted)}
.community{border-top:1px solid var(--edge)}
.community-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:start}
.community-gallery .media-review img{height:300px;object-fit:contain}
.community-link{display:block;cursor:pointer;border-radius:3px}
.community-link:hover .community-product span{color:var(--ice)}
.community-product{display:block;font-size:18px;font-weight:650;line-height:1.4;padding-block:20px 8px}
.community-product span{display:block;font-size:14px;font-weight:400;color:var(--muted);margin-top:8px;text-decoration:underline;text-underline-offset:5px}
.life{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:6%}
.life h2{font-size:clamp(36px,4.4vw,66px)}.life-copy>p{margin-top:28px}
.life-photos{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:end}
.life-photos .media-item:last-child{margin-bottom:-44px}
/* Two promos share a light shelf, but occupy different planes and proportions. */
.offers{position:relative;padding-top:90px;overflow:clip;isolation:isolate}
.offers h2{max-width:12ch;font-size:clamp(40px,5vw,72px)}
.offers .media-heading{margin-bottom:15px}
.offer-gallery{position:relative;display:grid;grid-template-columns:.94fr 1.06fr;gap:6%;align-items:start;padding:50px 12px 60px;perspective:1600px}
.offer-light{position:absolute;inset:5% -20% -5%;background:radial-gradient(ellipse at 38% 52%,#8fc6ff22,transparent 53%);pointer-events:none;z-index:-1}
.offer-light::after{content:'';position:absolute;width:95%;height:2px;left:0;top:71%;transform:rotate(-15deg);background:linear-gradient(90deg,transparent,#8dabc354,#e2f3ffab,#586e8344,transparent);box-shadow:0 16px 38px #8fc6ff70}
.offer-composition{position:relative;min-width:0}
.offer-1{padding-right:8%;z-index:2}
.offer-2{margin-top:225px;z-index:1}
.offer-art{position:relative;transform-origin:center;box-shadow:21px 34px 35px #0008}
.offer-1 .offer-art{transform:perspective(1300px) rotateY(10deg) rotateZ(-4deg)}
.offer-2 .offer-art{transform:perspective(1200px) rotateY(-10deg) rotateZ(3deg)}
.offer-art::before{content:'';position:absolute;inset:-2px;z-index:-1;background:linear-gradient(135deg,#e7f3ff9c,#38557033 40%,#8fb4d680);border-radius:1px}
.offer-art::after{content:'';position:absolute;inset:100% 0 auto;height:60px;background:linear-gradient(180deg,#adcff81a,transparent);transform:skewX(-24deg);transform-origin:top;pointer-events:none}
.offer-art img{width:100%;height:auto}
.offer-action{position:relative;margin-top:35px;padding-left:8px;z-index:3}
.offer-action p{font-size:18px;margin-bottom:18px;color:var(--silver)}
.offer-action .telegram{min-width:205px;justify-content:space-between}
/* A real landscape phone, with two rendered pages from the final English PDF. */
.materials{padding-block:130px 100px;overflow:clip}
.guide-edition{display:grid;grid-template-columns:1.2fr .8fr;gap:7%;align-items:center}
.guide-copy h2{font-size:clamp(42px,5vw,76px);line-height:1.02;margin-bottom:30px}
.guide-copy h3{font-size:25px;font-weight:650;letter-spacing:-.02em}
.guide-copy>p{font-size:18px;line-height:1.65;color:var(--muted);margin:19px 0 28px;max-width:38ch}
.guide-copy .guide-link{font-size:17px;padding-inline:24px;gap:35px}
.guide-device-scene{position:relative;height:520px;perspective:1500px;isolation:isolate}
.guide-device-scene::before{content:'';position:absolute;inset:0 -10% -10%;z-index:-2;background:radial-gradient(ellipse at 40% 55%,#9cc8ed29,transparent 61%)}
.guide-phone{position:absolute;width:98%;aspect-ratio:2.07;padding:9px;border-radius:clamp(22px,3vw,39px);background:linear-gradient(137deg,#eff4f9,#727e8b 14%,#e2edf6 29%,#18212b 43%,#c1ced9 78%,#e8f2fa);box-shadow:3px 5px 0 #515a64,6px 9px 0 #151c23,28px 36px 40px #000c;isolation:isolate}
.guide-phone::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 1px #fff,inset 0 -2px 2px #fff6;pointer-events:none}
.phone-glass{position:relative;border:5px solid #030608;border-radius:inherit;height:100%;width:100%;overflow:hidden;background:#080c11}
.phone-glass img{display:block;width:100%;height:auto;max-width:none}
.phone-glass::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#fff1,transparent 24% 84%,#d8eeff14);pointer-events:none}
.phone-camera{position:absolute;left:17px;top:38%;height:24%;width:13px;border-radius:10px;background:#020405;box-shadow:0 0 0 1px #25323d}
.phone-camera::after{content:'';position:absolute;width:4px;height:4px;left:4px;top:9px;border-radius:50%;background:#2b4359}
.phone-front{left:5%;top:210px;transform:rotateY(-12deg) rotateZ(-6deg);z-index:2}
.phone-back{width:79%;left:0;top:42px;transform:rotateY(13deg) rotateZ(9deg);z-index:1}
.device-reflection{position:absolute;bottom:6px;left:4%;width:100%;height:90px;transform:rotateZ(-7deg) rotateX(68deg);background:linear-gradient(165deg,#c1e4ff30,transparent 64%);z-index:-1;border-top:1px solid #c1e4ff24}
/* Portrait reviews: whole frame first; reading stays inside the same panel. */
.media-dialog{width:410px;max-width:calc(100vw - 48px);max-height:78dvh;height:fit-content;margin:auto;padding:0;border:1px solid #74899d;border-radius:14px;background:#080c11;color:var(--white);overflow:hidden;box-shadow:0 24px 80px #000b;color-scheme:dark}
.media-dialog:not([open]){display:none}.media-dialog[open]{display:flex;flex-direction:column}.media-dialog::backdrop{background:#020406ad}
.media-dialog-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--edge);flex:none;min-height:61px;background:linear-gradient(130deg,#1b252f,#0c1219 75%)}
.media-dialog h2{flex:1;min-width:0;font:500 15px/1.3 Archivo,Arial,sans-serif;letter-spacing:0;overflow-wrap:break-word}
.media-counter{font-size:13px;line-height:1.4;white-space:nowrap;font-variant-numeric:tabular-nums;color:#c2ceda}
.media-dialog button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:8px;border:1px solid #63758a;border-radius:6px;background:#171f28;color:var(--white);font:500 14px/1.4 Archivo,Arial,sans-serif;flex:none;cursor:pointer}
.media-dialog button:hover{border-color:var(--silver);background:#253240}.media-dialog button[aria-disabled=true]{opacity:.4;cursor:default}
.media-dialog button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}
.media-close span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.media-zoom[aria-pressed=true] .zoom-plus{display:none}
.media-dialog-scroll{position:relative;overflow:auto;overscroll-behavior:contain;padding:10px;min-height:0;flex:0 1 auto;scrollbar-color:#9eb3c7 #101923;scrollbar-width:thin;touch-action:pan-y pinch-zoom}
.media-image-stage{height:var(--image-height,300px);display:flex;align-items:center;justify-content:center}
.media-dialog-image{display:block;width:var(--image-width,100%);height:100%;object-fit:contain;max-width:100%;user-select:none;-webkit-user-drag:none}
.media-dialog-image[hidden]{display:none}
.media-dialog.is-reading .media-image-stage{height:auto;min-height:var(--image-height);display:block}
.media-dialog.is-reading .media-dialog-image{width:100%;height:auto;margin-inline:auto}
.media-dialog.is-reading .media-dialog-scroll{height:calc(var(--image-height) + 20px);flex:none}
.media-dialog-status{position:absolute;inset:40px 20px auto;color:#c2ceda;font:400 15px/1.6 Archivo,Arial,sans-serif;text-align:center}.media-dialog-status:empty{display:none}
.media-dialog-controls{display:flex;align-items:center;gap:8px;padding:8px 10px;border-top:1px solid var(--edge);background:#0e151d;flex:none}
.media-thumbnails{display:flex;align-items:center;gap:6px;flex:1;min-width:0;overflow-x:auto;padding:3px;scrollbar-width:thin;scrollbar-color:#52677b transparent;overscroll-behavior:contain;scroll-padding-inline:3px}
.media-dialog .media-thumb{width:52px;height:80px;min-width:52px;padding:2px;border-color:#445366;background:#070a0e}
.media-thumb img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.media-dialog .media-thumb[aria-current=true]{border-color:#d4e6f5;background:#304253;box-shadow:inset 0 0 0 1px #d4e6f5}
.media-is-open{overflow:hidden}
@media(max-width:1100px){
 .community-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.community-gallery .media-review img{height:340px}
 .life{grid-template-columns:1fr;gap:40px}.life-copy{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end}.life-copy>p{margin:0}.life-photos{max-width:850px;margin-left:auto}
 .guide-edition{grid-template-columns:1.1fr .9fr;gap:5%}.guide-device-scene{height:430px}.phone-front{top:200px;left:0}.phone-back{top:65px}.guide-copy h2{font-size:45px}
 .offer-2{margin-top:170px}
}
@media(max-width:850px){
 .nick-intro{gap:36px}.nick-intro h2{font-size:36px}.nick-actions{gap:12px}.nick-copy>p{font-size:16px}.nick-intro .primary{min-width:0}
 .media-heading{gap:30px}.media-heading>p{font-size:16px}
 .guide-edition{grid-template-columns:1fr;gap:16px}.guide-device-scene{max-width:650px;width:100%;height:465px}.phone-front{top:185px;left:3%}.phone-back{top:5px}
 .guide-copy{max-width:560px}.guide-copy h2{font-size:56px}.guide-copy h2 br{display:none}.guide-copy>p{max-width:48ch}.materials{padding-block:100px 65px}
 .offer-gallery{gap:5%;padding-inline:6px}.offer-1{padding:0}.offer-2{margin-top:135px}.offer-action p{font-size:16px}.offer-action .primary{min-width:175px}
}
@media(max-width:768px){
 .nick-intro{grid-template-columns:1fr;gap:30px}.nick-copy{display:contents}.nick-copy h2{grid-row:1;font-size:clamp(36px,6.5vw,52px)}
 .nick-portrait{max-width:520px;width:100%}.nick-portrait img{max-height:520px;aspect-ratio:4/5}.nick-copy>p{margin:0;max-width:60ch}.nick-actions{margin:0}.nick-copy .intro-access{margin-top:-16px}
 .approach-main{grid-template-columns:1fr}.approach-photo{max-width:520px}.approach-story{font-size:17px}.media-heading{grid-template-columns:1fr;gap:24px}
}
@media(max-width:600px){
 .nick-intro,.community,.life{padding-block:60px}.nick-intro{gap:24px}.nick-intro h2,.media-heading h2,.life h2{font-size:clamp(30px,8.5vw,46px)}
 .nick-copy .nick-lead{font-size:18px}.nick-copy>p,.media-heading>p,.life-copy>p{font-size:16px}.nick-portrait img{max-height:none}
 .nick-actions .primary{min-width:0;min-height:54px;padding:12px 20px;gap:20px}.youtube{min-height:54px;padding:12px 18px;font-size:15px;gap:10px}
 .nick-copy .intro-access{font-size:16px;line-height:1.5;margin-top:-8px}.approach-main{gap:28px}.approach-story{font-size:16px}
 .rail{height:635px}.rail.is-interactive .product-card,.product-card{width:300px;height:613px;padding:22px}
 .product-scene{height:290px;margin:0 -22px}.scene-banner{width:271px;left:13px;top:32px;transform:rotateY(-5deg) rotateZ(-3deg)}
 .scene-square .scene-banner{width:220px;left:12px;top:13px;transform:rotateY(-6deg) rotateZ(-3deg)}
 .scene-object{width:105px;height:105px;right:6px;bottom:3px}.scene-square .scene-object{width:66px;height:103px;right:0;bottom:28px}
 .scene-object-vibe{width:137px;height:95px;bottom:5px;right:14px}.scene-object-copy{height:125px;bottom:-9px}.scene-object-mentorship{width:132px;height:120px;bottom:0}
 .scene-wide .scene-object{height:89px;bottom:1px}.scene-wide .scene-object-vibe{height:75px;bottom:4px}
 .scene-floor{bottom:18px;height:46px}.product-card h3{font-size:23px;min-height:76px;margin-bottom:12px}.product-card .card-task{font-size:15px;line-height:1.5;min-height:68px;margin-bottom:12px}.product-card .product-select{font-size:13px}
 .product-media{margin-top:28px;padding-top:28px}.banner-gallery{grid-template-columns:minmax(0,1fr);gap:26px}.review-gallery{gap:12px}.product-media h4{font-size:24px;overflow-wrap:break-word}.review-gallery .media-open{height:192px}
 .community-gallery{grid-template-columns:1fr;gap:30px}.community-item{display:grid;grid-template-columns:1fr}.community-gallery .media-review img{height:350px}.community-product{padding-top:14px}
 .life-copy{display:block}.life-copy>p{margin-top:24px}.life-photos{grid-template-columns:1fr;gap:28px}.life-photos>.media-item:first-child{width:88%}.life-photos>.media-item:last-child{width:72%;margin:0 0 0 auto}
 .offers{padding-block:70px 45px}.offers h2{font-size:clamp(36px,10vw,50px);max-width:10ch}.offers .media-heading{margin-bottom:25px}
 .offer-gallery{grid-template-columns:1fr;gap:60px;padding:8px 0 30px}.offer-1{width:89%;margin-left:3%}.offer-2{width:94%;margin:0 0 0 auto}.offer-1 .offer-art{transform:perspective(900px) rotateY(5deg) rotateZ(-3deg)}.offer-2 .offer-art{transform:perspective(900px) rotateY(-5deg) rotateZ(2deg)}
 .offer-light::after{top:50%;height:1px;transform:rotate(-28deg);width:140%;left:-15%}.offer-action{margin-top:29px;padding-left:0}.offer-action p{font-size:16px}.offer-action .primary{min-height:54px;min-width:190px;font-size:16px}
 .materials{padding-block:82px 40px}.guide-edition{gap:32px}.guide-device-scene{height:330px;width:100%;max-width:400px;margin-inline:auto}
 .guide-phone{padding:5px;border-radius:23px;box-shadow:2px 3px 0 #566370,4px 6px 0 #17212c,15px 25px 25px #000b}
 .phone-glass{border-width:3px}.phone-camera{left:9px;width:8px}.phone-camera::after{width:3px;height:3px;left:2px;top:7px}
 .phone-front{width:102%;left:-1%;top:139px;transform:rotateY(-8deg) rotateZ(-5deg)}.phone-back{width:85%;left:1%;top:5px;transform:rotateY(8deg) rotateZ(8deg)}
 .guide-copy h2{font-size:clamp(36px,10vw,48px);margin-bottom:24px}.guide-copy h2 br{display:block}.guide-copy h3{font-size:22px}.guide-copy>p{font-size:16px;line-height:1.6;margin:17px 0 24px}.guide-copy .guide-link{font-size:16px;min-height:55px}
 .media-dialog{max-width:calc(100vw - 24px);border-radius:12px}.media-dialog h2{font-size:14px}.detail-content>p{font-size:16px}

}
@media(prefers-reduced-motion:reduce){.youtube{transition:none}}