.site-header{position:sticky;top:0;z-index:50;background:rgba(250,250,250,.94);border-bottom:1px solid transparent;transition:border-color .2s,background .2s}.site-header.is-scrolled{border-color:var(--border)}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:.83rem;font-weight:650;letter-spacing:.08em}.site-nav{display:flex;align-items:center;gap:28px}.nav-link{font-size:.88rem;color:var(--text-2);transition:color .18s}.nav-link:hover,.nav-link.is-active{color:var(--text)}.nav-link--contact{color:var(--text);font-weight:550}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--border);background:#fff;border-radius:var(--pill);align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{display:block;width:16px;height:1px;background:var(--text);transition:transform .2s}.btn{min-height:46px;padding:0 18px;border-radius:var(--pill);display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;font-size:.9rem;font-weight:550;transition:transform .2s var(--ease),background .2s,color .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--text);color:#fff}.btn--primary:hover{background:#303030}.btn--secondary{background:#fff;border-color:var(--border)}.btn--secondary:hover{border-color:#cfcfcf}.btn--light{background:#fff;color:var(--text)}.btn--light:hover{background:#f1f1f1}.card-link{display:inline-flex;gap:8px;align-items:center;font-size:.9rem;font-weight:550;margin-top:auto}.card-index{font-family:var(--mono);font-size:.72rem;color:var(--muted)}.service-card{position:relative;min-height:330px;padding:28px;display:flex;flex-direction:column;transition:transform .22s var(--ease),border-color .22s,background .22s}.service-card:hover{transform:translateY(-4px);border-color:#cfcfcf}.service-card--featured{background:#171717;color:#fff;border-color:#171717}.service-card--featured p,.service-card--featured .card-index,.service-card--featured .service-card__label{color:#bdbdbd}.service-card--featured .card-link{color:#fff}.service-card__label{font-family:var(--mono);font-size:.65rem;letter-spacing:.1em;margin-top:26px}.service-card h3{margin-top:10px}.service-card p{margin-top:14px;max-width:42ch}.service-card--featured p{color:#cfcfcf}.service-card .card-link{margin-top:30px}.service-card:not(.service-card--featured) .card-link{margin-top:auto}.project-card{min-width:0}.project-media{aspect-ratio:16/10;border:1px solid var(--border);border-radius:14px;position:relative;overflow:hidden;padding:18px;display:flex;flex-direction:column;justify-content:space-between;background:#eee}.project-media::before,.project-media::after{content:"";position:absolute;inset:0}.project-media::before{background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.55) 50%,transparent 80%);transform:translateX(-120%);transition:transform .8s var(--ease)}.project-card:hover .project-media::before{transform:translateX(120%)}.media-01{background:radial-gradient(circle at 70% 30%,#d9d9d9,#f1f1f1 42%,#d2d2d2)}.media-02{background:radial-gradient(circle at 30% 65%,#c9c9c9,#efefef 45%,#d8d8d8)}.media-03{background:linear-gradient(145deg,#dedede,#fafafa 50%,#c8c8c8)}.media-04{background:radial-gradient(circle at 65% 60%,#c5c5c5,#ededed 44%,#d5d5d5)}.project-media span,.project-media strong{position:relative;z-index:1;font-family:var(--mono);font-size:.66rem;letter-spacing:.1em}.project-media strong{font-size:clamp(1.5rem,3vw,3rem);font-family:var(--font);letter-spacing:-.04em;font-weight:500}.project-meta{padding:18px 2px}.project-meta>span{font-family:var(--mono);font-size:.65rem;color:var(--muted);letter-spacing:.08em}.project-meta h3{font-size:1.3rem;margin-top:8px}.project-meta p{font-size:.88rem;margin-top:4px}.demo-tile{min-height:210px;padding:24px;border:1px solid var(--border);background:#fff;border-radius:var(--r-card);display:grid;grid-template-columns:40px 1px 1fr 24px;gap:18px;align-items:start;transition:transform .22s var(--ease),border-color .22s}.demo-tile:hover{transform:translateY(-3px);border-color:#cfcfcf}.demo-number{font-family:var(--mono);font-size:.68rem;color:var(--muted)}.demo-line{height:100%;background:var(--border)}.demo-tile small{font-family:var(--mono);font-size:.63rem;letter-spacing:.1em;color:var(--muted)}.demo-tile h3{font-size:1.35rem;margin-top:12px}.demo-tile p{font-size:.88rem;margin-top:6px}.tile-arrow{font-size:1.1rem}.form-field{display:block}.form-field>span{display:block;font-size:.8rem;margin-bottom:7px;color:#d8d8d8}.form-field input,.form-field select,.form-field textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #484848;color:#fff;border-radius:0;padding:12px 0;outline:none}.form-field select{color:#bdbdbd}.form-field select option{color:#171717}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#fff}.consent{display:flex;gap:10px;align-items:flex-start;font-size:.78rem;color:#aaa}.consent input{margin-top:4px}.consent a{text-decoration:underline;color:#fff}.form-status{min-height:24px;color:#fff;font-size:.85rem}.honeypot{position:absolute;left:-9999px}.site-footer{border-top:1px solid var(--border);padding:70px 0 28px}.footer-main{display:flex;justify-content:space-between;gap:60px}.footer-brand{display:inline-block}.footer-main>div:first-child p{font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;margin-top:12px}.footer-links{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:48px}.footer-links div{display:flex;flex-direction:column;gap:8px}.footer-links span{font-family:var(--mono);font-size:.65rem;color:var(--muted);letter-spacing:.1em;margin-bottom:5px}.footer-links a{font-size:.84rem;color:var(--text-2)}.footer-links a:hover{color:var(--text)}.footer-bottom{margin-top:70px;padding-top:18px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.74rem}