:root{--bg:#101216;--panel:#191c21;--text:#edece5;--muted:#a5a8b0;--line:#ffffff24;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 var(--sans)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #c8d7ff;outline-offset:6px}.skip{position:absolute;left:20px;top:-100px}.skip:focus{top:15px;z-index:100;background:var(--bg)}header{height:90px;display:flex;justify-content:space-between;align-items:center;max-width:1440px;margin:auto;padding:0 5%}.brand{font-size:19px;letter-spacing:-.5px;display:flex;align-items:center;gap:10px}.mark{display:inline-block;width:19px;height:19px;border:1px solid var(--text);border-radius:50%;position:relative}.mark:after{content:'';position:absolute;width:1px;height:25px;background:var(--text);transform:rotate(35deg);left:9px;top:-4px}nav{display:flex;align-items:center;gap:30px;font-size:13px}nav a:hover{color:white}.nav-cta{border:1px solid var(--line);border-radius:30px;padding:9px 17px}.wrap{width:min(1180px,90%);margin:auto}.hero{text-align:center;padding:72px 0 36px}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-size:10px}.hero h1{font:normal clamp(52px,7.8vw,106px)/1.05 var(--serif);letter-spacing:-5px;margin:22px 0}.hero h1 em{color:#aeb3c2;font-weight:normal}.hero p{max-width:460px;margin:24px auto;color:var(--muted);font-size:16px}.pill{border:0;background:var(--text);color:var(--bg);border-radius:40px;padding:14px 24px;display:inline-flex;align-items:center;gap:20px;cursor:pointer;font-size:13px}.pill .arrow{display:inline-block;transition:transform .25s}.pill:hover .arrow{transform:translate(3px,-3px)}.film{position:relative;overflow:hidden;background:#241936;border-radius:8px;aspect-ratio:16/9;margin-top:20px}.film video,.film img{width:100%;height:100%;object-fit:cover;display:block}.film-link{position:absolute;inset:0;display:flex;align-items:end;justify-content:space-between;padding:26px;background:linear-gradient(transparent 65%,#0008)}.play{display:flex;align-items:center;gap:12px;font-size:13px}.play i{font-style:normal;background:#fff;color:#111;width:42px;height:42px;border-radius:50%;display:grid;place-items:center}.motion-toggle{position:absolute;right:22px;top:22px;border:1px solid #fff6;background:#1119;color:white;padding:8px 14px;border-radius:30px;cursor:pointer;font-size:11px;z-index:2}.project-meta{display:flex;justify-content:space-between;gap:20px;padding:18px 0 40px;color:var(--muted);font-size:12px}.project-meta strong{display:block;color:var(--text);font-size:18px;font-weight:400}.section{padding:100px 0;border-top:1px solid var(--line)}.split{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}h2{font:normal clamp(34px,4.5vw,58px)/1.13 var(--serif);letter-spacing:-1.8px;margin:14px 0 25px}.copy{color:var(--muted);font-size:16px}.text-link{display:inline-block;margin-top:20px;border-bottom:1px solid #fff6;padding-bottom:6px;font-size:13px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}.step{border-top:1px solid var(--line);padding-top:25px}.step h3{font-size:17px;font-weight:400}.step p{font-size:13px;color:var(--muted)}.step span{font-size:11px;color:var(--muted)}.contact{text-align:center;padding:110px 0}.contact h2{font-size:clamp(48px,7vw,86px)}.contact p{color:var(--muted)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:25px 5%;font-size:11px;color:var(--muted)}.case-hero{padding:65px 0 30px}.case-hero h1{font:normal clamp(65px,9vw,112px)/1 var(--serif);margin:30px 0}.case-hero p{max-width:500px;color:var(--muted)}.case-player{width:100%;aspect-ratio:16/9;border-radius:8px;background:#211530}.detail{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;margin:75px 0}.detail img{width:100%;border-radius:6px}.detail h2{font-size:40px}.detail p{color:var(--muted)}.case-info{display:flex;gap:50px;margin:30px 0 65px;font-size:12px;color:var(--muted)}.case-info b{display:block;color:var(--text);font-weight:400}.reveal{animation:enter .65s cubic-bezier(.16,1,.3,1) both}.reveal.delay{animation-delay:.1s}@keyframes enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;width:min(530px,92%);padding:30px}dialog::backdrop{background:#000b}dialog h2{font-size:32px}dialog p{color:var(--muted)}dialog button{cursor:pointer}label{display:block;margin-top:15px;font-size:12px}input,textarea{width:100%;margin-top:6px;padding:10px;background:#111;color:var(--text);border:1px solid var(--line);border-radius:5px}textarea{height:100px}#brief-status{font-size:12px}.close{float:right;background:none;color:var(--text);border:0;font-size:22px}.form-action{margin-top:20px}@media(max-width:700px){header{height:75px}.brand{font-size:16px}nav{gap:15px}nav .process-nav{display:none}.hero{padding-top:45px}.hero h1{letter-spacing:-2.5px}.hero p{font-size:14px;padding:0 20px}.split,.detail{grid-template-columns:1fr;gap:20px}.section{padding:65px 0}.steps{grid-template-columns:1fr 1fr;gap:25px}.film-link{padding:15px}.film-link>span:last-child{display:none}.project-meta{font-size:10px}.project-meta strong{font-size:16px}.case-info{gap:25px}.detail{margin:55px 0}.contact{padding:70px 0}footer{gap:20px}.motion-toggle{top:12px;right:12px}.case-hero{padding-top:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none}*{transition:none!important}}

.sample-note{display:block;margin:8px 0 0;color:var(--muted);font-size:12px;font-weight:400;line-height:1.5}

/* Keep the concept title and navigation within narrow screens. */
.concept-hero h1{font-size:clamp(44px,7.8vw,96px)}
@media(max-width:420px){header nav{gap:10px}header .nav-cta{padding:8px 10px}header nav{font-size:12px}}