/* Shared art direction with the HP/LP portfolio: dark editorial, silver type, electric blue. */
:root{--ink:#07090e;--paper:#07090e;--accent:#4269ff;--muted:#a0a7b6;--text:#edf0f6;--line:#ffffff26;--ease:cubic-bezier(.2,.7,.2,1)}
body{color:var(--text);font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#4269ff;color:white}header{padding:25px 5%;border-color:var(--line);background:#07090ef0}.brand{font-size:24px;letter-spacing:-.06em}nav{gap:28px}nav a{padding:6px 0;border-bottom:1px solid transparent;transition:border-color .3s}nav a:hover{border-color:#a0a7b6}.intro{max-width:1440px;margin:auto;padding:75px 6% 65px;grid-template-columns:1.65fr 1fr;gap:65px;position:relative;isolation:isolate}.intro:before{content:"";position:absolute;right:0;top:0;width:50%;height:100%;background:radial-gradient(ellipse at 65% 35%,#4269ff28,transparent 65%);z-index:-1}.eyebrow{font-size:12px;color:#8ea6ff;letter-spacing:.16em;font-weight:500}.intro h1{font-size:clamp(64px,10.8vw,156px);font-weight:600;letter-spacing:-.075em;line-height:.92;margin:62px 0 40px;background:linear-gradient(150deg,#fff 5%,#b2bacb 60%,#778299);background-clip:text;-webkit-background-clip:text;color:transparent}.intro h1 span{font-size:clamp(48px,8.7vw,125px);letter-spacing:-.06em;font-weight:500;margin-top:16px;-webkit-text-stroke:1px #929db5;color:transparent}.hero-period{color:#5277ff;-webkit-text-stroke:0;font-weight:500}.intro aside{padding-bottom:35px}.intro aside>p:not(.small){font-size:clamp(23px,2.4vw,34px);font-weight:500;line-height:1.6;letter-spacing:-.035em}.intro .label{padding:6px 0;background:transparent;color:#8ea6ff;font-size:12px;letter-spacing:.08em;font-weight:500}.intro .small{font-size:13px;line-height:1.9;color:#a0a7b6}main{max-width:1440px;margin:auto;padding:0 6%}.sectionhead{padding:38px 0 55px;border-color:var(--line)}.sectionhead h2{font-weight:500;font-size:clamp(30px,3.6vw,48px);letter-spacing:-.045em}.sectionhead span{color:#a0a7b6}.work{grid-template-columns:1.6fr 1fr;gap:7%;border:0;margin-bottom:90px;padding:0}.work.coffee{grid-template-columns:1fr 1.6fr}.work.coffee>.art{order:2}.work.coffee>div:last-child{order:1}.art,.work.coffee .art,.work.video .art{padding:28px;background:#10141c;border:1px solid #ffffff15;transition:transform .6s var(--ease),border-color .4s,box-shadow .5s}.art:hover{transform:translateY(-5px);border-color:#657ead8c;box-shadow:0 25px 80px #0006}.art img{max-height:630px}.work.coffee .art img{max-height:650px}.work h3{font-weight:500;letter-spacing:-.045em;font-size:clamp(27px,3vw,42px);margin:20px 0 26px}.work .index{color:#8391aa;font-size:12px;letter-spacing:.14em}.pill{border:0;background:#ffffff09;color:#aeb7ca;font-size:12px;letter-spacing:.05em;padding:5px 10px}.work dt{font-size:14px;font-weight:500;color:#bbc8e4;margin-top:22px}.work dd{color:#acb3c2;font-size:16px;line-height:2}.small{color:#a0a7b6}.zoom{color:#a0a7b6;font-size:12px;margin-top:15px}.about{padding:90px 0 100px;border-top:1px solid var(--line);grid-template-columns:1fr 1.1fr;gap:12%}.about h2{font-weight:500;font-size:clamp(30px,3.4vw,44px);line-height:1.6;letter-spacing:-.045em;margin-top:25px}.about p,.steps{color:#acb3c2;line-height:2.1}.about h3{font-size:22px;font-weight:500;margin-top:26px}.about .small{font-size:14px}.steps li{padding:12px 0}.contact{padding:100px 6%;background:linear-gradient(120deg,#101725,#07090f 75%);border-top:1px solid var(--line);color:var(--text);position:relative}.contact:before{content:"";position:absolute;top:0;left:6%;width:60px;height:2px;background:#6483ff}.contact h2{font-weight:500;font-size:clamp(30px,3.5vw,48px);letter-spacing:-.045em;line-height:1.5;margin-top:25px}.contact p{color:#aab4c9;font-size:15px}.cta{background:#edf0f6;color:#111622;border:1px solid #edf0f6;font-size:14px;padding:17px 32px;transition:background .3s,transform .3s}.cta:hover{background:#6687ff;border-color:#6687ff;color:white;transform:translateY(-3px)}footer{background:#07090e;border-color:var(--line);color:#9aa5ba;font-size:12px;padding:30px 6%}dialog{background:#10141c;color:var(--text)}dialog button{background:#edf0f6;color:#111622}:focus-visible{outline-color:#8ea6ff}
@media(max-width:1000px){.intro{grid-template-columns:1fr;gap:10px;padding-top:45px}.intro h1{font-size:clamp(72px,14vw,136px);margin:45px 0 30px}.intro h1 span{font-size:clamp(60px,11vw,110px)}.intro aside{padding-bottom:0}.intro aside>p:not(.small){max-width:none;font-size:28px}.intro .small{max-width:none}.work,.work.coffee{gap:6%}}
@media(max-width:760px){header{padding:20px 6%;gap:18px;align-items:flex-start;flex-wrap:wrap}.brand{font-size:23px}nav{gap:18px;font-size:13px}.intro{padding:40px 6%}.eyebrow{font-size:12px;letter-spacing:.1em}.intro h1{font-size:clamp(66px,17vw,120px);letter-spacing:-.075em;margin-top:38px}.intro h1 span{font-size:clamp(55px,14vw,94px);letter-spacing:-.065em}.intro aside>p:not(.small){font-size:27px}.intro .small{font-size:13px}.sectionhead{padding:26px 0 35px;gap:15px;flex-wrap:wrap}.sectionhead h2{font-size:32px}.work,.work.coffee{display:flex;flex-direction:column;align-items:stretch;gap:28px;margin-bottom:60px}.work.coffee>.art,.work.coffee>div:last-child{order:initial}.art,.work.coffee .art,.work.video .art{padding:18px}.work h3{font-size:29px;margin:14px 0 20px}.work .index{font-size:12px}.art img{max-height:530px}.about{grid-template-columns:1fr;gap:28px;padding:65px 0}.about h2{font-size:32px}.contact{padding:65px 6%}.contact h2{font-size:32px}.cta{white-space:normal;text-align:center;max-width:100%}footer{gap:10px}dialog img{max-width:85vw}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.art:hover,.cta:hover{transform:none}}