h2{font-size:clamp(48px,5.4vw,88px)}h3{font-size:20px;font-weight:500;margin:0}.chapter{--p:0}#services{height:185svh}#services .shade{background:linear-gradient(90deg,#080b13f0,#080b13b0 40%,#080b1310 80%)}#services .copy{max-width:590px}#services .scene-image{object-position:65% center}.services{margin-top:30px;max-width:440px}.services article{display:flex;gap:22px;padding:17px 0;border-top:1px solid #f4f0e744}.services article>span{font-size:12px;color:var(--blue);padding-top:5px}.services p{font-size:14px;color:#d0d2d9;line-height:1.5;margin:6px 0 0}.blade-trace{position:absolute;z-index:-1;left:30%;top:53%;width:70%;height:2px;transform:rotate(17deg) scaleX(var(--p));transform-origin:left;background:#ceeeff;box-shadow:0 0 12px #6dbdff}.noise{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:calc(.75 - var(--p)*.5)}.noise i{position:absolute;border:1px solid #8fcaff55;background:repeating-linear-gradient(0deg,#8fcaff1a 0px,#8fcaff1a 2px,transparent 2px,transparent 8px);width:150px;height:75px;right:10%;top:23%;transform:skewY(-8deg)}.noise i:nth-child(2){top:64%;right:5%;width:90px;height:110px;background:#cd7c6e18}.noise i:nth-child(3){top:15%;right:35%;width:70px;height:32px}#work{height:180svh}#work .copy{top:43%}#work .shade{background:linear-gradient(90deg,#080b13d0,#080b1360 45%,transparent),linear-gradient(0deg,#080b1366,transparent)}.clutter-cover{position:absolute;inset:0;z-index:-2;background:linear-gradient(#11182844,#11182844),url('assets/story.png') center/cover;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.slash{position:absolute;top:-20%;height:150%;width:3px;transform:rotate(27deg);background:#e5f8ff;box-shadow:0 0 14px 4px #7ebeff;opacity:0;pointer-events:none}.fragments{position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:calc(1 - var(--p))}.fragments i{position:absolute;right:18%;top:20%;width:70px;height:100px;border:1px solid #93d1ff66;background:#74adcd22;transform:translateY(calc(var(--p)*-140px)) rotate(-25deg)}.fragments i:nth-child(2){right:8%;top:50%;width:130px;height:50px;transform:translateX(calc(var(--p)*140px)) rotate(15deg)}.fragments i:nth-child(3){right:42%;top:66%;width:40px;height:70px;transform:translateY(calc(var(--p)*120px)) rotate(45deg)}.projects{padding:110px 6% 130px;background:#101216}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:50px}.section-heading h2{font-size:clamp(40px,4vw,64px)}.section-heading>p{color:#aaaeb7;font-size:15px;line-height:1.7}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project-image{aspect-ratio:4/5;position:relative;overflow:hidden;background:#171b24}.project-image img{height:100%;width:100%;object-fit:cover;transition:transform .6s}.project-card:hover img{transform:scale(1.035)}.project-image>span{position:absolute;top:18px;left:18px;font-size:11px;letter-spacing:1.5px;padding:8px 10px;background:#101216bb;backdrop-filter:blur(8px)}.project-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:22px}.project-label span{font-size:12px;color:#b6bbc5}.project-card>p{font-size:14px;line-height:1.6;color:#a8aeb9;max-width:340px}#contact{height:150svh}#contact .shade{background:linear-gradient(90deg,#0d121ada,#0d121a88 45%,#0d121a00)}#contact em{color:#e7d7b9}.button{display:inline-flex;justify-content:space-between;gap:65px;align-items:center;background:var(--paper);color:var(--ink);padding:19px 24px;border:0;font:500 15px 'DM Sans',sans-serif;cursor:pointer}.button:hover{background:var(--blue)}.inquiry{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:110px 7%;background:#101216}.inquiry h2{font-size:clamp(40px,4vw,65px)}.inquiry>div>p:last-child{color:#aeb4be;font-size:16px;margin-top:28px}form label{display:block;font-size:14px}input,textarea{display:block;width:100%;padding:14px 0;margin:8px 0 24px;background:transparent;border:0;border-bottom:1px solid #ffffff4a;color:var(--paper);font:16px 'DM Sans',sans-serif;border-radius:0}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-note{font-size:13px;color:#b6bbc5;line-height:1.7;margin:0 0 22px}#form-status{font-size:14px;color:var(--blue);line-height:1.5}footer{border-top:1px solid #ffffff22;margin:0 6%;padding:36px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p,footer>a:last-child{font-size:13px;color:#b6bbc5}.progress{position:fixed;top:0;left:0;right:0;height:2px;background:var(--blue);transform-origin:left;z-index:30}nav a[aria-current]{color:var(--blue);opacity:1}nav a:hover{opacity:1}.chapter:focus,.projects:focus,.inquiry:focus{outline:none}
@media(max-width:900px){.project-label{display:block}.project-label span{display:block;margin-top:8px}.inquiry{gap:6%}.copy{max-width:80%}}
@media(max-width:700px){h2{font-size:clamp(44px,10vw,64px)}#services{height:160svh}#services .copy{top:51%}.services{margin-top:24px}.services article{padding:13px 0}.services h3{font-size:19px}.services p{font-size:14px}.blade-trace{top:42%}.projects{padding:70px 7%}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px}.project-grid{grid-template-columns:1fr;gap:40px}.project-image{aspect-ratio:4/3}.project-label{display:flex}.project-label span{margin-top:0}#work{height:150svh}#work .copy{top:37%}#work .scene-image{object-position:42% center}#contact{height:125svh}#contact .scene-image{object-position:38% center}.inquiry{grid-template-columns:1fr;padding:70px 7%;gap:35px}.form-row{grid-template-columns:1fr;gap:0}footer{flex-wrap:wrap;padding:30px 0}footer>a:last-child{width:100%}.copy{max-width:none}.eyebrow{max-width:90%;line-height:1.6}.scene-footer{gap:20px;line-height:1.5}.scene-footer span:last-child{text-align:right}}
@media(max-height:700px) and (min-width:701px){h1{font-size:64px}h2{font-size:54px}.copy{top:52%}.services{margin-top:18px}.services article{padding:9px 0}.intro{margin:18px 0}.eyebrow{margin-bottom:18px}}
@media(max-width:420px){header{flex-wrap:wrap;row-gap:18px}nav{order:3;width:100%;justify-content:center;gap:32px}nav a{font-size:14px}.scene-footer{font-size:10px}.project-label{display:block}}
@media(prefers-reduced-motion:reduce){#services,#work,#contact{height:auto}.scene{height:auto;min-height:850px}.copy{position:relative;top:auto!important;left:auto;right:auto;transform:none;padding:170px 7% 120px;max-width:760px}.scene-image{transform:none!important}.services article{opacity:1!important;transform:none!important}.noise,.clutter-cover,.slash,.fragments,.blade-trace{display:none}.project-image img{transition:none}.project-card:hover img{transform:none}}