@font-face{font-family:Honor;src:url('assets/fonts/HONORSansCN-Medium.woff2') format('woff2');font-weight:500;font-display:swap}:root{color-scheme:dark;--ink:#080e14;--white:#e6edf1;--muted:#9caebd;--line:rgba(174,201,219,.19);--mx:50%;--my:40%}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--white);font-family:Honor,sans-serif;font-size:16px;font-weight:500;line-height:1.65;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #b5d9ef;outline-offset:7px}h1,h2,h3,h4,p,figure{margin:0}h2{font-size:clamp(2.5rem,5.5vw,5.8rem);line-height:1.24;letter-spacing:-.035em;font-weight:500}h3{font-size:clamp(1.25rem,2.1vw,2rem);font-weight:500;line-height:1.45}img{display:block;max-width:100%}.shell{width:min(1320px,86vw);margin:auto}.eyebrow{font-size:.875rem;letter-spacing:.14em;color:var(--muted);margin-bottom:30px}.muted{color:var(--muted)}.small{font-size:.875rem}.body-copy{font-size:clamp(1rem,1.45vw,1.25rem);color:#b2c0cb;line-height:1.95;max-width:550px;margin-top:32px}.glass{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:12px 30px;border:1px solid #bad7e035;border-radius:999px;background:linear-gradient(145deg,#c4e8ff18,#c4e8ff04);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 #d6e9ff14;transition:background .3s,border-color .3s,box-shadow .3s}.glass:hover{background:#bcdcec24;border-color:#b1d4eb88;box-shadow:0 0 30px #a5d6f015}.skip{position:fixed;top:-80px;left:20px;z-index:200;background:#fff;color:#000;padding:14px}.skip:focus{top:12px}.nav{position:fixed;top:0;left:0;width:100%;z-index:50;display:flex;align-items:center;gap:34px;padding:24px 4.5vw;transition:background .4s,backdrop-filter .4s}.nav.scrolled{background:#080e14bc;backdrop-filter:blur(18px);border-bottom:1px solid #fff1}.brand{font-size:1.6rem;letter-spacing:.08em;white-space:nowrap}.nav nav{display:flex;margin-left:auto;gap:clamp(20px,3vw,50px);font-size:1.05rem}.nav a:hover{color:#fff}.motion-toggle{font-size:.8rem;color:#a9b8c4;border:1px solid #bedbeb25;border-radius:99px;padding:6px 12px}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--mx) var(--my),#739eb820,transparent 50%),radial-gradient(ellipse at 5% 60%,#1d3b4f3d,transparent 70%);z-index:-1}#dust{position:fixed;inset:0;pointer-events:none;z-index:4;opacity:.8}#pointer{display:none;position:fixed;left:0;top:0;width:32px;height:32px;margin:-16px;pointer-events:none;z-index:100;transition:width .3s,height .3s,margin .3s;filter:drop-shadow(0 0 5px #b5e2ff)}#pointer span{display:block;width:100%;height:100%;border-radius:50%;border:1.5px solid #d8eef5;border-right-color:transparent;border-bottom-color:#c5e4f530}#pointer.hover{width:52px;height:52px;margin:-26px;background:#bedbeb0b;border-radius:50%}.pointer-active,.pointer-active a,.pointer-active button,.pointer-active summary{cursor:none}.pointer-active #pointer{display:block}.intro-runway{height:180svh;position:relative}.hero{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;isolation:isolate}.hero-art{position:absolute;inset:0;background:url('assets/identity/monument.webp') center center/cover no-repeat;transform:scale(var(--hero-scale,1));will-change:transform}.hero-veil{position:absolute;inset:0;background:linear-gradient(transparent 50%,#080e1420 75%,#080e14);opacity:var(--hero-veil,0.1)}.hero-copy{position:absolute;top:53%;left:5%;right:5%;text-align:center;transform:translateY(var(--hero-text-y,0px));opacity:var(--hero-text-opacity,1);text-shadow:0 2px 25px #05090e}.hero h1{font-size:clamp(5rem,8.4vw,9.5rem);letter-spacing:.06em;font-weight:500;line-height:1.12;background:linear-gradient(#f4f6f7 20%,#b4c4d0 75%,#7a93a8);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:clamp(1.1rem,1.7vw,1.75rem);margin:20px auto 28px;letter-spacing:.045em}.actions{display:flex;gap:20px;justify-content:center}.scroll-note{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:.18em;color:#c2d0d9;text-align:center;opacity:var(--hero-text-opacity,1)}.scroll-line{display:block;width:1px;height:23px;background:linear-gradient(#cfdeea,transparent);margin:8px auto 0}.collection{position:relative;margin-top:-42svh;z-index:5;padding:100px 0 120px;background:linear-gradient(transparent,#080e14 22%,#080e1400);isolation:isolate}.section-intro{text-align:center;margin:0 auto 75px;padding:0 25px}.section-intro .muted{margin-top:24px;font-size:1.1rem}.wall-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.wall{width:124vw;margin-left:-12vw;display:grid;grid-template-columns:repeat(8,1fr);grid-auto-rows:clamp(130px,13vw,220px);gap:18px;transform:perspective(1800px) rotateX(var(--wall-tilt,8deg)) scale(var(--wall-scale,.88));will-change:transform}.tile{position:relative;overflow:hidden;border-radius:22px;background:#101b23;transform:translateY(var(--tile-y,0px));display:block}.tile img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s;object-position:center 55%}.tile:hover img{transform:scale(1.055);filter:brightness(1.12)}.tile:nth-child(3),.tile:nth-child(4){grid-column:span 2;grid-row:span 2}.tile:nth-child(3){border-radius:60px 22px 22px 22px}.tile:nth-child(7){border-radius:22px 22px 70px 22px}.tile:nth-child(12){grid-column:span 2}.tile::after{content:attr(data-name);position:absolute;inset:auto 0 0;padding:30px 18px 12px;background:linear-gradient(transparent,#000b);font-size:.875rem;opacity:0;transition:opacity .3s}.tile:hover::after,.tile:focus-visible::after{opacity:1}.collection-bottom{display:flex;justify-content:center;align-items:center;gap:40px;margin-top:60px;color:#b1c1ce}.category-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-top:80px;margin-bottom:50px}.category-heading h2{font-size:clamp(2.5rem,4vw,4rem)}.category-switch{display:flex;border:1px solid var(--line);padding:6px;border-radius:99px;flex-shrink:0;background:#15222c70}.category-switch button{border-radius:99px;padding:14px 25px;color:var(--muted);transition:background .3s,color .3s}.category-switch .active{background:#d7e7ef;color:#0b141b}.showcase-runway{height:var(--showcase-height,725svh);position:relative}.showcase-stage{position:sticky;top:70px;height:calc(100svh - 70px);min-height:600px;overflow:hidden}.project-panel{position:absolute;inset:35px 7vw 90px;display:grid;grid-template-columns:32% 1fr;gap:6%;align-items:center;opacity:0;pointer-events:none;will-change:transform,opacity}.project-panel:first-child{opacity:1;pointer-events:auto}.project-copy{position:relative;z-index:2}.project-copy h3{font-size:clamp(2rem,3.5vw,4rem);line-height:1.25;margin-bottom:25px}.project-copy>p:not(.eyebrow){color:var(--muted);max-width:420px;font-size:1.05rem;line-height:1.9;margin-bottom:30px}.project-visual{height:100%;display:grid;grid-template-columns:2fr 1fr;gap:18px;align-items:center;perspective:1200px}.project-main{display:block;height:94%;border-radius:28px 80px 28px 28px;overflow:hidden;background:#12212c}.project-main img,.project-side img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project-main:hover img{transform:scale(1.035)}.project-side{height:64%;border-radius:24px;overflow:hidden;align-self:end;margin-bottom:12%;display:block}.project-indicators{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:center;gap:12px;z-index:5}.project-indicators button{width:45px;height:35px;color:#a6b7c3;border-top:2px solid #fff2;font-size:.875rem}.project-indicators button.active{color:#fff;border-color:#daecf6}.project-directory{margin-top:35px;margin-bottom:150px}summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid var(--line);font-size:1.3rem}summary::-webkit-details-marker{display:none}summary .plus{margin-left:auto}details[open] .plus{transform:rotate(45deg)}#category-count{color:var(--muted);font-size:.9rem}.directory-link{display:flex;align-items:center;gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}.directory-link img{width:85px;height:70px;object-fit:cover;border-radius:10px}.directory-link p{color:var(--muted);font-size:.875rem}.directory-link strong{font-weight:500;font-size:1.15rem}.directory-link span:last-child{margin-left:auto;color:var(--muted)}.text-button{border-bottom:1px solid #a9bdcd66;padding:10px 0;margin-top:25px;color:var(--muted)}.method{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:100px 0 140px}.method-copy{align-self:center}.method-images{position:relative;height:650px}.method-tall{position:absolute;right:0;top:0;width:75%;height:85%;overflow:hidden;border-radius:160px 160px 25px 25px}.method-small{position:absolute;left:-10%;bottom:0;width:54%;height:45%;overflow:hidden;border-radius:25px;border:12px solid var(--ink)}.method-images img{height:100%;width:100%;object-fit:cover}.method-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:60px}.method-steps>div{border-top:1px solid var(--line);padding-top:25px}.method-steps span{color:#758a9c;font-size:.875rem}.method-steps h3{font-size:1.4rem;margin:10px 0}.method-steps p{color:var(--muted)}.quote{padding:150px 0}.full-price{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;margin-top:80px;align-items:center}.price{font-size:clamp(6rem,15vw,15rem);font-family:Honor,sans-serif;line-height:1.1;letter-spacing:-.07em;color:#dde8f0;text-shadow:0 0 65px #88bada25;margin:10px 0}.price span{font-size:.65em;margin-left:.05em}.quote-info{border-left:1px solid var(--line);padding-left:50px}.quote-info>strong{display:block;font-size:4.2rem;font-weight:500;margin:20px 0}.quote-info>strong span{font-size:1.3rem;margin-left:15px}.quote-info p{color:var(--muted);line-height:1.9;margin-bottom:30px}.single-pricing{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:60px;border-top:1px solid var(--line);padding-top:65px;margin-top:90px}.single-pricing h3{margin-bottom:20px}.single-pricing strong{display:block;font-size:clamp(2.4rem,4vw,4.5rem);font-weight:500;margin-top:15px;white-space:nowrap}.single-pricing small{font-size:1rem;color:var(--muted);margin-left:10px}.process{padding:130px 0}.payment-track{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:70px}.payment-track strong{font-size:clamp(4rem,8vw,8rem);font-weight:500;letter-spacing:-.04em;line-height:1.4}.payment-track strong span{font-size:.38em;margin-left:8px;color:var(--muted)}.payment-track h3{font-size:1.25rem}.payment-track p,.draft-definition{color:var(--muted);font-size:1rem;margin-top:18px}.draft-definition{margin-top:50px}.terms{margin-top:100px;border-top:1px solid var(--line);padding-top:55px}.terms-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.terms-heading p{color:var(--muted)}.terms-heading b{color:#d6e3eb;font-weight:500}.terms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin:55px 0 30px}.terms-grid h4{font-size:1.5rem;font-weight:500;margin:15px 0}.terms-grid p{color:var(--muted);font-size:.95rem}.contact{padding-top:140px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 90%,#243e4f60,transparent 65%)}.contact h2{font-size:clamp(3rem,7vw,7.5rem)}.contact-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;margin:50px 0 90px;align-items:center}.phone{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:45px}.phone>a{font-size:clamp(1.7rem,2.5vw,2.5rem);letter-spacing:.035em}.phone button{padding:8px 20px;font-size:.9rem;min-height:44px}#copy-status{min-height:24px;margin-top:10px;color:#bedcec}.qr-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}.qr-pair img{width:100%;height:230px;object-fit:contain;background:white;border-radius:20px;padding:10px}.qr-pair h3{font-size:1.2rem;margin:15px 0 4px}.qr-pair article>a:last-child{font-size:.875rem;color:var(--muted)}.footer-reel{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}#reel{display:flex;width:max-content;gap:20px;animation:reel 75s linear infinite;padding:20px 0}#reel img{width:210px;height:170px;object-fit:cover;border-radius:18px;opacity:.7}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:40px 0;margin-top:50px!important;color:var(--muted);font-size:.875rem}.mobile-only{display:none}.js-motion .reveal{opacity:0;transform:translateY(38px);transition:opacity .9s,transform .9s cubic-bezier(.16,1,.3,1)}.js-motion .reveal.visible{opacity:1;transform:none}.parallax{will-change:transform}@keyframes reel{to{transform:translateX(-50%)}}body.reduced .intro-runway{height:100svh}body.reduced .collection{margin-top:0}body.reduced .showcase-runway{height:auto}body.reduced .showcase-stage{position:relative;height:auto;min-height:0;overflow:visible}body.reduced .project-panel{position:relative;inset:auto;min-height:650px;padding:50px 7vw;opacity:1!important;transform:none!important;pointer-events:auto!important}body.reduced .project-indicators{display:none}body.reduced #reel{animation-play-state:paused}body.reduced #dust{display:none}body.reduced .reveal{opacity:1;transform:none;transition:none}body.reduced .wall{transform:none}body.reduced .hero-art,body.reduced .hero-copy{transform:none;opacity:1}body.reduced #pointer{display:none}body.reduced,body.reduced a,body.reduced button,body.reduced summary{cursor:auto}
@media(min-aspect-ratio:2/1){.hero-art{background-size:contain;background-color:#070d13}.hero-copy{top:52%}.hero h1{font-size:12svh}}
@media(max-width:900px){.nav{padding:20px 5vw;gap:20px}.brand{font-size:1.35rem}.nav nav{font-size:.95rem;gap:20px}.motion-toggle{display:none}.category-heading{display:block}.category-switch{width:max-content;margin-top:35px}.project-panel{grid-template-columns:35% 1fr;gap:4%;left:5vw;right:5vw}.project-side{display:none}.project-visual{grid-template-columns:1fr}.method-images{height:520px}.full-price{gap:35px}.quote-info{padding-left:30px}.single-pricing{gap:25px}.terms-grid{grid-template-columns:1fr 1fr;gap:40px}.contact-layout{gap:40px}.qr-pair img{height:180px}.hero{min-height:580px}.hero-copy{top:54%}}
@media(max-width:600px){html{scroll-padding-top:90px}.shell{width:88vw}.nav{gap:12px;padding:18px 5vw}.brand{font-size:1.2rem}.nav nav{gap:15px;font-size:.875rem}.nav nav a:nth-child(3){display:none}.hero{min-height:560px}.hero-art{background-position:center;background-size:auto 100%}.hero-copy{top:54%;left:6%;right:6%}.hero h1{font-size:4.6rem}.hero-copy>p{font-size:1.05rem;max-width:310px;line-height:1.8;margin:18px auto 25px}.actions{gap:12px}.actions .glass{min-height:48px;padding:10px 20px;font-size:.9rem}.collection{padding-top:70px;padding-bottom:60px}.section-intro{margin-bottom:50px}.section-intro h2{font-size:2.75rem}.wall{width:205vw;margin-left:-52.5vw;gap:9px;grid-auto-rows:125px}.tile{border-radius:14px}.tile::after{display:none}.collection-bottom{flex-direction:column;gap:20px;margin-top:40px;font-size:.9rem}.category-heading{margin-top:65px}.category-heading h2{font-size:2.4rem}.category-switch button{padding:11px 19px;font-size:.95rem}.showcase-stage{top:65px;height:calc(100svh - 65px);min-height:620px}.project-panel{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:22px;inset:20px 6vw 65px}.project-copy .eyebrow{margin-bottom:10px}.project-copy h3{font-size:1.85rem;margin-bottom:12px}.project-copy>p:not(.eyebrow){font-size:.95rem;margin-bottom:15px;line-height:1.7}.project-copy .glass{padding:8px 22px;min-height:44px;font-size:.9rem}.project-visual{height:0;flex:1;min-height:250px}.project-main{height:100%;border-radius:22px 60px 22px 22px}.project-main img{object-position:center 45%}.project-directory{margin-bottom:70px}.directory-link img{width:60px;height:65px}.directory-link{gap:15px}.directory-link strong{font-size:1rem}.directory-link span:last-child{font-size:.85rem}.method{grid-template-columns:1fr;padding:70px 0;gap:35px}.method-images{height:500px}.method-small{left:0}.method-steps{grid-template-columns:1fr 1fr;margin-top:20px;gap:30px 20px}.method-steps h3{font-size:1.25rem}.method-steps p{font-size:.95rem}.quote{padding:80px 0}.full-price{grid-template-columns:1fr;gap:40px;margin-top:45px}.price{font-size:6.5rem}.quote-info{border-left:0;border-top:1px solid var(--line);padding:30px 0 0}.quote-info>strong{font-size:3.2rem}.single-pricing{grid-template-columns:1fr 1fr;gap:35px 20px;margin-top:55px;padding-top:40px}.single-pricing>div:first-child{grid-column:1/-1}.single-pricing strong{font-size:2.25rem}.single-pricing small{display:block;margin:0}.process{padding:70px 0}.payment-track{grid-template-columns:1fr;gap:28px;margin-top:40px}.payment-track article{display:grid;grid-template-columns:120px 1fr;column-gap:16px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:25px}.payment-track strong{font-size:3.7rem;grid-row:span 2}.payment-track h3{font-size:1.05rem}.payment-track p{font-size:.9rem;margin-top:0}.draft-definition{margin-top:25px}.terms{margin-top:65px;padding-top:35px}.terms-heading{display:block}.terms-heading p{margin-top:18px}.terms-grid{gap:30px 20px;margin-top:35px}.terms-grid h4{font-size:1.25rem}.terms-grid p{font-size:.875rem}.contact{padding-top:70px}.contact-layout{grid-template-columns:1fr;gap:45px;margin-bottom:45px}.qr-pair img{height:235px}.footer-reel img{width:150px!important;height:125px!important}footer{flex-wrap:wrap;padding:30px 0}.mobile-only{display:block}body.reduced .project-panel{display:flex;min-height:720px}body.reduced .project-visual{min-height:400px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.intro-runway{height:100svh}.collection{margin-top:0}}

.reel-group{display:flex;gap:20px;padding-right:20px}#reel{gap:0}.footer-reel:hover #reel,.footer-reel:focus-within #reel{animation-play-state:paused}body.reduced .project-visual{min-height:450px}body.reduced .project-main{height:550px}body.reduced .project-side{height:350px}

.qr-pair .qr-crop{display:block;position:relative;aspect-ratio:1;background:#fff;border-radius:20px;overflow:hidden}.qr-pair .qr-crop img{position:absolute;max-width:none;height:auto;padding:0;border-radius:0;object-fit:initial}.qr-pair .qr-xhs img{width:352.5%;left:-232.142857%;top:-360.714286%}.qr-pair .qr-wechat img{width:130.588235%;left:-15.294118%;top:-40%}

/* Portrait-led collection: quiet at rest, full color on interaction. */
.wall{grid-auto-flow:dense;grid-auto-rows:clamp(130px,11vw,190px);gap:20px;padding:22px 0}
.wall .tile{grid-column:span 1;grid-row:span 1;transition:transform .55s cubic-bezier(.18,.8,.2,1),box-shadow .55s;transform:translateY(var(--tile-y,0px)) scale(1);z-index:1}
.wall .tile:nth-child(odd){grid-row:span 2}
.wall .tile img{filter:brightness(.76);object-position:center;transition:filter .45s,transform .6s}
.wall .tile:hover,.wall .tile:focus-visible{transform:translateY(var(--tile-y,0px)) scale(1.045);z-index:3;box-shadow:0 12px 40px #0008}
.wall .tile:hover img,.wall .tile:focus-visible img{filter:brightness(1);transform:scale(1.015)}
@media(max-width:600px){.wall{gap:12px;grid-auto-rows:145px}}
@media(hover:none){.wall .tile img{filter:brightness(.94)}}
body.reduced .wall .tile:hover,body.reduced .wall .tile:focus-visible{transform:none}

/* Heavy, upright wordmark inspired by the supplied typography reference. */
.hero h1{font-weight:900;font-synthesis:weight;font-size:clamp(5.3rem,9.4vw,10.6rem);letter-spacing:.015em;line-height:1.16;-webkit-text-stroke:1.2px #cfdae2;background:linear-gradient(175deg,#eef3f7 10%,#d5e0e8 48%,#9dafbf 100%);-webkit-background-clip:text;background-clip:text;text-shadow:none;filter:drop-shadow(0 3px 16px #a4c9e329)}
@media(max-width:600px){.hero h1{font-size:4.9rem;-webkit-text-stroke:.8px #cfdae2}}

/* Three intentional reading zones matching the supplied markup. */
.project-copy{height:64%;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;padding:15px 0}
.project-copy h3{font-size:clamp(2.8rem,4.2vw,5rem);line-height:1.22;letter-spacing:-.025em;margin:0;width:100%;max-width:8em;text-wrap:balance}
.project-copy>p:not(.eyebrow){font-size:clamp(1rem,1.2vw,1.3rem);line-height:1.8;margin:0;max-width:100%;text-wrap:balance}
.project-copy>.glass{width:84%;min-height:74px;font-size:clamp(1.1rem,1.5vw,1.6rem);padding:18px 24px}
@media(max-width:900px){.project-copy h3{font-size:2.8rem}.project-copy>.glass{width:100%;font-size:1.05rem;min-height:62px}}
@media(max-width:600px){.project-copy{height:auto;min-height:0;gap:17px;padding:0}.project-copy h3{font-size:2.2rem;max-width:none}.project-copy>p:not(.eyebrow){font-size:.95rem;margin:0}.project-copy>.glass{width:auto;min-width:220px;min-height:52px;padding:12px 22px}}

.hero-rays{position:absolute;inset:-25% -12% -10% 8%;pointer-events:none;transform-origin:92% 4%;background:conic-gradient(from 202deg at 94% 1%,transparent 0deg,rgba(164,198,224,.02) 5deg,rgba(195,222,242,.19) 12deg,rgba(187,217,239,.06) 17deg,transparent 24deg,rgba(178,208,231,.10) 28deg,transparent 35deg);filter:blur(20px);mix-blend-mode:screen;animation:light-drift 16s ease-in-out infinite alternate;mask-image:linear-gradient(#000 0%,#000a 45%,transparent 85%)}
.hero-fog{position:absolute;pointer-events:none;left:-12%;width:124%;bottom:1%;height:23%;mix-blend-mode:screen;filter:blur(14px);background:radial-gradient(ellipse at 14% 68%,#bdd7e537,transparent 28%),radial-gradient(ellipse at 42% 53%,#c7dce644,transparent 21%),radial-gradient(ellipse at 72% 70%,#b5cfdc3b,transparent 25%),radial-gradient(ellipse at 92% 40%,#adc9dc24,transparent 22%);mask-image:linear-gradient(transparent,#000 40%,#000 75%,transparent);will-change:transform;animation:fog-drift 22s ease-in-out infinite alternate}
.fog-front{bottom:-2%;height:18%;opacity:.7;animation-duration:17s;animation-direction:alternate-reverse;filter:blur(22px)}
@keyframes fog-drift{from{transform:translate3d(-4%,5%,0) scale(1.04);opacity:.45}to{transform:translate3d(5%,-4%,0) scale(1.12);opacity:.85}}
@keyframes light-drift{from{transform:rotate(-4deg) translate3d(1%,0,0);opacity:.4}to{transform:rotate(3deg) translate3d(-2%,1%,0);opacity:.85}}
body.reduced .hero-fog,body.reduced .hero-rays{animation:none;opacity:.35}
@media(prefers-reduced-motion:reduce){.hero-fog,.hero-rays{animation:none!important;opacity:.35}}

#pointer span{border-width:2.8px}#pointer{filter:drop-shadow(0 0 7px #b5e2ff)}
.scope{padding:120px 0 70px}.scope-heading{max-width:1000px}.scope-heading h2{font-size:clamp(2.5rem,5vw,5.4rem)}.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 55px;margin-top:65px}.scope-grid article{padding:30px 0 35px;border-top:1px solid var(--line)}.scope-grid h3{font-size:1.7rem;margin-bottom:15px}.scope-grid p{font-size:1rem;line-height:1.95;color:var(--muted);max-width:360px}.scope-note{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px 40px;margin-top:30px;padding:35px 40px;background:linear-gradient(120deg,#bedbef0d,#bedbef03);border:1px solid var(--line);border-radius:26px}.scope-note strong{font-weight:500;font-size:1.35rem}.scope-note p{color:var(--muted);max-width:790px;grid-column:1}.scope-note .glass{grid-column:2;grid-row:1/3}
@media(max-width:900px){.scope-grid{gap:0 30px}.scope-note{padding:28px}.scope-note .glass{grid-column:1;grid-row:auto;justify-self:start}}
@media(max-width:600px){.scope{padding:75px 0 35px}.scope-grid{grid-template-columns:1fr;gap:0;margin-top:40px}.scope-grid article{display:grid;grid-template-columns:95px 1fr;gap:16px;padding:24px 0}.scope-grid h3{font-size:1.3rem}.scope-grid p{font-size:.95rem}.scope-note{display:block;padding:25px}.scope-note p{margin:15px 0 25px}.scope-note strong{font-size:1.15rem}}

.qr-pair .qr-crop img{position:static;width:100%;max-width:100%;height:100%;aspect-ratio:1;padding:0;object-fit:contain;border-radius:0}.qr-pair{align-items:start}.project-indicators{gap:8px;flex-wrap:wrap;padding:0 16px}.project-indicators button{width:36px}