/* styles.css */
:root{--bg:#020806;--panel:#06120e;--ink:#f5f8f6;--muted:#aab8b2;--green:#00e28a;--gold:#d9bc73;--line:rgba(255,255,255,.14);--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;width:100%}.site-header{position:fixed;z-index:20;top:0;left:0;width:100%;height:92px;padding:18px clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(0,5,3,.88),transparent);transition:.35s}.site-header.scrolled{height:74px;background:rgba(0,7,4,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand img{width:220px;max-height:58px;object-fit:contain;object-position:left center}.site-header nav{display:flex;gap:44px;font-size:.82rem;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--green);transition:.3s}.site-header nav a:hover:after{right:0}.menu{display:none;background:none;border:0;color:white;font-weight:800}.hero{min-height:100svh;position:relative;display:grid;align-items:center;padding:150px clamp(28px,5.5vw,110px) 80px;background-image:linear-gradient(90deg,rgba(0,7,4,.97) 0%,rgba(0,7,4,.86) 36%,rgba(0,7,4,.18) 62%,rgba(0,7,4,.02)),image-set(url("assets/hero-globe.a976ba8f68.w960.webp") 1x,url("assets/hero-globe.a976ba8f68.w1600.webp") 2x);background-size:cover;background-position:center;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 43%,transparent 0 23%,rgba(0,226,138,.07) 24%,transparent 25%);animation:pulse 6s ease-in-out infinite;pointer-events:none}@keyframes pulse{50%{transform:scale(1.03);opacity:.35}}.hero-copy{position:relative;z-index:2;max-width:830px}.eyebrow{margin:0 0 28px;color:var(--green);font-size:.86rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.hero h1{margin:0 0 28px;font-size:clamp(3.5rem,6.5vw,7.3rem);line-height:.9;letter-spacing:-.055em;font-weight:300}.hero h1 span{font-weight:800}.hero h1 strong{color:var(--green);font-weight:900;text-transform:uppercase}.hero-lead{margin:36px 0 0;font-size:clamp(1.2rem,1.55vw,1.75rem);font-weight:800;max-width:560px}.hero-copy>p:last-of-type{color:#d4ddd8;font-size:1.18rem}.actions{display:flex;align-items:center;gap:42px;margin-top:34px}.button{display:inline-flex;min-height:62px;padding:0 34px;align-items:center;justify-content:center;border-radius:999px;background:var(--green);color:#001109;font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;transition:.3s}.button:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(0,226,138,.25)}.text-link{font-size:.84rem;text-transform:uppercase;font-weight:900;letter-spacing:.06em}.text-link b{color:var(--green);margin-left:8px}.scroll-cue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);font-size:.68rem;letter-spacing:.16em;color:#c5d0cb}.scroll-cue span{color:var(--green);font-size:1rem;margin-left:10px}.statement,.work,.services,.group,.contact,.case-intro,.case-steps,.next-case{max-width:var(--max);margin:auto;padding:clamp(90px,11vw,170px) clamp(28px,5.5vw,90px)}.statement{min-height:86vh;display:flex;flex-direction:column;justify-content:center}.statement h2,.section-head h2,.group h2,.contact h2,.case-intro h2{margin:0;font-size:clamp(2.8rem,5.5vw,6.3rem);line-height:.98;letter-spacing:-.05em}.statement h2{max-width:1180px}.statement h2 span,.contact h2 span{color:var(--green)}.statement-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:10vw;margin-top:70px}.statement-grid>p{margin:0;color:#d7e0dc;font-size:clamp(1.2rem,1.65vw,1.65rem);line-height:1.65}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:26px}.facts div{display:flex;flex-direction:column;border-right:1px solid var(--line);padding:0 20px}.facts div:last-child{border:0}.facts b{color:var(--green);font-size:2.25rem}.facts span{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.work{max-width:none;background:#07110d}.section-head{max-width:var(--max);margin:0 auto 60px;display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end}.section-head p:last-child{color:var(--muted);font-size:1.15rem;max-width:470px}.work-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:repeat(2,minmax(360px,42vw));gap:18px}.project{position:relative;overflow:hidden;min-height:360px;background:#000}.project-large{grid-row:1/3}.project img{height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .7s}.project:hover img{transform:scale(1.045);filter:saturate(1.1)}.project-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(0,5,3,.9) 100%)}.project-copy{position:absolute;left:clamp(24px,3vw,48px);bottom:clamp(28px,4vw,58px);display:flex;flex-direction:column;max-width:78%}.project-copy small{color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.project-copy b{font-size:clamp(1.7rem,2.6vw,3.8rem);line-height:1.02;margin:12px 0}.project-copy em{color:#ced8d3;font-style:normal}.project i{position:absolute;top:28px;right:30px;font-style:normal;font-size:.72rem;letter-spacing:.09em;font-weight:900;border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:10px 15px;opacity:0;transform:translateY(-8px);transition:.35s}.project:hover i{opacity:1;transform:none}.services{padding-top:160px}.service-list{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:75px 1fr 1.1fr 190px;gap:35px;align-items:center;padding:42px 0;border-bottom:1px solid var(--line);transition:.35s}.service:hover{padding-left:18px;background:linear-gradient(90deg,rgba(0,226,138,.08),transparent)}.service>span{color:var(--green);font-size:.82rem;font-weight:900}.service h3{margin:0;font-size:clamp(1.5rem,2.3vw,2.7rem)}.service p{margin:0;color:var(--muted);font-size:1.05rem}.service button{justify-self:end;color:white;background:transparent;border:0;font-weight:800;text-transform:uppercase;font-size:.74rem;letter-spacing:.08em;cursor:pointer}.service button:after{content:" ↗";color:var(--green)}.recognition{min-height:84vh;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;background:#050b08}.award-photo{height:84vh;overflow:hidden}.award-photo img{height:100%;object-fit:cover;object-position:center}.award-copy{padding:60px clamp(35px,6vw,100px)}.gold{color:var(--gold)}.award-copy h2{font-size:clamp(3rem,5vw,6rem);line-height:.96;margin:0 0 38px}.award-copy h2 span{color:var(--gold);font-size:.45em;letter-spacing:.04em}.award-copy p:last-child{color:var(--muted);font-size:1.15rem}.group h2{max-width:990px}.group-row{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid var(--line)}.group-row div{min-height:190px;padding:30px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.group-row div:last-child{border:0}.group-row b{color:var(--green);font-size:1.2rem}.group-row span{color:var(--muted);font-size:.92rem}.contact{max-width:none;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;background:linear-gradient(120deg,#00150c,#05100c 60%,#0d1b15)}.contact-info{display:flex;flex-direction:column;align-items:flex-start;gap:18px;font-size:1.18rem}.contact-info>a:not(.button){font-size:clamp(1.2rem,2vw,2rem);font-weight:800}.contact-info p{color:var(--muted);margin:8px 0 22px}footer{padding:28px clamp(28px,5.5vw,90px);display:flex;justify-content:space-between;border-top:1px solid var(--line);color:#7f9189;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.pepper-guide{position:fixed;z-index:25;right:26px;bottom:28px;width:86px;height:86px;border-radius:50%;border:1px solid rgba(0,226,138,.7);background:#04150e;color:white;box-shadow:0 12px 40px rgba(0,0,0,.45);cursor:pointer}.pepper-guide span{display:block;color:var(--green);font-size:2rem;font-weight:900;line-height:1}.pepper-guide small{font-size:.54rem;font-weight:900}.guide-panel{position:fixed;z-index:24;right:28px;bottom:125px;width:min(390px,calc(100vw - 36px));padding:32px;border:1px solid rgba(0,226,138,.5);background:rgba(2,14,9,.96);backdrop-filter:blur(18px);transform:translateY(20px);opacity:0;pointer-events:none;transition:.3s}.guide-panel.open{transform:none;opacity:1;pointer-events:auto}.guide-panel h3{font-size:2rem;margin:0 0 12px}.guide-panel p:not(.eyebrow){color:var(--muted)}.guide-panel a{display:block;padding:15px 0;border-top:1px solid var(--line);font-weight:800}.guide-panel a:after{content:" ↗";color:var(--green)}.guide-close{position:absolute;right:15px;top:12px;background:transparent;border:0;color:white;font-size:1.8rem;cursor:pointer}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.case-body{background:#030805}.case-hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;padding:120px clamp(28px,6vw,110px) 80px;overflow:hidden}.case-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,5,3,.92))}.case-hero img{position:absolute;inset:0;height:100%;object-fit:cover}.case-hero>div{position:relative;z-index:2}.case-hero h1{font-size:clamp(3.5rem,7vw,8rem);line-height:.9;letter-spacing:-.055em;margin:0 0 26px}.case-hero p:last-child{font-size:1.2rem}.case-intro{padding-bottom:80px}.case-intro h2{max-width:1100px}.case-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding-top:40px;background:var(--line)}.case-steps article{background:var(--bg);padding:50px 32px;min-height:390px}.case-steps span{color:var(--green);font-weight:900}.case-steps h3{font-size:1.7rem;margin:55px 0 18px}.case-steps p{color:var(--muted)}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px}.case-gallery img{height:76vh;object-fit:cover}.case-gallery.single{display:block}.case-gallery.single img{height:auto;max-height:90vh}.next-case p{color:var(--green);text-transform:uppercase;font-size:.8rem;font-weight:900}.next-case a{display:flex;justify-content:space-between;font-size:clamp(2.5rem,5vw,6rem);line-height:1;border-top:1px solid var(--line);padding-top:35px}.next-case a span{color:var(--green)}@media(max-width:900px){.site-header{height:74px}.brand img{width:160px}.menu{display:block}.site-header nav{position:absolute;top:74px;left:0;right:0;padding:28px;display:none;flex-direction:column;background:#020806}.site-header nav.open{display:flex}.hero{background-position:67% center;padding-top:130px}.hero:before{content:"";position:absolute;inset:0;background:rgba(0,5,3,.28)}.hero h1{font-size:clamp(3.2rem,13vw,5.4rem)}.actions{align-items:flex-start;flex-direction:column;gap:24px}.statement-grid,.section-head,.recognition,.contact{grid-template-columns:1fr}.facts{margin-top:20px}.work-grid{display:block}.project{display:block;height:68vh;margin-bottom:14px}.group-row{grid-template-columns:1fr 1fr}.service{grid-template-columns:45px 1fr}.service p,.service button{grid-column:2}.service button{justify-self:start;padding:0}.award-photo{height:58vh}.case-steps{grid-template-columns:1fr 1fr}.case-gallery{grid-template-columns:1fr}.case-gallery img{height:58vh}}@media(max-width:580px){.hero{padding-left:24px;padding-right:24px}.hero h1{font-size:3.35rem}.hero-lead{font-size:1.08rem}.statement,.work,.services,.group,.contact,.case-intro,.case-steps,.next-case{padding-left:22px;padding-right:22px}.statement-grid{display:block}.facts{grid-template-columns:1fr}.facts div{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}.group-row,.case-steps{grid-template-columns:1fr}.recognition{display:block}.contact{gap:55px}.case-hero{padding-left:22px}.case-gallery{padding:6px}.pepper-guide{width:72px;height:72px}.next-case a{font-size:2.2rem}footer{gap:25px;flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}.cinematic{position:relative;min-height:100svh;overflow:hidden;background-color:#020806;background-position:center;background-size:cover}.who{background-image:linear-gradient(90deg,rgba(0,6,4,.98) 0%,rgba(0,6,4,.86) 40%,rgba(0,6,4,.08) 66%),image-set(url("assets/hero-globe.a976ba8f68.w960.webp") 1x,url("assets/hero-globe.a976ba8f68.w1600.webp") 2x);display:flex;align-items:center;padding:120px clamp(34px,5vw,100px)}.who-copy{position:relative;z-index:2;width:min(690px,47vw)}.who h2,.service-copy h2,.recognition-copy h2,.group-copy h2,.contact-copy h2{font-size:clamp(3.4rem,5vw,6.6rem);line-height:.92;letter-spacing:-.05em;margin:0 0 45px}.who h2 span,.service-copy h2 span,.recognition-copy h2 span,.group-copy h2 span,.contact-copy h2 span{color:var(--green)}.who-copy>p:not(.eyebrow){font-size:clamp(1.05rem,1.3vw,1.38rem);color:#e2e9e5}.who-copy>b{display:block;margin-top:40px;font-size:1rem}.capability-orbit{position:absolute;inset:0;z-index:3}.capability-orbit a{position:absolute;display:flex;align-items:center;gap:18px;padding:17px 30px;border:2px solid var(--green);border-radius:999px;background:rgba(0,9,6,.9);font-size:.92rem;font-weight:900;letter-spacing:.02em;transition:.35s}.capability-orbit a:before{content:"";width:16px;height:16px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(0,226,138,.18)}.capability-orbit a:hover{transform:translateY(-4px);box-shadow:0 14px 35px rgba(0,226,138,.17)}.capability-orbit a:nth-child(1){left:56%;top:33%}.capability-orbit a:nth-child(2){right:3%;top:42%}.capability-orbit a:nth-child(3){right:12%;top:55%}.capability-orbit a:nth-child(4){right:4%;top:75%}.section-jump{position:absolute;right:6%;bottom:8%;z-index:3;color:var(--green);font-size:.9rem;font-weight:900;letter-spacing:.08em}.service-panel{background-image:linear-gradient(90deg,rgba(0,7,5,.96) 0%,rgba(0,7,5,.66) 34%,rgba(0,7,5,.03) 64%),var(--bg);display:flex;align-items:center;padding:110px 7%}.service-panel.align-left{background-image:linear-gradient(90deg,rgba(0,7,5,.96) 0%,rgba(0,7,5,.68) 36%,rgba(0,7,5,.02) 64%),var(--bg)}.service-copy{max-width:660px;position:relative;z-index:2}.service-copy p:not(.eyebrow){font-size:clamp(1.1rem,1.4vw,1.38rem);color:#d8e1dc;max-width:590px;margin-bottom:40px}.button.ghost{background:transparent;color:white;border:1px solid var(--green)}.recognition-cinema{display:grid;grid-template-columns:.8fr .35fr 1.1fr;align-items:center;padding:100px 6%;background:radial-gradient(circle at 52% 50%,rgba(196,155,63,.13),transparent 25%),#020604}.recognition-copy{position:relative;z-index:2}.recognition-copy h2 span{color:var(--gold)}.recognition-copy p:last-child{color:var(--muted);font-size:1.15rem;max-width:520px}.trophy{width:150%;max-width:460px;justify-self:center;filter:drop-shadow(0 18px 35px rgba(213,171,70,.22))}.ceremony-frame{height:68vh;border:1px solid rgba(217,188,115,.55);overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.55)}.ceremony-frame img{height:100%;object-fit:cover}.group-world{background-image:linear-gradient(90deg,rgba(0,7,5,.96) 0%,rgba(0,7,5,.72) 43%,rgba(0,7,5,.08) 72%),image-set(url("assets/group-world.204e2616e6.w960.webp") 1x,url("assets/group-world.204e2616e6.w1672.webp") 2x);display:flex;align-items:center;padding:110px 6%}.group-copy{width:55%;max-width:850px}.group-copy>p:not(.eyebrow){font-size:1.18rem;color:#dbe4df;max-width:670px}.group-points{display:grid;grid-template-columns:1fr 1fr;margin-top:55px;border-top:1px solid rgba(255,255,255,.18)}.group-points span{display:flex;flex-direction:column;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.18);color:var(--muted)}.group-points b{color:white;font-size:1rem}.contact-portal{background-image:linear-gradient(90deg,rgba(0,7,5,.96) 0%,rgba(0,7,5,.76) 42%,rgba(0,7,5,.08) 70%),image-set(url("assets/contact-portal.1a4422d3d7.w960.webp") 1x,url("assets/contact-portal.1a4422d3d7.w1600.webp") 2x);display:flex;align-items:center;padding:110px 5%}.contact-copy{width:62%;max-width:1000px}.contact-copy>p:not(.eyebrow){font-size:1.18rem;color:#d9e1dd;max-width:750px}.contact-lines{display:grid;grid-template-columns:1.15fr .75fr 1.5fr;gap:25px;margin:48px 0 38px;padding-top:28px;border-top:2px solid var(--green)}.contact-lines a,.contact-lines p{margin:0;font-size:1rem;font-weight:800}.contact-lines small{display:block;color:var(--green);font-size:.68rem;margin-bottom:10px;letter-spacing:.1em}@media(max-width:900px){.who{background-position:70% center}.who:after,.service-panel:after,.group-world:after,.contact-portal:after{content:"";position:absolute;inset:0;background:rgba(0,5,3,.28)}.who-copy,.service-copy,.group-copy,.contact-copy{z-index:2;width:100%;max-width:680px}.capability-orbit{display:none}.recognition-cinema{grid-template-columns:1fr;padding:100px 25px}.trophy{width:260px}.ceremony-frame{height:56vh}.group-points{grid-template-columns:1fr 1fr}.contact-lines{grid-template-columns:1fr}.service-panel{background-position:62% center;padding-left:25px;padding-right:25px}}@media(max-width:580px){.who h2,.service-copy h2,.recognition-copy h2,.group-copy h2,.contact-copy h2{font-size:3rem}.group-points{grid-template-columns:1fr}.contact-copy{width:100%}.recognition-cinema{display:block}.trophy{margin:30px auto}.ceremony-frame{height:48vh}}.case-intro{min-height:68vh;display:flex;flex-direction:column;justify-content:center}.case-steps{display:block!important;padding:0!important;background:#020806!important}.case-steps article{position:relative;min-height:72vh!important;padding:13vh 8vw 10vh 52vw!important;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#020806!important}.case-steps article:before{content:"";position:absolute;inset:0;background-position:center;background-size:cover;opacity:.44}.blackmores-case .case-steps article:before{background-image:linear-gradient(90deg,rgba(0,5,3,.05),rgba(0,5,3,.98) 72%),image-set(url("assets/blackmores-atrium.aab7ba5063.w960.webp") 1x,url("assets/blackmores-atrium.aab7ba5063.w1536.webp") 2x)}.blackmores-case .case-steps article:nth-child(2):before,.blackmores-case .case-steps article:nth-child(4):before{background-image:linear-gradient(90deg,rgba(0,5,3,.05),rgba(0,5,3,.98) 72%),image-set(url("assets/ai-assistant.305ef980cb.w960.webp") 1x,url("assets/ai-assistant.305ef980cb.w1536.webp") 2x)}.airshow-case .case-steps article:before{background-image:linear-gradient(90deg,rgba(0,5,3,.05),rgba(0,5,3,.98) 72%),image-set(url("assets/airshow.5eb8bd12af.w946.webp") 1x,url("assets/airshow.5eb8bd12af.w946.webp") 2x)}.case-steps article>*{position:relative;z-index:1}.case-steps article>span{position:absolute;left:7vw;top:50%;transform:translateY(-50%);font-size:clamp(8rem,20vw,22rem);line-height:1;color:rgba(0,226,138,.16)!important}.case-steps h3{font-size:clamp(2.6rem,4vw,5rem)!important;margin:0 0 28px!important}.case-steps p{font-size:clamp(1.1rem,1.45vw,1.45rem);max-width:650px;color:#e0e8e4!important}.case-gallery{background:#020806}.next-case{min-height:62vh;display:flex;flex-direction:column;justify-content:center}@media(max-width:800px){.case-steps article{padding:130px 25px 70px!important}.case-steps article>span{position:relative;left:auto;top:auto;transform:none;font-size:7rem}.case-steps h3{margin-top:-30px!important}}
/* extra.css */
.recognition-cinema{grid-template-columns:.62fr .8fr 1.15fr!important;padding-left:4%!important;padding-right:4%!important;background:radial-gradient(circle at 20% 50%,rgba(196,155,63,.17),transparent 29%),#020604!important}.trophy{grid-column:1;grid-row:1;width:175%!important;max-width:620px!important;transform:translateX(-8%)}.recognition-copy{grid-column:2;grid-row:1}.ceremony-frame{grid-column:3;grid-row:1}.service-body{background:#020806}.service-page-hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;padding:140px 7% 85px;background-position:center;background-size:cover}.service-page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,6,4,.94),rgba(0,6,4,.32) 62%,rgba(0,6,4,.08)),linear-gradient(0deg,rgba(0,6,4,.75),transparent 55%)}.service-page-hero>div{position:relative;z-index:2;max-width:930px}.service-page-hero h1{font-size:clamp(4rem,7vw,8.7rem);line-height:.86;letter-spacing:-.06em;margin:0 0 34px}.service-page-hero h1 span{color:var(--green)}.service-page-hero p:last-child{font-size:clamp(1.15rem,1.6vw,1.6rem);max-width:690px;color:#e0e8e4}.service-journey{max-width:1500px;margin:auto;padding:130px 6%}.service-journey h2{font-size:clamp(3rem,5vw,6.2rem);line-height:.96;letter-spacing:-.05em;margin:0 0 75px}.journey-line{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.25)}.journey-line article{padding:34px 25px 46px;border-right:1px solid rgba(255,255,255,.18);min-height:280px}.journey-line article:last-child{border:0}.journey-line span{color:var(--green);font-size:.75rem;font-weight:900}.journey-line h3{font-size:1.55rem;margin:55px 0 12px}.journey-line p{color:var(--muted)}.service-scope{min-height:82vh;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;background:#07110d}.service-scope-copy{padding:80px 8%}.service-scope h2{font-size:clamp(3rem,5vw,6rem);line-height:.95;margin:0 0 42px}.scope-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.22)}.scope-list span{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.16);font-weight:800}.service-scope img{height:82vh;object-fit:cover}.service-next{min-height:58vh;padding:100px 7%;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(120deg,#00170e,#04100c)}.service-next small{color:var(--green);font-weight:900;letter-spacing:.1em}.service-next a{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.25);padding-top:28px;margin-top:22px;font-size:clamp(2.5rem,5vw,6rem);line-height:1}.service-next a span{color:var(--green)}@media(max-width:900px){.recognition-cinema{display:block!important}.trophy{display:block;width:360px!important;max-width:90%!important;transform:none;margin:0 auto 35px}.recognition-copy{margin-bottom:50px}.journey-line{grid-template-columns:1fr 1fr}.service-scope{grid-template-columns:1fr}.service-scope img{height:55vh}.service-page-hero{padding-left:25px;padding-right:25px}.service-journey,.service-scope-copy,.service-next{padding-left:25px;padding-right:25px}}@media(max-width:580px){.journey-line,.scope-list{grid-template-columns:1fr}.journey-line article{border-right:0}.service-page-hero h1{font-size:3.7rem}.service-next a{font-size:2.25rem}}.project-proof,.retail-proof{padding:120px 6%;background:radial-gradient(circle at 78% 22%,rgba(0,231,145,.11),transparent 32%),#020806;overflow:hidden}.proof-intro{display:grid;grid-template-columns:.72fr 1.35fr 1fr;gap:45px;align-items:end;max-width:1500px;margin:0 auto 75px}.proof-intro h2{font-size:clamp(3rem,5.4vw,6.8rem);line-height:.9;letter-spacing:-.055em;margin:0}.proof-intro h2 span{color:var(--green)}.proof-intro>p:last-child{font-size:1.12rem;line-height:1.7;color:#bdc9c3;max-width:470px}.proof-sequence{position:relative;max-width:1500px;height:760px;margin:auto}.proof-sequence:before{content:"";position:absolute;left:11%;right:6%;top:45%;height:1px;background:linear-gradient(90deg,transparent,var(--green),rgba(255,255,255,.25),transparent);transform:rotate(-5deg);opacity:.65}.proof-frame{position:absolute;margin:0;background:#05100b;padding:8px;border:1px solid rgba(0,231,145,.4);box-shadow:0 35px 90px rgba(0,0,0,.55);overflow:hidden}.proof-frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.proof-frame:hover img{transform:scale(1.025)}.proof-frame figcaption{position:absolute;left:8px;right:8px;bottom:8px;padding:52px 24px 21px;background:linear-gradient(transparent,rgba(0,0,0,.92));display:flex;gap:16px;align-items:end}.proof-frame figcaption b{color:var(--green);font-size:1.65rem}.proof-frame figcaption span{font-weight:900}.proof-frame figcaption small{display:block;color:#c3ccc8;margin-top:5px;font-weight:400}.proof-process{width:38%;height:58%;left:0;top:10%}.proof-finish{width:47%;height:66%;right:4%;top:0;z-index:2}.proof-detail{width:36%;height:44%;left:31%;bottom:0;z-index:3}.proof-detail img{object-position:center 35%}.retail-stories{max-width:1500px;margin:auto;display:grid;grid-template-columns:1.06fr .94fr;gap:22px;align-items:start}.retail-story{position:relative;margin:0;overflow:hidden;background:#06110c;min-height:720px}.retail-story:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,5,3,.95),transparent 55%);pointer-events:none}.retail-story img{width:100%;height:720px;object-fit:cover;display:block;transition:transform .75s ease}.retail-story:hover img{transform:scale(1.025)}.retail-lego{margin-top:90px}.retail-lego img{object-position:center 50%}.retail-sampling img{object-position:center 26%}.retail-story figcaption{position:absolute;z-index:2;left:42px;right:42px;bottom:38px}.retail-story figcaption span{display:block;color:var(--green);font-size:.75rem;letter-spacing:.12em;font-weight:900}.retail-story figcaption strong{display:block;font-size:clamp(2.2rem,3vw,4rem);margin:8px 0 12px}.retail-story figcaption small{font-size:1rem;color:#d0dad5;max-width:470px;display:block;line-height:1.5}.custom-product-stage{position:relative;margin:0;height:82vh;overflow:hidden;background:#030706}.custom-product-stage img{width:100%;height:100%;object-fit:cover;object-position:center}.custom-product-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,5,3,.9),transparent 55%)}.custom-product-stage figcaption{position:absolute;z-index:2;left:7%;bottom:7%;max-width:600px}.custom-product-stage figcaption span{display:block;color:var(--green);font-size:.74rem;letter-spacing:.12em;font-weight:900;margin-bottom:12px}.custom-product-stage figcaption strong{font-size:clamp(2.7rem,4.5vw,6rem);line-height:.9;letter-spacing:-.045em}.service-scope>.custom-product-stage{width:100%}@media(max-width:900px){.proof-intro{grid-template-columns:1fr;gap:20px}.proof-sequence{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px}.proof-frame{position:relative!important;width:auto!important;height:420px!important;inset:auto!important}.proof-detail{grid-column:1/-1}.retail-stories{grid-template-columns:1fr}.retail-story,.retail-story img{height:620px;min-height:620px}.retail-lego{margin-top:0}.project-proof,.retail-proof{padding:90px 25px}.custom-product-stage{height:62vh}}@media(max-width:580px){.proof-sequence{grid-template-columns:1fr}.proof-detail{grid-column:auto}.proof-frame{height:360px!important}.retail-story,.retail-story img{height:520px;min-height:520px}.retail-story figcaption{left:22px;right:22px;bottom:24px}}.retail-universe,.custom-universe{position:relative;max-width:1500px;height:960px;margin:auto}.retail-tile,.custom-tile{position:absolute;margin:0;overflow:hidden;background:#04100b;box-shadow:0 35px 100px rgba(0,0,0,.56);border:1px solid rgba(0,231,145,.28)}.retail-tile:after,.custom-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,5,3,.96),transparent 58%);pointer-events:none}.retail-tile img,.custom-tile img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .8s ease}.retail-tile:hover img,.custom-tile:hover img{transform:scale(1.035)}.retail-tile figcaption,.custom-tile figcaption{position:absolute;z-index:2;left:30px;right:30px;bottom:26px}.retail-tile figcaption span,.custom-tile figcaption span{display:block;color:var(--green);font-weight:900;font-size:.72rem;letter-spacing:.12em;margin-bottom:8px}.retail-tile figcaption strong,.custom-tile figcaption strong{display:block;font-size:clamp(1.55rem,2.5vw,3.5rem);line-height:1}.custom-tile figcaption small{display:block;color:#cdd7d2;font-size:.92rem;line-height:1.45;margin-top:10px;max-width:420px}.mall-main{left:0;top:70px;width:48%;height:600px}.lego-window{right:2%;top:0;width:44%;height:430px}.food-sampling{right:7%;bottom:15px;width:41%;height:450px}.family-event{left:15%;bottom:0;width:31%;height:360px}.mall-main img{object-position:center}.lego-window img{object-position:center 52%}.food-sampling img{object-position:center}.family-event img{object-position:center}.custom-capabilities{padding:120px 6%;background:radial-gradient(circle at 18% 68%,rgba(0,231,145,.1),transparent 32%),#020806;overflow:hidden}.custom-showcase{left:0;top:0;width:46%;height:600px}.custom-build{right:0;top:80px;width:49%;height:470px}.custom-process{left:19%;bottom:0;width:34%;height:410px}.custom-tech{right:8%;bottom:5px;width:35%;height:380px}.custom-showcase img{object-position:center}.custom-build img{object-position:center}.custom-process img{object-position:center}.custom-tech img{object-position:center}@media(max-width:900px){.retail-universe,.custom-universe{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px}.retail-tile,.custom-tile{position:relative!important;inset:auto!important;width:auto!important;height:440px!important}.family-event,.custom-tech{grid-column:1/-1}.custom-capabilities{padding:90px 25px}}@media(max-width:580px){.retail-universe,.custom-universe{grid-template-columns:1fr}.family-event,.custom-tech{grid-column:auto}.retail-tile,.custom-tile{height:390px!important}}.pepper-guide{width:110px;height:110px;padding:0;background:radial-gradient(circle at 52% 38%,#204e2b,#021009 75%);border:3px solid var(--green);overflow:visible;box-shadow:0 0 0 7px rgba(0,226,138,.11),0 18px 55px rgba(0,0,0,.55)}.pepper-guide>img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 27%}.pepper-guide .guide-label{position:absolute;right:84px;top:50%;transform:translateY(-50%);white-space:nowrap;padding:10px 14px;border-radius:999px;background:rgba(2,14,9,.96);border:1px solid rgba(0,226,138,.5);color:#fff;font-size:.65rem;font-weight:900;letter-spacing:.1em;opacity:0;pointer-events:none;transition:.25s}.pepper-guide:hover .guide-label,.pepper-guide:focus-visible .guide-label{opacity:1;right:104px}.guide-avatar{width:130px;height:130px;object-fit:cover;object-position:center 27%;border-radius:50%;background:#06190f;border:2px solid var(--green);margin:-91px 0 14px}.group-points b{display:flex;align-items:center;gap:5px;font-size:1.05rem}@media(max-width:580px){.pepper-guide{width:78px;height:78px}.pepper-guide .guide-label{display:none}}.pepper-guide.speaking{animation:pepper-speaking .52s ease-in-out infinite alternate;box-shadow:0 0 0 12px rgba(0,226,138,.16),0 0 48px rgba(0,226,138,.46)}@keyframes pepper-speaking{from{transform:translateY(0) scale(1)}to{transform:translateY(-5px) scale(1.05)}}.guide-panel p.guide-speech{font-size:1rem;line-height:1.55;color:#e4f3ea;margin:14px 0 16px}.guide-panel .guide-replay{border:1px solid var(--green);background:#082519;color:#fff;padding:11px 16px;cursor:pointer;font:inherit;font-weight:700}.guide-panel{max-height:min(75vh,640px);overflow-y:auto}.lego-window>img:first-of-type{animation:lego-finish 12s ease-in-out infinite}.lego-window>img.lego-process{position:absolute;inset:0;object-fit:cover;opacity:0;animation:lego-process 12s ease-in-out infinite}@keyframes lego-finish{0%,40%,100%{opacity:1}50%,85%{opacity:0}}@keyframes lego-process{0%,40%,100%{opacity:0}50%,85%{opacity:1}}@media(prefers-reduced-motion:reduce){.lego-window>img:first-of-type,.lego-window>img.lego-process{animation:none}.lego-window>img.lego-process{display:none}}@media(prefers-reduced-motion:reduce){.pepper-guide.speaking{animation:none}}.proof-frame,.retail-tile,.custom-tile,.ceremony-frame,.custom-product-stage{border:2px solid rgba(0,226,138,.38);box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 34px rgba(0,226,138,.05)}.proof-frame img,.retail-tile img,.custom-tile img,.ceremony-frame img,.custom-product-stage img,.case-gallery img,.service-scope>img{filter:contrast(1.07) saturate(1.06);image-rendering:auto}.case-gallery img{border:1px solid rgba(0,226,138,.28)}.page-sound{position:fixed;z-index:24;left:22px;bottom:24px;display:flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(2,8,6,.86);color:#fff;cursor:pointer;backdrop-filter:blur(14px);font-size:12px;letter-spacing:.08em;font-weight:800}.page-sound .sound-dot{width:9px;height:9px;border-radius:50%;background:#7a8580}.page-sound.on .sound-dot{background:var(--green);box-shadow:0 0 10px var(--green)}.page-sound:focus-visible{outline:2px solid var(--green);outline-offset:3px}@media(max-width:760px){.page-sound{left:12px;bottom:15px;padding:9px 11px}}.retail-universe .lego-window{width:48%;height:500px;right:1%;z-index:2}.retail-universe .lego-window>img:first-of-type{object-position:center 47%}@media(max-width:760px){.retail-universe .lego-window{width:auto;height:420px;right:auto}}.guide-panel .guide-avatar{position:absolute;left:28px;top:24px;width:84px;height:84px;margin:0;object-fit:contain;object-position:center;background:#06190f}.guide-panel>.eyebrow{min-height:84px;margin:0 34px 10px 105px;display:flex;align-items:center}@media(max-width:520px){.guide-panel .guide-avatar{left:20px;top:20px;width:72px;height:72px}.guide-panel>.eyebrow{min-height:72px;margin-left:84px}}.guide-panel{width:min(430px,calc(100vw - 28px));max-height:min(82vh,720px);padding:24px 26px;overflow-y:auto}.guide-panel .guide-avatar{left:24px;top:22px;width:72px;height:72px}.guide-panel>.eyebrow{margin:0 32px 4px 88px;min-height:72px;font-size:.8rem}.guide-panel h3{font-size:clamp(1.5rem,2vw,1.85rem);margin:0 0 8px}.guide-panel p.guide-speech{font-size:.91rem;line-height:1.45;margin:6px 0 12px;color:#d9eae1}.guide-panel .guide-replay{font-size:.77rem;padding:7px 10px;margin-bottom:12px;background:transparent}.pepper-chat-log{display:flex;flex-direction:column;gap:10px;max-height:220px;min-height:0;overflow-y:auto;scrollbar-color:#36604b transparent;border-top:1px solid rgba(255,255,255,.12);padding:12px 2px 5px}.pepper-message{max-width:92%;border-radius:14px;padding:10px 13px;background:#10291c;align-self:flex-start;font-size:.89rem;line-height:1.45}.pepper-message.visitor{background:#15573a;align-self:flex-end}.guide-panel .pepper-message p{margin:0;color:#f3fff8}.guide-panel .pepper-message a{display:inline-block;margin-top:8px;padding:0;border:0;color:#50ffaf;font-size:.86rem}.guide-panel .pepper-message a:after{content:" ↗";color:inherit}.pepper-questions{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0 13px}.pepper-questions button{border:1px solid rgba(0,226,138,.6);background:#071d12;border-radius:20px;padding:8px 10px;color:#eafff2;cursor:pointer;font:inherit;font-size:.78rem}.pepper-questions button:hover,.pepper-questions button:focus-visible{background:#124b30}.pepper-chat-form label{display:block;font-size:.75rem;font-weight:800;color:#b8dfcb;margin-bottom:5px}.pepper-chat-form>div{display:flex;border:1px solid rgba(255,255,255,.35);border-radius:8px;overflow:hidden;background:#06150e}.pepper-chat-form input{flex:1;min-width:0;padding:12px;color:#fff;border:0;background:transparent;font:inherit;font-size:.92rem;outline:none}.pepper-chat-form input::placeholder{color:#a5bcb0}.pepper-chat-form:focus-within>div{border-color:var(--green)}.pepper-chat-form button{padding:0 14px;background:var(--green);color:#002314;border:0;cursor:pointer;font:inherit;font-size:.82rem;font-weight:850}.guide-panel p.pepper-chat-note{color:#aabbb1;font-size:.7rem;line-height:1.4;margin:9px 0 0}@media(max-width:520px){.guide-panel{right:14px;bottom:115px;padding:19px;max-height:calc(100svh - 150px)}.guide-panel .guide-avatar{left:19px;top:19px;width:62px;height:62px}.guide-panel>.eyebrow{margin-left:77px;min-height:62px}.pepper-chat-log{max-height:170px}}.experience .backdrop{filter:saturate(.8) brightness(.56)}.experience .intro{background:linear-gradient(90deg,rgba(1,10,6,.92),rgba(1,10,6,.58) 75%,transparent);padding:26px 20px 26px 0;width:min(450px,42vw)}.experience .intro p{color:#e3eee8}.service-panel,.service-panel.align-left{min-height:72svh;display:flex;align-items:center;padding:90px 7%;background:#030e0a;isolation:isolate;border-top:1px solid rgba(0,226,138,.13)}.service-panel:before{content:"";position:absolute;top:6%;bottom:6%;right:3%;width:58%;background-image:var(--bg);background-position:center;background-size:cover;filter:saturate(.82) brightness(.78);z-index:-2}.service-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030e0a 0%,#030e0a 35%,rgba(3,14,10,.35) 59%,transparent 78%);pointer-events:none;z-index:-1}.service-panel .service-copy{width:min(620px,47%);max-width:none}.service-panel .service-copy h2{font-size:clamp(3.1rem,5vw,5.6rem);margin-bottom:26px}.service-panel .service-copy p:not(.eyebrow){color:#e6f0e9;max-width:520px}.service-panel.align-left:before{left:3%;right:auto}.service-panel.align-left:after{background:linear-gradient(270deg,#030e0a 0%,#030e0a 35%,rgba(3,14,10,.35) 59%,transparent 78%)}.service-panel.align-left .service-copy{margin-left:auto}.recognition-cinema{min-height:78svh;background:#030c08}.group-world{min-height:78svh;background-image:linear-gradient(90deg,#030e0a 0%,rgba(3,14,10,.96) 36%,rgba(3,14,10,.38) 68%,rgba(3,14,10,.18)),image-set(url("assets/group-world.204e2616e6.w960.webp") 1x,url("assets/group-world.204e2616e6.w1672.webp") 2x)}.group-world .group-copy{width:min(780px,65%)}.contact-portal{min-height:80svh;background-image:linear-gradient(90deg,#030e0a 0%,rgba(3,14,10,.96) 41%,rgba(3,14,10,.28) 80%),image-set(url("assets/contact-portal.1a4422d3d7.w960.webp") 1x,url("assets/contact-portal.1a4422d3d7.w1600.webp") 2x)}@media(max-width:900px){.experience .intro{width:min(450px,78vw)}.service-panel,.service-panel.align-left{min-height:76svh;padding:105px 7% 80px;align-items:flex-end}.service-panel:before,.service-panel.align-left:before{inset:0 0 auto 0;width:100%;height:72%;opacity:.55}.service-panel:after,.service-panel.align-left:after{background:linear-gradient(0deg,#030e0a 0%,rgba(3,14,10,.97) 37%,rgba(3,14,10,.3) 87%)}.service-panel .service-copy,.service-panel.align-left .service-copy{width:100%;margin-left:0}.group-world .group-copy{width:100%}}.pepper-guide{background-image:image-set(url("assets/pepper-orb.ffd1f78dc1.w960.webp") 1x,url("assets/pepper-orb.ffd1f78dc1.w1024.webp") 2x);background-size:190% auto;background-position:80% 20%;background-repeat:no-repeat;overflow:hidden}.pepper-guide>img{display:none}.guide-panel .guide-avatar{left:auto;right:25px;top:18px;width:96px;height:134px;object-fit:contain;object-position:center;border:0;border-radius:0;background:transparent}.guide-panel>.eyebrow{margin:0 104px 4px 0;min-height:38px}.guide-panel h3{margin-right:105px;min-height:68px;display:flex;align-items:center}.guide-panel p.guide-speech{margin-top:25px}@media(max-width:520px){.guide-panel .guide-avatar{left:auto;right:16px;top:16px;width:78px;height:116px}.guide-panel>.eyebrow{margin:0 83px 4px 0;min-height:32px}.guide-panel h3{margin-right:82px;min-height:61px}.guide-panel p.guide-speech{margin-top:22px}}
/* motion.css */
button{font:inherit}.experience{position:relative;min-height:100svh;overflow:hidden;background:#020806;isolation:isolate}.backdrop{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(1,7,5,.97) 0%,rgba(1,7,5,.76) 33%,rgba(1,7,5,.16) 61%,rgba(1,7,5,.34) 100%),linear-gradient(0deg,rgba(1,7,5,.74),transparent 48%),image-set(url("assets/hero-globe.a976ba8f68.w960.webp") 1x,url("assets/hero-globe.a976ba8f68.w1600.webp") 2x);background-size:cover;background-position:center;filter:saturate(.9) brightness(.72);transform:scale(1.02);z-index:-4}.backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 45%,rgba(0,232,137,.1),transparent 31%),linear-gradient(0deg,rgba(0,0,0,.2),transparent)}.sound{display:flex;gap:10px;align-items:center;padding:11px 15px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(2,8,6,.55);backdrop-filter:blur(14px);color:#fff;cursor:pointer;transition:.25s ease}.sound:hover,.sound:focus-visible{border-color:var(--green);background:rgba(0,232,137,.1)}.sound-dot{width:9px;height:9px;border-radius:50%;background:#79837e;box-shadow:0 0 0 0 rgba(0,232,137,.4)}.sound.on .sound-dot{background:var(--green);animation:pulse 2s infinite}.intro{position:absolute;left:clamp(22px,6vw,104px);top:50%;transform:translateY(-50%);width:min(390px,40vw);z-index:10}.experience .eyebrow{font-size:13px;font-weight:800;letter-spacing:.19em;color:var(--green);margin-bottom:17px}.intro h2{font-size:clamp(45px,6.5vw,92px);line-height:.87;letter-spacing:-.065em;margin:0;font-weight:750}.intro h2 span{display:block;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.58)}.intro p{font-size:17px;line-height:1.6;color:rgba(243,247,244,.71);max-width:340px;margin:24px 0 0}.hint{position:absolute;left:clamp(22px,6vw,104px);bottom:38px;color:rgba(255,255,255,.55);font-size:13px;letter-spacing:.08em;z-index:10}.hint b{color:#fff}.orb{position:absolute;width:min(45vw,570px);aspect-ratio:1;right:5.3vw;top:50%;transform:translateY(-50%);border-radius:50%;border:1px solid rgba(216,195,143,.35);box-shadow:inset 0 0 50px rgba(0,232,137,.16),0 0 80px rgba(0,232,137,.08);z-index:-1}.orb:before,.orb:after{content:"";position:absolute;inset:10%;border-radius:50%;border:1px solid rgba(0,232,137,.25);transform:rotate(38deg) scaleX(.42)}.orb:after{transform:rotate(-30deg) scaleY(.45);border-color:rgba(216,195,143,.27)}.project{position:absolute;z-index:5;border:0;padding:0;background:#05100b;overflow:hidden;cursor:pointer;box-shadow:0 18px 50px rgba(0,0,0,.55);will-change:transform,opacity;transition:filter .25s,box-shadow .25s,opacity .35s;outline:none}.project img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 55%);border:1px solid rgba(255,255,255,.28);border-radius:inherit}.project span{position:absolute;z-index:2;left:13px;bottom:11px;font-size:11px;font-weight:800;letter-spacing:.09em;color:#fff}.project:hover img,.project:focus-visible img{transform:scale(1.08)}.project:hover,.project:focus-visible{filter:brightness(1.12);box-shadow:0 0 0 2px var(--green),0 28px 64px rgba(0,0,0,.68);z-index:12}.shape-wide{width:190px;height:112px;border-radius:5px}.shape-tall{width:120px;height:175px;border-radius:60px 60px 8px 8px}.shape-square{width:135px;height:135px;border-radius:50%}.shape-card{width:156px;height:112px;border-radius:5px 35px 5px 5px}.experience.paused .project:not(.active){opacity:.12!important;filter:blur(3px)}.project.active{z-index:30;box-shadow:0 0 0 2px var(--green),0 35px 90px rgba(0,0,0,.82)}.story{position:absolute;z-index:29;right:clamp(22px,7vw,115px);top:50%;transform:translateY(-50%) translateX(26px);width:min(420px,44vw);padding:31px 32px 29px;border-left:3px solid var(--green);background:linear-gradient(115deg,rgba(2,11,8,.98),rgba(3,18,12,.88));box-shadow:0 35px 90px rgba(0,0,0,.72);backdrop-filter:blur(18px);opacity:0;pointer-events:none;transition:.38s ease}.story.show{opacity:1;transform:translateY(-50%) translateX(0);pointer-events:auto}.story small{color:var(--green);font-size:12px;font-weight:800;letter-spacing:.16em}.story h2{font-size:clamp(29px,3vw,44px);letter-spacing:-.04em;line-height:1;margin:12px 0 18px}.story p{font-size:16px;line-height:1.65;color:rgba(255,255,255,.74);margin:0 0 22px}.story dl{display:grid;grid-template-columns:90px 1fr;gap:8px 15px;margin:0 0 24px;font-size:13px}.story dt{color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.08em}.story dd{margin:0;color:#fff}.close{padding:11px 15px;border:1px solid rgba(255,255,255,.27);background:transparent;color:#fff;cursor:pointer}.close:hover{border-color:var(--green);color:var(--green)}.flash{position:absolute;inset:0;pointer-events:none;z-index:25;background:radial-gradient(circle at 64% 48%,rgba(0,232,137,.3),transparent 27%);opacity:0}.flash.go{animation:flash .65s ease}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(0,232,137,.4)}50%{box-shadow:0 0 0 7px rgba(0,232,137,0)}}@keyframes flash{0%{opacity:0}30%{opacity:1}100%{opacity:0}}@media(max-width:760px){.intro{top:25%;width:78vw}.intro h2{font-size:50px}.intro p{font-size:15px}.orb{width:430px;right:-210px;top:62%}.hint{bottom:20px}.shape-wide{width:145px;height:88px}.shape-tall{width:95px;height:140px}.shape-square{width:106px;height:106px}.shape-card{width:124px;height:92px}.story{left:20px;right:20px;top:auto;bottom:22px;transform:translateY(20px);width:auto}.story.show{transform:translateY(0)}.story p{font-size:14px}.brand{font-size:11px}}@media(prefers-reduced-motion:reduce){.project{transition:none}.sound-dot{animation:none!important}}.experience{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.experience .sound{position:absolute;top:115px;right:clamp(24px,5vw,80px);z-index:12}.experience .project{left:0;top:0;min-height:0;opacity:0;pointer-events:none}.experience .story-link{display:inline-block;margin:0 10px 12px 0;padding:11px 15px;color:#00140a;background:var(--green);font-weight:800;font-size:13px;text-decoration:none}.experience .story-link:hover{filter:brightness(1.15)}@media(max-width:760px){.experience .sound{top:105px;right:20px;padding:8px 11px;font-size:12px}}.page-sound{position:fixed;z-index:24;left:22px;bottom:24px;font-size:12px;letter-spacing:.08em;font-weight:800}@media(max-width:760px){.page-sound{left:12px;bottom:15px;padding:9px 11px}}.experience .project-feature{width:225px;height:145px}@media(max-width:760px){.experience .project-feature{width:160px;height:104px}}
/* review.css */
[hidden]{display:none!important}.reveal{opacity:1;transform:none}:focus-visible{outline:3px solid var(--green);outline-offset:5px}.skip-link{position:fixed;left:20px;top:12px;z-index:100;padding:12px 18px;background:#00e28a;color:#001109;font-weight:800;transform:translateY(-180%)}.skip-link:focus{transform:none}main:focus{outline:none}[id]{scroll-margin-top:100px}html:not(.site-ready) .pepper-guide{display:none}.site-header nav a,.guide-close,.menu{min-height:44px;min-width:44px}.site-header nav a{display:inline-flex;align-items:center}.guide-close{z-index:2}.guide-panel{z-index:40}.pepper-guide{z-index:41}.pepper-guide img,.guide-avatar{height:auto}.trophy-frame{display:block;justify-self:center;width:150%;max-width:460px}.trophy-frame .trophy{width:100%;height:auto;max-width:none}.motion-toggle{position:fixed;left:22px;bottom:76px;z-index:23;padding:11px 15px;min-height:44px;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(2,8,6,.94);color:#fff;cursor:pointer;font:700 12px Arial,Helvetica,sans-serif;letter-spacing:.08em}.motion-toggle:disabled{cursor:default;color:#d8e1dc}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important;transition:none!important}.project-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;z-index:5}.experience:not(.motion-ready),.experience.static-projects{height:auto;min-height:100svh;padding:140px clamp(22px,6vw,104px) 100px}.experience:not(.motion-ready) .intro,.experience.static-projects .intro{position:relative;left:auto;top:auto;transform:none;width:min(620px,100%);padding:0;margin:0 0 36px}.experience:not(.motion-ready) .hint,.experience.static-projects .hint{position:relative;left:auto;bottom:auto;margin:0 0 25px}.experience .project-grid .project{position:relative;inset:auto;width:100%;height:190px;min-height:0;margin:0;opacity:1;pointer-events:auto;visibility:visible;transform:none;border-radius:8px}.experience.motion-ready:not(.static-projects) .project-grid{display:contents}.experience.motion-ready:not(.static-projects) .project{position:absolute;left:0;top:0;min-height:0;margin:0;opacity:0;pointer-events:none}.experience.motion-ready:not(.static-projects) .shape-wide{width:190px;height:112px;border-radius:5px}.experience.motion-ready:not(.static-projects) .shape-tall{width:120px;height:175px;border-radius:60px 60px 8px 8px}.experience.motion-ready:not(.static-projects) .shape-square{width:135px;height:135px;border-radius:50%}.experience.motion-ready:not(.static-projects) .shape-card{width:156px;height:112px;border-radius:5px 35px 5px 5px}.experience.motion-ready:not(.static-projects) .project-feature{width:225px;height:145px}.experience .project:focus-visible{outline:3px solid var(--green);outline-offset:5px}.experience .project span{font-family:Arial,Helvetica,sans-serif}.experience .story{position:fixed;inset:50% clamp(22px,7vw,115px) auto auto;margin:0;width:min(420px,calc(100vw - 44px));max-height:calc(100svh - 48px);overflow-y:auto;color:var(--ink);border:0;border-left:3px solid var(--green)}.experience .story:not([open]){display:none}.experience .story[open]{opacity:1;pointer-events:auto;transform:translateY(-50%)}.story::backdrop{background:rgba(0,6,4,.72)}@media(max-width:900px){.trophy-frame{width:260px;margin:30px auto}html:not(.site-ready) .site-header{position:relative;height:auto;flex-wrap:wrap;gap:16px;background:#020806}html:not(.site-ready) .site-header nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;width:100%;padding:0;gap:20px}html:not(.site-ready) .menu{display:none}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.motion-toggle{left:12px;bottom:70px;padding:9px 11px}.experience.motion-ready:not(.static-projects) .shape-wide{width:145px;height:88px}.experience.motion-ready:not(.static-projects) .shape-tall{width:95px;height:140px}.experience.motion-ready:not(.static-projects) .shape-square{width:106px;height:106px}.experience.motion-ready:not(.static-projects) .shape-card{width:124px;height:92px}.experience.motion-ready:not(.static-projects) .project-feature{width:160px;height:104px}.experience .story{inset:auto 20px 22px 20px;width:auto;max-height:calc(100svh - 44px)}.experience .story[open]{transform:none}}@media(max-width:480px){.project-grid{grid-template-columns:1fr}.experience .project-grid .project{height:210px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.site-controls{position:fixed;left:18px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:23;display:flex;align-items:center;gap:6px;max-width:calc(100vw - 120px)}.site-controls .motion-toggle,.site-controls #sound{position:static;inset:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;min-width:32px;min-height:32px;height:32px;margin:0;padding:0 10px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(2,8,6,.9);color:#f5f8f6;font:700 10px Arial,Helvetica,sans-serif;letter-spacing:.035em;white-space:nowrap;backdrop-filter:blur(10px)}.site-controls #sound .sound-dot{width:6px;height:6px;flex:none}.site-controls #sound .sound-label{font:inherit;letter-spacing:inherit}.site-controls .motion-toggle:hover,.site-controls #sound:hover{border-color:var(--green)}.site-controls .motion-toggle:focus-visible,.site-controls #sound:focus-visible{outline:2px solid var(--green);outline-offset:3px}@media(max-width:760px){.site-controls{left:10px;bottom:calc(12px + env(safe-area-inset-bottom,0px));gap:5px}.site-controls .motion-toggle,.site-controls #sound{padding:0 8px}}