:root{--motion-red:#ff454d;--motion-paper:#f3eee8}
html{scroll-behavior:smooth}body{overflow-x:hidden}.cd-intro{position:fixed;inset:0;z-index:10000;background:#0a0a0b;color:var(--motion-paper);display:flex;flex-direction:column;justify-content:space-between;padding:36px clamp(22px,5vw,90px);overflow:hidden;transition:clip-path .85s cubic-bezier(.76,0,.24,1),visibility 0s .9s;clip-path:inset(0 0 0 0)}.cd-intro[hidden]{display:none}.cd-intro.is-finished{clip-path:inset(0 0 100% 0);visibility:hidden;pointer-events:none}.cd-intro-top,.cd-intro-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;font:11px/1.5 monospace;letter-spacing:.12em}.cd-intro-top span:first-child:before{content:'';display:inline-block;width:7px;height:7px;background:var(--motion-red);border-radius:50%;margin-right:12px;box-shadow:0 0 18px #ff454d80}.cd-skip{background:none;border:0;color:#aaa;font:inherit;padding:12px;cursor:pointer}.cd-skip:hover,.cd-skip:focus-visible{color:white;outline:1px solid var(--motion-red)}.cd-intro-center{position:relative;width:100%;padding:6vh 0}.cd-intro-center:before,.cd-intro-center:after{content:'';position:absolute;height:1px;background:#ffffff18;left:0;right:0}.cd-intro-center:before{top:0}.cd-intro-center:after{bottom:0}.cd-intro-logo{width:clamp(75px,10vw,160px);height:auto;margin-bottom:18px;animation:cd-logo-in 1s both}.cd-intro-title{font-family:Arial,Helvetica,sans-serif;font-size:clamp(58px,12vw,200px);font-weight:900;letter-spacing:-.075em;line-height:.82;margin:0;display:flex;flex-wrap:wrap;gap:.06em .19em}.cd-intro-title span{display:block;animation:cd-title-in .9s cubic-bezier(.16,1,.3,1) both}.cd-intro-title span:last-child{color:var(--motion-red);animation-delay:.14s}.cd-intro-caption{margin:28px 0 0;color:#909093;font:11px monospace;letter-spacing:.3em}.cd-intro-line{height:3px;background:#ffffff18;position:absolute;left:0;bottom:0;width:100%}.cd-intro-line i{height:100%;display:block;width:0;background:var(--motion-red)}.cd-intro-number{font-size:clamp(28px,4vw,65px);letter-spacing:-.07em;font-weight:700}.cd-preview{position:fixed;bottom:18px;left:18px;z-index:800;display:flex;align-items:center;gap:14px;border:1px solid #ffffff25;background:#111115e8;backdrop-filter:blur(16px);border-radius:50px;padding:8px 9px 8px 16px;color:#aaa;font:10px monospace}.cd-preview button{border:0;border-radius:30px;padding:10px 14px;background:#f3eee8;color:#111;cursor:pointer;font:600 11px Arial}.cd-progress{position:fixed;left:0;top:0;width:100%;height:2px;background:var(--motion-red);transform:scaleX(0);transform-origin:left;z-index:1001}.home-page .hero{position:relative;isolation:isolate;min-height:82vh;display:flex;align-items:center;background:radial-gradient(ellipse at 78% 45%,#ff454d0d,transparent 55%)}.home-page .hero:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.25;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent,#000)}.home-page .hero h1{letter-spacing:-.065em;font-size:clamp(64px,7vw,116px);line-height:.93}.home-page .hero .stroke-text{-webkit-text-stroke:1px #ffffff66}.hero-copy{transition:opacity .8s,transform .8s}.cd-intro-active .hero-copy{opacity:0!important;transform:translateY(35px)!important}.hero-art{will-change:transform;transition:transform .5s ease-out}.cd-reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}.cd-reveal.cd-visible{opacity:1;transform:translateY(0)}.mini-project,.service-card,.reference-card{transition:transform .35s,border-color .35s,background .35s}.mini-project:hover{transform:translateY(-5px);border-color:#ff454d88;background:#ff454d09}.btn{transition:transform .25s,box-shadow .25s,background .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 35px #ff454d18}.cd-ticker{overflow:hidden;border-block:1px solid #ffffff1a;background:#101012;padding:19px 0}.cd-ticker-track{display:flex;width:max-content;animation:cd-ticker 28s linear infinite;gap:30px}.cd-ticker span{font-size:clamp(20px,3vw,43px);font-weight:800;letter-spacing:-.04em;color:#f3eee8}.cd-ticker b{color:var(--motion-red);font-weight:400}.cd-ticker:hover .cd-ticker-track{animation-play-state:paused}.cd-scroll-hint{display:flex;justify-content:space-between;align-items:center;margin-top:35px;color:#777;font:10px monospace;letter-spacing:.12em}.cd-scroll-hint i{display:inline-block;height:25px;width:1px;background:var(--motion-red);margin-right:10px;vertical-align:middle;animation:cd-pulse 1.8s ease infinite}.cd-page-wipe{position:fixed;inset:0;z-index:9999;background:var(--motion-red);transform:translateY(100%);pointer-events:none;transition:transform .28s cubic-bezier(.76,0,.24,1)}.cd-page-wipe.is-active{transform:translateY(0)}
@keyframes cd-logo-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes cd-title-in{from{opacity:0;transform:translateY(70px);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes cd-ticker{to{transform:translateX(-50%)}}@keyframes cd-pulse{50%{opacity:.2;transform:scaleY(.5)}}
@media(max-width:700px){.cd-intro{padding:20px}.cd-intro-title{font-size:18vw;flex-direction:column;gap:10px}.cd-intro-caption{font-size:9px;letter-spacing:.15em}.cd-intro-top,.cd-intro-bottom{font-size:9px}.cd-preview{bottom:10px;left:10px}.home-page .hero{min-height:auto;padding-top:45px}.home-page .hero h1{font-size:clamp(55px,12vw,90px)}}
/* Clean direction: a brief brand signature, no loading theatre. */
.cd-intro{align-items:center;justify-content:center;padding:24px;transition:opacity .3s ease,visibility 0s .3s;clip-path:none;background:#0b0b0d}
.cd-intro.is-finished{opacity:0;clip-path:none}.cd-intro-top{position:absolute;right:18px;top:18px}.cd-intro-top>span,.cd-intro-bottom,.cd-intro-caption,.cd-intro-line{display:none}.cd-intro-center{width:auto;padding:0;display:flex;align-items:center;gap:18px}.cd-intro-center:before,.cd-intro-center:after{display:none}.cd-intro-logo{width:74px;margin:0;animation:cd-logo-in .35s ease both}.cd-intro-title{font-size:clamp(25px,4vw,46px);letter-spacing:-.045em;gap:.2em;line-height:1;flex-direction:row}.cd-intro-title span{animation:cd-logo-in .35s ease both!important}.cd-intro-title span:last-child{color:#e96066}.cd-ticker,.cd-scroll-hint,.cd-progress{display:none}.home-page .hero{min-height:initial;background:none;display:block}.home-page .hero:before{display:none}.home-page .hero h1{font-size:clamp(58px,5.4vw,90px);letter-spacing:-.055em;line-height:1}.hero-art{transform:none!important}.cd-reveal{transform:translateY(10px);transition-duration:.4s}.cd-page-wipe{display:none}.btn:hover{transform:none;box-shadow:none}.mini-project:hover{transform:none}.cd-preview{opacity:.75}.cd-preview:hover{opacity:1}
@media(max-width:700px){.cd-intro-logo{width:54px}.cd-intro-center{gap:12px}.home-page .hero h1{font-size:clamp(49px,10vw,70px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cd-intro,.cd-page-wipe{display:none!important}.cd-reveal,.cd-intro-active .hero-copy{opacity:1!important;transform:none!important}.cd-ticker-track,.cd-intro *,.cd-scroll-hint i{animation:none!important}*,*:before,*:after{transition-duration:.01ms!important}}
.cd-click-intro{display:flex;align-items:stretch;justify-content:space-between;padding:32px clamp(24px,6vw,110px);background:#0b0b0d}.cd-click-top,.cd-click-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;font:10px monospace;letter-spacing:.12em;color:#777}.cd-click-top>span{color:#e8e6e3;font-weight:bold}.cd-click-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:10vw;align-items:center;width:min(1150px,100%);margin:auto}.cd-click-kicker{font:10px monospace;letter-spacing:.16em;color:#888;margin:0 0 25px}.cd-click-brand h2{font:700 clamp(35px,4.5vw,70px)/1.04 Arial,sans-serif;letter-spacing:-.06em;margin:0 0 38px}.cd-click-brand h2 span{color:#68686c}.cd-enter{display:flex;align-items:center;gap:20px;background:transparent;border:1px solid #ffffff27;color:#f3eee8;border-radius:80px;padding:15px 23px 15px 13px;cursor:pointer;min-width:280px;transition:background .25s,border-color .25s,transform .25s}.cd-enter img{width:55px;height:40px;object-fit:contain}.cd-enter-label{font:11px monospace;letter-spacing:.1em}.cd-enter-arrow{margin-left:auto;font-size:23px;color:#e96066}.cd-enter:hover{background:#ffffff06;border-color:#e96066;transform:translateX(4px)}.cd-enter:focus-visible{outline:2px solid #e96066;outline-offset:6px}.cd-enter:disabled{cursor:default}.cd-click-help{font:10px monospace;color:#666;margin:15px 0 0 25px}.cd-click-stats{border-left:1px solid #ffffff17;padding-left:50px}.cd-click-stat{display:flex;flex-direction:column;margin:25px 0 36px}.cd-click-stat strong{font:600 clamp(48px,6vw,86px)/1 Arial,sans-serif;letter-spacing:-.07em;font-variant-numeric:tabular-nums;color:#eee9e4}.cd-click-stat:nth-child(2) strong{color:#e96066}.cd-click-stat>span{font:9px monospace;letter-spacing:.09em;color:#777;margin-top:12px}.cd-load{display:flex;flex-wrap:wrap;justify-content:space-between;font:9px monospace;color:#777;letter-spacing:.1em;margin-top:45px}.cd-load-track{width:100%;height:1px;background:#ffffff22;margin-top:12px}.cd-load-fill{display:block;background:#e96066;height:100%;transform:scaleX(0);transform-origin:left}.cd-click-intro.is-loading .cd-click-help{opacity:0}.cd-click-intro.is-finished{opacity:0}.cd-click-foot{font-size:9px}
@media(max-width:700px){.cd-click-intro{padding:20px 25px}.cd-click-layout{grid-template-columns:1fr;gap:25px;padding:25px 0}.cd-click-brand h2{font-size:40px;margin-bottom:22px}.cd-click-kicker{margin-bottom:16px}.cd-enter{min-width:250px;width:100%;padding-block:9px}.cd-click-stats{border-left:0;border-top:1px solid #ffffff17;padding:22px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.cd-click-stat{margin:0}.cd-click-stat strong{font-size:49px}.cd-click-stat>span{font-size:8px;line-height:1.5}.cd-load{grid-column:1/-1;margin-top:10px}.cd-click-foot{font-size:7px}.cd-click-help{margin-top:10px}}
.cd-click-intro .cd-enter{border:0;padding:0;min-width:0;width:auto;pointer-events:none}.cd-click-intro .cd-enter img{width:80px;height:58px}.cd-click-intro .cd-enter-label,.cd-click-intro .cd-enter-arrow,.cd-click-intro .cd-click-help{display:none}