:root{font-family:Poppins,Arial,sans-serif;color:#fff;background:#080808;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #875cf4;outline-offset:6px}header{position:absolute;z-index:20;top:0;width:100%;padding:32px 4%;display:flex;justify-content:space-between;align-items:center}.logo{font-size:35px;font-weight:800;letter-spacing:-3px;line-height:.85}.logo span{display:block;font-size:9px;letter-spacing:1.5px;margin-top:10px;font-weight:500}.menu-toggle{position:fixed;right:4%;top:28px;border:0;border-radius:50px;background:#fff;color:#111;padding:14px 22px;font-size:13px;display:flex;gap:28px;align-items:center}.menu-toggle span{font-size:22px}#menu{position:fixed;right:4%;top:94px;background:#fff;color:#111;padding:25px;border-radius:22px;box-shadow:0 10px 60px #0005;min-width:230px}#menu:not([hidden]){display:grid;gap:20px}.hero{min-height:100svh;padding:155px 4% 45px;position:relative;overflow:hidden}.hero h1{font-size:clamp(40px,7.9vw,150px);letter-spacing:-.065em;line-height:.95;margin:0;font-weight:600}.hero-middle{display:flex;align-items:center;justify-content:space-around;margin:35px auto 0;max-width:1050px}.hero-middle>p{font-size:13px;line-height:1.8;color:#aaa}.round-link{font-size:12px;border-bottom:1px solid #666;padding:15px 0}.round-link span{margin-left:25px;font-size:24px}.hero-orb{width:280px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 24%,#ffc498,#ff8f40 45%,#923b08);box-shadow:inset -20px -20px 45px #70301150;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#16100d;transform:rotate(-12deg);transition:transform .6s}.hero-orb:hover{transform:rotate(0) scale(1.04)}.hero-orb>span{font-size:115px;font-weight:600;letter-spacing:-12px;line-height:1}.hero-orb i{font-size:9px;font-style:normal;letter-spacing:2px;margin-top:24px}.hero-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:-15px}.hero-bottom p{font-size:10px;letter-spacing:1px;color:#a1a1a1}.hero h2{font-size:clamp(55px,10vw,170px);line-height:.88;letter-spacing:-.065em;text-align:right;margin:0;font-weight:500}.down{display:inline-block;font-size:30px}.about{padding:140px 7%;display:grid;grid-template-columns:1fr 3fr;gap:60px}.about h2,.eyebrow{font-size:12px;font-weight:400;letter-spacing:1px}.about p{font-size:clamp(24px,3vw,48px);line-height:1.4;letter-spacing:-.04em;margin:0}.about p span{color:#777}.work-heading{font-size:26vw;line-height:.85;letter-spacing:-.08em;font-weight:500;margin:70px 0 60px;padding:0 4%;text-align:center}.project{background:var(--project-color);color:#111;padding:45px 5% 30px;min-height:850px;overflow:hidden;position:relative}.project-meta{display:flex;justify-content:space-between;font-size:12px}.project-meta p{margin:0}.project-stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:610px}.project-description{position:absolute;left:0;width:190px;font-size:18px;letter-spacing:-.03em;line-height:1.6}.project-art{position:relative;width:480px;height:510px;border:0;background:#ffffff22;border-radius:90px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:inherit;transition:transform .7s cubic-bezier(.2,.7,.2,1),border-radius .7s}.project-art:hover{transform:scale(1.035);border-radius:70px}.project-open{position:absolute;right:25px;bottom:25px;width:48px;height:48px;background:#fff;color:#111;border-radius:50%;display:grid;place-items:center;font-size:25px;transition:transform .3s}.project-art:hover .project-open{transform:rotate(45deg)}.story-phone{height:440px;width:auto;filter:drop-shadow(0 20px 18px #56240240);transform:rotate(-9deg)}.project-title{border:0;background:none;color:inherit;font-weight:500;font-size:clamp(65px,11vw,180px);line-height:1.1;letter-spacing:-.065em;white-space:nowrap;display:flex;align-items:center;gap:40px;margin:0 auto;padding:0}.project-title span{font-size:.45em}.care-symbol{font-size:350px;font-weight:600;line-height:1;color:#174c36}.art-caption{position:absolute;bottom:75px;font-size:18px;letter-spacing:-.03em}.project-naked{color:white}.project-naked .project-art{background:#e9e7e4}.naked-phone{width:100%;height:100%;object-fit:cover}.orbital{border:1px solid #682943;border-radius:50%;width:320px;height:320px;display:grid;place-items:center;position:relative}.orbital:after{content:'';position:absolute;inset:30px -25px;border:1px solid #682943;border-radius:50%;transform:rotate(-40deg)}.orbital span{font-size:100px;letter-spacing:-8px}.building{width:240px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;transform:skewY(-8deg);padding:30px;background:#403268;border-radius:10px}.building i{height:65px;background:#d7cfff;border-radius:2px}.route{height:270px;width:220px;border:24px solid #23536c;border-left:0;border-bottom-right-radius:100px;border-top-right-radius:100px;position:relative}.route i{position:absolute;width:42px;height:42px;background:#23536c;border:10px solid #e5f4fb;border-radius:50%;left:-20px;top:-32px}.route b{position:absolute;font-size:110px;left:-28px;bottom:-80px;line-height:1}.journal-art{font-family:Georgia,serif;font-size:73px;letter-spacing:-5px;line-height:.95;transform:rotate(-8deg)}.health-art{display:grid;gap:15px;width:75%}.health-art span{padding:22px;text-align:left;border-radius:14px;background:#f6faf3;font-size:19px;box-shadow:0 8px 15px #16352b08}.approach{padding:140px 5%}.approach>h2{font-size:clamp(40px,6vw,85px);line-height:1.1;letter-spacing:-.055em;font-weight:500;margin:35px 0 70px}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.approach-grid article{border-radius:24px;padding:35px;background:#ffebeb;color:#111;min-height:370px}.approach-grid article:nth-child(2){background:#e5ffe5}.approach-grid article:nth-child(3){background:#ebf8ff}.approach-grid span{font-size:11px}.approach-grid h3{font-weight:500;font-size:28px;line-height:1.2;letter-spacing:-1px;margin:60px 0 20px}.approach-grid p{font-size:13px;line-height:1.8;color:#555}.contact-banner{border-top:1px solid #333;border-bottom:1px solid #333;padding:70px 5%}.contact-banner>p{font-size:11px}.contact-banner>a{font-size:clamp(48px,9vw,150px);font-weight:500;line-height:1.04;letter-spacing:-.06em;display:block;margin-top:30px}.contact-banner span{color:#ff8f40}.brief{padding:120px 5%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.brief h2{font-size:clamp(35px,4vw,64px);font-weight:500;letter-spacing:-.05em;line-height:1.15}.brief p{color:#aaa;font-size:14px;max-width:370px;line-height:1.7}form label{display:block;font-size:12px;margin-bottom:28px}input,textarea{display:block;width:100%;color:#fff;background:none;border:0;border-bottom:1px solid #555;padding:14px 0;resize:vertical;border-radius:0}form button{border:0;background:#fff;border-radius:40px;padding:17px 25px;font-size:13px}.form-note{font-size:11px!important}footer{border-top:1px solid #333;padding:50px 5%;display:flex;justify-content:space-between;align-items:center;gap:30px}footer nav{display:flex;gap:30px;font-size:13px}footer p{font-size:11px;color:#999;text-align:right}footer small{font-size:9px}.skip{position:fixed;top:-100px;z-index:100;background:white;color:black;padding:15px}.skip:focus{top:10px}dialog{border:0;background:#f5f5f3;color:#151515;border-radius:26px;padding:65px;width:min(840px,92vw);max-height:90svh}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}.close{position:absolute;right:22px;top:20px;background:#e7e7e5;border:0;border-radius:50%;width:38px;height:38px}dialog h2{font-size:clamp(35px,5vw,62px);letter-spacing:-.05em;line-height:1.1;margin:20px 0}.case-intro{font-size:21px;line-height:1.5;color:#555}#case-visual{height:280px;border-radius:16px;background:#e7e7e4;display:flex;justify-content:center;align-items:center;overflow:hidden;flex-direction:column;gap:12px;margin:30px 0}#case-visual img{max-height:90%;max-width:90%;object-fit:contain}#case-visual strong{font-size:48px;letter-spacing:-2px}#case-visual span{font-size:10px}.case-section h3{font-size:18px;margin:30px 0 10px}.case-section p,.case-note{font-size:14px;line-height:1.8;color:#555}.case-note{font-size:11px;margin-top:35px;padding-top:20px;border-top:1px solid #ccc}.case-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;font-size:13px;text-decoration:underline}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@media(min-width:1500px){.project-stage{min-height:700px}.project-art{width:580px;height:590px}.story-phone{height:510px}}@media(max-width:900px){.hero{min-height:850px}.hero-middle{margin-top:70px}.hero-orb{width:240px}.project-description{width:140px;font-size:15px}.project-art{width:390px;height:460px;margin-left:100px}.approach-grid{gap:12px}.approach-grid article{padding:24px}.approach-grid h3{font-size:24px}}@media(max-width:600px){header{padding:28px 6%}.hero{padding:155px 6% 35px;min-height:780px}.hero h1{font-size:12vw;max-width:95%;line-height:.95}.hero-middle{margin:45px 0;gap:20px;flex-wrap:wrap}.hero-orb{width:230px;order:-1}.hero-middle>p{font-size:10px}.round-link{font-size:10px}.hero-orb>span{font-size:100px}.hero-bottom{display:block}.hero h2{font-size:15vw;margin:35px 0 15px}.hero-bottom>p{font-size:8px}.about{padding:70px 6%;display:block}.about h2{margin-bottom:30px}.about p{font-size:26px}.work-heading{margin:35px 0}.project{padding:25px 6%;min-height:660px}.project-meta{font-size:9px}.project-stage{min-height:490px;flex-direction:column;align-items:start;gap:20px}.project-description{position:static;width:80%;font-size:18px;margin:25px 0 0}.project-art{width:100%;height:360px;border-radius:60px;margin:0}.story-phone{height:315px}.project-title{font-size:14vw;gap:18px;margin-top:18px}.care-symbol{font-size:280px}.art-caption{bottom:48px;font-size:14px}.orbital{width:230px;height:230px}.building{width:200px;gap:12px;padding:24px}.building i{height:48px}.route{transform:scale(.8)}.journal-art{font-size:65px}.health-art span{font-size:16px;padding:18px}.approach{padding:75px 6%}.approach-grid{grid-template-columns:1fr;gap:15px}.approach-grid article{min-height:280px;padding:30px}.approach-grid h3{margin-top:35px}.contact-banner{padding:50px 6%}.brief{padding:70px 6%;grid-template-columns:1fr;gap:35px}footer{align-items:start;flex-wrap:wrap;padding:40px 6%}footer nav{gap:20px}footer p{text-align:left;width:100%}dialog{padding:55px 25px 30px}#case-visual strong{font-size:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Scroll-led project sequence: one pinned canvas, independently moving layers. */
@media(prefers-reduced-motion:no-preference){
.work{position:relative;isolation:isolate;background:#080808}.work-heading{position:sticky;top:0;height:100svh;margin:0 0 -100svh;padding:10svh 4% 0;line-height:1;color:white;background:var(--scene-color,#080808);transition:background-color .6s;z-index:-1;pointer-events:none;overflow:hidden}.project{min-height:150svh;height:150svh;background:transparent;overflow:clip;padding-top:14svh;padding-bottom:0;color:white}.project-meta{position:relative;z-index:3}.project-stage{height:105svh;min-height:0;align-items:center}.project-art{width:min(48vw,650px);height:min(70svh,650px);flex-shrink:0;background:var(--project-color);box-shadow:0 35px 80px #0002;border-radius:70px;will-change:transform;opacity:1;transform:translate3d(0,var(--art-y,0px),0) scale(var(--art-scale,1));transition:box-shadow .4s}.project-art:hover{border-radius:70px;box-shadow:0 40px 90px #0004}.project-art>img{transform:translateY(var(--image-y,0px)) scale(var(--image-scale,1));will-change:transform}.project-description{transform:translate3d(0,var(--copy-y,0px),0);will-change:transform;width:190px}.project-title{position:absolute;left:0;top:0;margin:0;font-size:clamp(75px,12vw,190px);z-index:4;transform:translate3d(var(--title-x,80vw),var(--title-y,65vh),0);will-change:transform;text-shadow:0 2px 24px #0001}.project-naked .project-art{background:#e9e7e4}.project-medkik .project-art{background:#70e5a2}.project-air .project-art{background:#f9aed0}.project-pmos .project-art{background:#b9adff}.project-vozii .project-art{background:#ccecf8}.project-journal .project-art{background:#f4e5b7;color:#302612}.project-health .project-art{background:#cce1d3;color:#183d2d}.project-air .orbital{color:#682943}.project-meta{opacity:var(--meta-opacity,1)}.hero h1{transform:translateX(var(--hero-title-x,0px));will-change:transform}.hero-orb{translate:0 var(--hero-orb-y,0px)}.hero-bottom h2{transform:translateX(var(--hero-bottom-x,0px));will-change:transform}
@media(max-width:600px){.work-heading{padding-top:18svh;font-size:27vw}.project{height:125svh;min-height:125svh;padding-top:10svh}.project-stage{height:90svh;justify-content:center;gap:25px}.project-art{width:100%;height:51svh;max-height:460px;border-radius:55px}.project-description{width:85%;font-size:16px;margin:0}.project-title{font-size:17vw}.project-art:hover{border-radius:55px}}
}