:root{--ink:#11100e;--ink-soft:#1a1916;--cream:#f3efe8;--paper:#e8e3da;--muted:#8f8b83;--muted-dark:#68645e;--line:#f3efe82b;--line-dark:#11100e29;--accent:#f06b3c;--accent-ink:#b8401d;--accent-light:#ff8a5a;--sun:#f3bd64;--green:#b9ce64;--on-dark-muted:#aaa59d;--focus-ring:#ff9f77;--serif:"Playfair Display", Georgia, serif;--sans:Manrope, Arial, sans-serif;--mono:"DM Mono", Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--sans);margin:0;overflow-x:hidden}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}::selection{color:var(--ink);background:var(--sun)}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.noise{z-index:99;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");position:fixed;inset:0}.cursor-glow{z-index:0;pointer-events:none;width:440px;height:440px;transform:translate3d(var(--cursor-x,-220px), var(--cursor-y,-220px), 0) translate(-50%, -50%);mix-blend-mode:multiply;background:radial-gradient(circle,#f06b3c1a,#0000 68%);border-radius:50%;position:fixed}.site-header{z-index:80;width:100%;height:78px;color:var(--cream);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:0 clamp(20px,4vw,64px);transition:background .35s,border-color .35s,color .35s;display:flex;position:fixed;top:0;left:0}.site-header.is-scrolled{border-color:var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#11100edb}.brand{flex-shrink:0;align-items:center;gap:11px;min-height:44px;display:inline-flex}.brand-mark{font:700 25px/1 var(--sans);letter-spacing:-.16em;width:27px}.brand-mark span{color:var(--accent-light);font-weight:400}.brand-name{font:700 10px/1.05 var(--sans);letter-spacing:.14em}.brand-name small{color:var(--muted);font:8px var(--mono);letter-spacing:.04em;margin-top:5px;display:block}.main-nav{align-items:center;gap:clamp(17px,2.8vw,47px);margin-left:auto;margin-right:clamp(25px,5vw,78px);display:flex}.main-nav a{color:#d2cdc4;align-items:center;min-height:44px;font-size:12px;transition:color .2s;display:inline-flex}.main-nav a:hover{color:var(--cream)}.main-nav a span{color:var(--on-dark-muted);font:9px var(--mono);margin-left:6px}.header-cta,.text-link{font-size:11px}.text-link{align-items:center;min-height:44px;display:inline-flex}.header-cta{border-bottom:1px solid #8e887f;align-items:center;min-height:44px;padding-bottom:2px;transition:border-color .2s,color .2s;display:inline-flex}.header-cta:hover{color:var(--accent-light);border-color:var(--accent-light)}.header-cta span,.text-link span{color:var(--accent-light);margin-left:13px}.menu-toggle{border:1px solid var(--line);width:44px;height:44px;color:var(--cream);background:0 0;padding:13px 8px;display:none}.menu-toggle i{background:currentColor;width:26px;height:1px;margin:5px 0;transition:transform .25s;display:block}.menu-toggle.is-open i:first-child{transform:translateY(3px)rotate(45deg)}.menu-toggle.is-open i:last-child{transform:translateY(-3px)rotate(-45deg)}.hero{background:var(--ink);min-height:100svh;color:var(--cream);flex-direction:column;justify-content:space-between;padding:150px clamp(20px,5vw,80px) 38px;display:flex;position:relative;overflow:hidden}.hero-lines{opacity:.28;pointer-events:none;background:linear-gradient(90deg,#0000 calc(50% - 1px),#f3efe817 50%,#0000 calc(50% + 1px)),linear-gradient(0deg,#0000 calc(64% - 1px),#f3efe812 64%,#0000 calc(64% + 1px));position:absolute;inset:0}.hero-lines:before,.hero-lines:after{content:"";background:#f3efe81f;position:absolute}.hero-lines:before{width:1px;top:0;bottom:0;left:7%}.hero-lines:after{height:1px;top:18%;left:0;right:0}.hero-topline{z-index:1;color:var(--on-dark-muted);font:10px var(--mono);letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;display:flex;position:relative}.status{color:#bbb5ac}.status i,.live-label i,.eyebrow-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 13px var(--accent);border-radius:50%;margin-right:8px;display:inline-block}.hero-layout{z-index:1;flex:1;grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);align-items:center;gap:4vw;min-height:590px;display:grid;position:relative}.hero-copy{max-width:780px}.eyebrow,.section-no{font:9px var(--mono);letter-spacing:.17em;text-transform:uppercase;margin:0}.eyebrow{color:#c2bdb4}.hero h1{font:800 clamp(57px, 8.2vw, 132px)/.86 var(--sans);letter-spacing:-.085em;margin:25px 0 27px}.hero h1 em,h2 em,h3 em{font-family:var(--serif);letter-spacing:-.06em;font-weight:500}.hero h1 em{color:var(--accent-light)}.hero-dot{color:var(--sun)}.hero-lead{color:#aaa59d;max-width:450px;margin:0;font-size:clamp(14px,1.2vw,17px);line-height:1.65}.hero-actions{align-items:center;gap:28px;margin-top:43px;display:flex}.button{border:1px solid #0000;justify-content:space-between;align-items:center;gap:35px;min-height:44px;padding:16px 19px;font-size:11px;transition:transform .25s,background .25s,color .25s;display:inline-flex}.button span{color:var(--accent-light);font-size:16px;line-height:0;transition:transform .25s}.button:hover{transform:translateY(-3px)}.button:hover span{transform:translate(3px,-3px)}.button-dark{background:var(--accent);color:#1a130f}.button-dark:hover{background:var(--accent-light)}.button-light{background:var(--cream);color:var(--ink)}.button-light:hover{background:#fff}.hero .text-link{color:#c9c3b9}.hero .text-link:hover{color:var(--cream)}.hero-visual{justify-self:end;width:min(42vw,590px);height:min(58vw,650px);min-height:530px;position:relative}.visual-glow{aspect-ratio:1;filter:blur(2px);background:radial-gradient(circle,#f06b3c52,#f06b3c14 32%,#0000 67%);border-radius:50%;width:80%;position:absolute;top:14%;left:9%}.visual-orbit{pointer-events:none;border:1px solid #f06b3c61;border-radius:50%;position:absolute}.orbit-one{aspect-ratio:1;width:100%;animation:24s linear infinite orbit-spin;top:7%;left:0;transform:rotate(23deg)scaleY(.59)}.orbit-two{aspect-ratio:1;border-color:#f3bd644f;width:77%;animation:17s linear infinite reverse orbit-spin;top:18.5%;left:11.5%;transform:rotate(-37deg)scaleY(.57)}@keyframes orbit-spin{to{rotate:360deg}}.portrait-card{background:#29231d;width:51%;height:69%;position:absolute;top:14%;left:25%;overflow:hidden;transform:rotate(4deg);box-shadow:35px 50px 90px #00000073}.portrait-card:before{content:"";z-index:1;background:linear-gradient(#11100e0f,#11100e3b 70%,#11100ebf);position:absolute;inset:0}.portrait-card img{object-fit:cover;object-position:55% 42%;filter:saturate(.78)contrast(1.05);width:100%;height:100%}.portrait-caption{z-index:2;color:#f3efe8;position:absolute;bottom:19px;left:20px;right:20px}.portrait-caption span{font:8px var(--mono);letter-spacing:.15em;color:#d9b49d;text-transform:uppercase;display:block}.portrait-caption strong{font:21px/.98 var(--serif);margin-top:6px;display:block}.visual-badge{z-index:3;color:var(--ink);background:var(--sun);font:8px var(--mono);letter-spacing:.13em;align-items:center;gap:7px;padding:10px 12px;display:flex;position:absolute;top:13%;right:-7%;transform:rotate(-7deg);box-shadow:10px 15px 25px #0003}.visual-badge b{opacity:.5;font-weight:400}.visual-cross{z-index:2;color:var(--accent-light);font:25px var(--mono);position:absolute}.cross-one{top:6%;left:4%}.cross-two{color:var(--sun);bottom:12%;right:7%}.visual-coordinate,.visual-index{color:var(--on-dark-muted);font:9px var(--mono);letter-spacing:.12em;position:absolute}.visual-coordinate{transform-origin:0 0;bottom:18%;left:2%;transform:rotate(-90deg)}.visual-index{bottom:7%;right:0}.hero-bottom{z-index:1;justify-content:space-between;align-items:end;display:flex;position:relative}.hero-note{color:var(--on-dark-muted);font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:11px;display:flex}.hero-note b{color:var(--accent-light);font-size:18px;font-weight:400;animation:1.7s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(6px)}}.hero-metrics{gap:clamp(22px,4vw,70px);display:flex}.hero-metrics>div{align-items:end;gap:10px;display:flex}.hero-metrics strong{font:400 31px/1 var(--sans);letter-spacing:-.08em}.hero-metrics strong span{color:var(--accent-light)}.hero-metrics small{color:var(--on-dark-muted);font:9px/1.3 var(--mono);text-transform:uppercase}.marquee{z-index:2;color:var(--ink);background:var(--sun);border-bottom:1px solid #11100e24;padding:17px 0;position:relative;overflow:hidden}.marquee-track{--marquee-end-x:-50%;width:max-content;font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;will-change:transform;animation:27s linear infinite marquee;display:flex}.marquee-group{flex:none;align-items:center;gap:23px;padding-right:23px;display:flex}.marquee-track b{color:var(--accent);font-size:15px;font-weight:400}@keyframes marquee{to{transform:translate3d(var(--marquee-end-x), 0, 0)}}.marquee-track.is-paused{animation-play-state:paused}.section-shell{padding-left:clamp(20px,5vw,80px);padding-right:clamp(20px,5vw,80px)}.projects{background:var(--cream);padding-top:151px;padding-bottom:130px}.section-heading,.process-head{justify-content:space-between;gap:40px;display:flex}.section-no{color:var(--muted-dark)}.section-heading h2,.process-head h2,.services-intro h2,.contact-copy h2{font:500 clamp(43px, 6.1vw, 93px)/.95 var(--sans);letter-spacing:-.075em;margin:30px 0 0}.section-heading h2 em,.process-head h2 em{color:var(--muted-dark)}.heading-side{max-width:260px;color:var(--muted-dark);margin-top:45px;font-size:12px;line-height:1.65}.heading-side p{margin:0 0 22px}.live-label{color:var(--ink);font:9px var(--mono);letter-spacing:.13em;text-transform:uppercase;align-items:center;display:inline-flex}.live-label i{width:5px;height:5px;margin-right:7px}.filter-bar{border-bottom:1px solid var(--line-dark);gap:3px;margin:77px 0 27px;display:flex}.filter-button{min-height:44px;color:var(--muted-dark);background:0 0;border:0;border-bottom:2px solid #0000;margin-right:23px;padding:0 20px 10px 0;font-size:12px;transition:color .2s,border-color .2s}.filter-button span{color:var(--muted-dark);font:9px var(--mono);margin-left:5px;display:inline-block}.filter-button:hover,.filter-button.is-active{color:var(--ink);border-color:var(--accent)}.filter-button.is-active span{color:var(--accent-ink)}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.project-card{isolation:isolate;background:var(--ink);border-radius:0;min-width:0;min-height:320px;position:relative}.projects-grid.is-layout-managed{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(220px,21vw,310px)}.projects-grid.is-layout-managed .project-card:not(.is-hidden){grid-column:var(--project-column,auto) / span var(--project-col-span,6);grid-row:var(--project-row,auto) / span var(--project-row-span,1);min-height:0}.projects-grid[data-visible-count="1"]{max-width:900px;margin-inline:auto}.project-card.is-hidden,.project-card.is-mobile-hidden{display:none}.project-visual{border-radius:inherit;isolation:isolate;background:var(--ink-soft);position:absolute;inset:0;overflow:hidden}.project-visual:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0a0a093d,#0000 35%,#0a0a0947 55%,#0a0a09eb);position:absolute;inset:0}.project-cover{object-fit:cover;width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.75,.2,1)}.project-cover--aura{object-position:52% center}.project-open{z-index:4;border-radius:inherit;background:0 0;border:0;position:absolute;inset:0}.project-open:focus-visible{outline:3px solid var(--accent-ink);outline-offset:5px}.project-number{z-index:2;color:#fff;font:11px var(--mono);letter-spacing:.1em;text-shadow:0 1px 8px #000;position:absolute;top:22px;left:24px}.project-signal{z-index:2;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:50px;height:50px;color:var(--ink);background:var(--sun);border:0;border-radius:0;place-items:center;font-size:20px;transition:background .25s,color .25s,transform .25s;display:grid;position:absolute;top:16px;right:16px}.project-overlay-label,.project-arrow{display:none}.project-meta{z-index:2;color:#fff;pointer-events:none;padding:clamp(22px,2.5vw,36px);position:absolute;bottom:0;left:0;right:0}.project-category{color:#e0ddd6;font:10px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase}.project-meta h3{max-width:22ch;font:600 clamp(23px, 2.4vw, 36px)/1.12 var(--sans);letter-spacing:-.045em;overflow-wrap:anywhere;text-wrap:balance;margin:9px 0 0}@media (hover:hover) and (pointer:fine){.project-card:hover .project-cover{transform:scale(1.045)}.project-card:hover .project-signal{background:var(--accent-light);color:var(--ink);border-color:var(--sun);transform:translate(2px,-2px)}}.project-card:focus-within .project-signal{background:var(--sun);color:var(--ink)}.project-image-aion{background:radial-gradient(at 50% 40%,#394526,#0b0d0b 72%)}.aion-orb{aspect-ratio:1;color:#e5f0bc;width:clamp(130px,15vw,220px);font:11px var(--mono);letter-spacing:.16em;background:radial-gradient(circle at 37% 32%,#d9ee91,#65752b 8%,#242d16 30%,#0c0f0b 68%);border-radius:50%;place-items:center;display:grid;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 80px #b2d64a47,inset 0 0 30px #000}.aion-orb:before,.aion-orb:after{content:"";border:1px solid #cbe87359;border-radius:50%;position:absolute}.aion-orb:before{inset:-21%;transform:rotate(30deg)scaleY(.4)}.aion-orb:after{inset:-34%;transform:rotate(-27deg)scaleY(.26)}.projects-empty{color:var(--muted-dark);font:12px var(--mono);padding:60px 0;display:none}.projects-empty.is-visible{display:block}.projects-more,.projects-more[hidden]{display:none}.projects-foot{border-top:1px solid var(--line-dark);color:var(--muted-dark);font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:73px;padding-top:20px;display:flex}.projects-foot .text-link{color:var(--ink);text-transform:none;letter-spacing:0}.services{background:var(--ink);color:var(--cream);position:relative;overflow:hidden}.services:before{content:"";pointer-events:none;background:radial-gradient(circle,#f06b3c36,#0000 63%);border-radius:50%;width:65vw;height:65vw;position:absolute;top:-24vw;right:-20vw}.services-grid{z-index:1;grid-template-columns:minmax(250px,.82fr) minmax(420px,1.18fr);gap:clamp(65px,10vw,180px);padding-top:155px;padding-bottom:130px;display:grid;position:relative}.section-no-light{color:var(--on-dark-muted)}.services-intro h2{margin-top:31px}.services-intro h2 em{color:var(--accent-light)}.services-lead{color:#99938a;max-width:300px;margin:43px 0 0;font-size:13px;line-height:1.75}.service-tags{flex-wrap:wrap;gap:8px;max-width:280px;margin-top:42px;display:flex}.service-tags span{color:#aca69d;border:1px solid var(--line);font:8px var(--mono);letter-spacing:.1em;padding:8px 9px}.service-list{border-top:1px solid var(--line)}.service-row{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--cream);text-align:left;background:0 0;grid-template-columns:48px 1fr 38px;align-items:start;gap:18px;padding:25px 0 23px;display:grid}.service-index{color:var(--on-dark-muted);font:10px var(--mono)}.service-copy strong{font:500 clamp(20px, 2.15vw, 30px)/1.15 var(--sans);letter-spacing:-.055em;transition:color .2s;display:block}.service-copy small{color:#b5afa6;max-width:490px;margin-top:13px;font-size:13px;line-height:1.65;display:none}.service-row.is-open .service-copy small{animation:.3s cubic-bezier(.2,.8,.2,1) service-detail-in;display:block}@keyframes service-detail-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.service-row:hover .service-copy strong,.service-row.is-open .service-copy strong{color:var(--accent-light)}.service-toggle{width:34px;height:34px;color:var(--accent-light);border:1px solid var(--line);place-items:center;font-size:16px;transition:background .2s,color .2s,transform .3s;display:grid}.service-row.is-open .service-toggle{color:var(--ink);background:var(--sun);transform:rotate(45deg)}.services-note{z-index:1;border-top:1px solid var(--line);color:var(--on-dark-muted);font:10px var(--mono);letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:17px clamp(20px,5vw,80px);display:flex;position:relative}.services-note b{color:var(--accent-light);font-size:16px;font-weight:400}.process{background:var(--cream);padding-top:151px;padding-bottom:158px}.process-head{align-items:end}.process-head>p{max-width:290px;color:var(--muted-dark);margin:0 8% 4px 0;font-size:12px;line-height:1.7}.about-grid{grid-template-columns:minmax(280px,.77fr) minmax(380px,1.23fr);align-items:center;gap:clamp(40px,9vw,145px);margin-top:105px;display:grid}.about-photo{background:#beb8ae;min-height:570px;position:relative;overflow:hidden}.about-photo:after{content:"";background:linear-gradient(#0000 40%,#11100eb3);position:absolute;inset:0}.about-photo img{object-fit:cover;object-position:54% 42%;filter:saturate(.73)contrast(1.05);width:100%;height:100%;min-height:570px}.photo-stamp{z-index:2;color:var(--cream);position:absolute;bottom:22px;left:23px}.photo-stamp span{font:8px var(--mono);letter-spacing:.15em;display:block}.photo-stamp strong{color:var(--sun);font:italic 25px var(--serif);margin:4px 0 1px;display:block}.photo-index{z-index:2;color:#f3efe8d1;font:8px var(--mono);letter-spacing:.12em;position:absolute;top:18px;right:18px}.process-copy{padding:5px 0}.about-kicker{color:var(--accent-ink);font:10px var(--mono);letter-spacing:.13em;text-transform:uppercase;margin:0}.process-copy h3{font:500 clamp(28px, 3.1vw, 50px)/1.03 var(--sans);letter-spacing:-.07em;margin:27px 0 25px}.process-copy h3 em{color:var(--muted-dark)}.about-text{max-width:480px;color:var(--muted-dark);margin:0;font-size:13px;line-height:1.75}.process-steps{border-top:1px solid var(--line-dark);margin-top:51px}.process-steps>div{border-bottom:1px solid var(--line-dark);grid-template-columns:42px 1fr 1fr;align-items:baseline;gap:14px;padding:14px 0;display:grid}.process-steps span{color:var(--accent-ink);font:10px var(--mono)}.process-steps strong{font-size:12px}.process-steps small{color:var(--muted-dark);font-size:10px}.contact{color:var(--cream);background:var(--accent);position:relative;overflow:hidden}.contact:before{content:"";border:1px solid #11100e33;border-radius:50%;width:75vw;height:75vw;position:absolute;top:-30vw;right:-33vw;box-shadow:0 0 0 65px #11100e09,0 0 0 130px #11100e08,0 0 0 195px #11100e06}.contact-grid{z-index:1;grid-template-columns:minmax(300px,.85fr) minmax(390px,1.15fr);gap:clamp(55px,10vw,180px);padding-top:153px;padding-bottom:120px;display:grid;position:relative}.contact-copy h2{color:var(--ink)}.contact-copy h2 em{color:var(--cream)}.contact-copy>p:not(.section-no){color:#11100ed6;max-width:320px;margin:45px 0 0;font-size:14px;line-height:1.7}.contact-aside{color:#11100ed1;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:27px;margin-top:62px;display:flex}.contact-aside i{color:var(--ink);font:22px var(--sans)}.contact-form{padding:26px 0 0}.contact-form label{border-bottom:1px solid #11100e61;margin-bottom:31px;display:block}.contact-form label>span{color:#11100ed6;font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;display:block}.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:44px;color:var(--ink);resize:vertical;background:0 0;border:0;border-radius:0;padding:11px 0 13px;font-size:16px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#11100ec7}.contact :where(a,button,input,select,textarea):focus-visible{outline-color:var(--ink)}.contact-form select{appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cpath d='m1 1 4.5 4.5L10 1' fill='none' stroke='%2311100e' stroke-width='1'/%3E%3C/svg%3E") right 3px center/11px no-repeat}.contact-form .button{border:0;margin-top:5px}.form-status{color:#11100ebf;max-width:420px;font:10px/1.6 var(--mono);margin:19px 0 0;display:none}.form-status.is-visible{display:block}.site-footer{z-index:1;color:#11100ed6;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;border-top:1px solid #11100e45;justify-content:space-between;align-items:center;padding-top:24px;padding-bottom:25px;display:flex;position:relative}.site-footer .brand{color:var(--ink);text-transform:none;letter-spacing:0}.site-footer .brand-name small{color:#11100ed6}.site-footer>div{gap:22px;display:flex}.site-footer a{align-items:center;min-width:44px;min-height:44px;display:inline-flex}.site-footer a:hover{color:var(--ink)}.preview-modal{z-index:120;justify-content:center;align-items:center;padding:clamp(12px,3vw,40px);display:none;position:fixed;inset:0}.preview-modal.is-open{display:flex}.preview-backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#11100ec9;position:absolute;inset:0}.preview-dialog{z-index:1;background:var(--cream);width:min(1220px,100%);max-height:calc(100svh - 32px);color:var(--ink);padding:clamp(18px,2.3vw,32px);animation:.35s cubic-bezier(.2,.8,.2,1) modal-in;position:relative;overflow:auto;box-shadow:0 30px 100px #00000073}@keyframes modal-in{0%{opacity:0;transform:translateY(22px)scale(.98)}to{opacity:1;transform:none}}.preview-header{justify-content:space-between;align-items:start;gap:20px;padding-bottom:21px;display:flex}.preview-kicker{color:var(--accent-ink);font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase}.preview-header h2{font:600 clamp(24px, 3vw, 40px)/1 var(--sans);letter-spacing:-.06em;margin:9px 0 0}.preview-header p{color:var(--muted-dark);font:9px var(--mono);letter-spacing:.06em;margin:8px 0 0}.preview-actions{align-items:center;gap:25px;display:flex}.preview-external{min-height:44px;color:var(--accent-ink);font:10px var(--mono);white-space:nowrap;align-items:center;display:inline-flex}.preview-close{border:1px solid var(--line-dark);width:44px;height:44px;color:var(--ink);background:0 0;place-items:center;font-size:26px;line-height:1;transition:background .2s,color .2s;display:grid}.preview-close:hover{background:var(--ink);color:var(--cream)}.browser-frame{border:1px solid var(--line-dark);background:#fff;overflow:hidden}.browser-bar{color:#5d5852;background:#e7e2db;border-bottom:1px solid #ddd9d1;grid-template-columns:60px 1fr 60px;align-items:center;height:35px;display:grid}.browser-bar>span{gap:5px;padding-left:12px;display:flex}.browser-bar i{background:#c2bbb1;border-radius:50%;width:7px;height:7px}.browser-bar small{font:8px var(--mono);background:#ffffff8c;border-radius:30px;justify-self:center;padding:5px 19px}.browser-bar b{color:var(--accent);justify-self:end;padding-right:15px;font-weight:400}.browser-screen{background:#faf9f7;height:min(69vh,790px);position:relative}.browser-screen iframe{opacity:0;background:#fff;border:0;width:100%;height:100%;transition:opacity .4s;display:block}.browser-screen iframe.is-loaded{opacity:1}.frame-loader{z-index:1;text-align:center;color:var(--muted-dark);background:var(--cream);font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;place-content:center;gap:14px;transition:opacity .35s;display:grid;position:absolute;inset:0}.frame-loader i{border:1px solid #cbc4ba;border-top-color:var(--accent);border-radius:50%;justify-self:center;width:23px;height:23px;animation:1s linear infinite loader-spin}@keyframes loader-spin{to{rotate:360deg}}.frame-loader.is-hidden{opacity:0;pointer-events:none}.preview-hint{color:var(--muted-dark);font:9px var(--mono);margin:14px 0 0}.reveal{opacity:0;transition:opacity .85s,transform .85s cubic-bezier(.2,.8,.2,1);transform:translateY(28px)}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}@media (max-width:940px){.main-nav{gap:16px;margin-right:24px}.main-nav a span{display:none}.hero-layout{grid-template-columns:minmax(0,1fr) 360px;gap:20px}.hero h1{font-size:clamp(53px,9vw,87px)}.hero-visual{width:360px;height:560px;min-height:0}.projects-grid,.projects-grid.is-layout-managed{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(300px,38vw,380px);gap:16px}.projects-grid[data-visible-count="1"]{max-width:640px}.projects-grid.is-layout-managed .project-card:not(.is-hidden){grid-area:span 1/span 1}.projects-grid[data-unpaired=true] .project-card.is-last-visible:not(.is-hidden){grid-column:1/-1}.services-grid,.contact-grid{gap:60px}.process-head>p{margin-right:0}}@media (max-width:840px) and (min-width:721px){.services-grid,.contact-grid,.about-grid{grid-template-columns:minmax(0,1fr);gap:72px}.services-intro,.contact-copy{max-width:620px}.service-list,.contact-form{width:100%;max-width:none}.contact-form{padding-top:0}}@media (max-width:720px){.site-header{height:68px}.main-nav{border-bottom:1px solid var(--line);background:#11100ef7;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:17px 20px 23px;transition:transform .35s;display:flex;position:fixed;inset:68px 0 auto;transform:translateY(-130%)}.main-nav.is-open{transform:translateY(0)}.main-nav a{color:var(--cream);border-bottom:1px solid var(--line);justify-content:space-between;padding:15px 0;font-size:14px;display:flex}.main-nav a span{color:var(--accent-light);display:inline}.header-cta{display:none}.menu-toggle{display:block}.hero{min-height:auto;padding-top:112px;padding-bottom:27px}.hero-topline{font-size:8px}.status{display:none}.hero-layout{min-height:0;display:block}.hero-copy{z-index:3;position:relative}.hero h1{margin-top:20px;font-size:clamp(52px,15vw,78px)}.hero-lead{max-width:340px;font-size:16px}.hero-actions{gap:19px;margin-top:31px}.button{gap:22px;padding:14px 15px}.hero-visual{opacity:.82;width:min(100%,360px);height:445px;margin:-24px -7px -9px auto}.portrait-card{height:78%;top:9%}.visual-badge{top:8%;right:0}.visual-coordinate{bottom:12%}.hero-bottom{display:block}.hero-note{margin-bottom:22px}.hero-metrics{border-top:1px solid var(--line);justify-content:space-between;gap:8px;padding-top:18px}.hero-metrics strong{font-size:25px}.hero-metrics small,.marquee-track{font-size:9px}.projects,.process{padding-top:92px;padding-bottom:85px}.section-heading,.process-head{display:block}.section-heading h2,.process-head h2,.services-intro h2,.contact-copy h2{font-size:clamp(42px,13vw,66px)}.heading-side{max-width:335px;margin-top:28px;font-size:16px}.filter-bar{scrollbar-width:none;margin-top:55px;padding-bottom:1px;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.filter-button{flex:none;min-width:44px;margin-right:17px;padding-right:0;font-size:13px}.projects-grid,.projects-grid.is-layout-managed{grid-template-columns:minmax(0,1fr);grid-auto-rows:clamp(300px,88vw,460px);gap:16px;display:grid}.project-card{min-height:0;margin:0}.project-meta{padding:24px}.project-meta h3{font-size:clamp(25px,6vw,34px)}.projects-more{border:0;border-bottom:1px solid var(--line-dark);min-height:48px;color:var(--ink);font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase;background:0 0;align-items:center;gap:13px;margin:8px 0 0;padding:0 0 10px;display:inline-flex}.projects-more:not([hidden]):hover,.projects-more-count{color:var(--accent-ink)}.projects-more>span:last-child{color:var(--accent-ink);font-size:17px;transition:transform .25s}.projects-more[aria-expanded=true]>span:last-child{transform:rotate(180deg)}.projects-foot{margin-top:25px;line-height:1.8;display:block}.projects-foot .text-link{margin-top:19px;display:block}.services-grid,.contact-grid{padding-top:91px;padding-bottom:85px;display:block}.services-lead{margin-top:28px;font-size:16px}.service-tags{margin-top:30px}.service-list{margin-top:62px}.service-row{grid-template-columns:28px 1fr 34px;gap:9px;padding:20px 0}.service-copy strong{font-size:19px}.service-copy small{font-size:15px}.services-note{font-size:10px}.process-head>p{max-width:335px;margin-top:28px;font-size:16px}.about-grid{margin-top:60px;display:block}.about-photo,.about-photo img{min-height:430px}.process-copy{margin-top:51px}.process-copy h3{font-size:30px}.about-text{font-size:16px;line-height:1.7}.process-steps{margin-top:39px}.process-steps>div{grid-template-columns:34px 1fr;gap:8px}.process-steps small{grid-column:2}.contact-copy>p:not(.section-no){margin-top:30px;font-size:16px}.contact-aside{margin-top:33px}.contact-form{margin-top:54px;padding-top:0}.site-footer{grid-template-columns:1fr auto;gap:27px 10px;font-size:8px;display:grid}.site-footer>p{text-align:right;justify-self:end}.site-footer>div{grid-column:1/-1;justify-content:space-between}.preview-modal{padding:0;overflow:hidden}.preview-dialog{flex-direction:column;width:100%;height:100%;max-height:100%;padding:16px;display:flex;overflow:hidden}.preview-header{flex:none;padding-bottom:15px}.preview-actions{gap:11px}.preview-external{min-height:36px;font-size:9px;display:inline-flex}.browser-frame{flex-direction:column;flex:auto;min-height:0;display:flex}.preview-header h2{font-size:24px}.browser-screen{flex:auto;height:auto;min-height:0}.preview-hint{flex:none;margin-bottom:0;line-height:1.4}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.visual-orbit,.marquee-track,.frame-loader i,.preview-dialog,.service-row.is-open .service-copy small{animation:none}.reveal{opacity:1;transition:none;transform:none}.main-nav,.project-visual,.project-cover,.project-signal,.service-toggle,.preview-backdrop,.preview-close,.browser-screen iframe,.frame-loader{transition:none}}@media (pointer:coarse){.cursor-glow{display:none}}
