@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#181d1c;--bg:#f1f0ec;--paper:#e6e7e2;--white:#fff;--accent:#be4b31;--muted:#666c68;--line:#c7cac4;--font:'Manrope',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--ink);background:var(--bg);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}::selection{background:var(--accent);color:white}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d95d3c;outline-offset:4px}.progress{height:3px;background:var(--accent);position:fixed;z-index:150;top:0;left:0;width:0;pointer-events:none}.demo-ribbon{font-size:10px;letter-spacing:.17em;text-align:center;padding:7px 12px;background:var(--accent);color:white;font-weight:700}.site-header{position:absolute;top:27px;z-index:40;width:100%;height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5.2%;color:#fff;border-bottom:1px solid #ffffff55}.brand{font-family:var(--font);font-weight:800;font-size:31px;letter-spacing:-.08em;line-height:.85;display:inline-block;white-space:nowrap}.brand-point{color:#e47b57}.brand small{display:block;font-family:var(--body);font-size:8px;letter-spacing:.42em;margin-top:12px;font-weight:500}.nav{display:flex;gap:36px;margin-left:5%}.nav a,.header-contact{font-size:12px;font-weight:700;transition:opacity .2s}.nav a:hover,.header-contact:hover{opacity:.6}.header-contact{padding:12px 0;border-bottom:1px solid #fff9;white-space:nowrap}.header-contact span{margin-left:12px;font-size:18px}.menu-toggle{display:none}.hero{min-height:790px;height:calc(100svh - 27px);max-height:1050px;color:white;position:relative;background:#1d2523;overflow:hidden}.hero-image{position:absolute;inset:0;background:linear-gradient(120deg,#202a28aa 0%,#2228 20%,transparent 67%),url('assets/hero.svg') center 42%/cover no-repeat;transform:scale(1.045);animation:heroIn 1.4s ease-out forwards}@keyframes heroIn{to{transform:scale(1)}}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#111c1bd9 0%,#11201f7c 44%,#1823200c 90%),linear-gradient(0deg,#111917bd 0%,transparent 50%)}.hero-top-meta{position:absolute;top:154px;left:5.2%;right:5.2%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em;font-weight:700;opacity:.83}.hero-content{position:absolute;left:5.2%;right:5.2%;bottom:8.3%}.eyebrow{font-size:11px;letter-spacing:.23em;font-weight:700}.eyebrow.light{color:#f6f4ef}.spark{display:inline-block;width:8px;height:8px;background:#d65c3d;transform:rotate(45deg);margin-right:11px}.hero h1,.intro h2,.section-title-row h2,.services h2,.process-title,.contact h2{font-family:var(--font);font-size:clamp(64px,9vw,148px);letter-spacing:-.096em;font-weight:800;line-height:.94;margin:27px 0 40px}.hero h1 em,.intro h2 em,.section-title-row h2 em,.services h2 em,.process-title em,.contact h2 em{font-style:normal;font-weight:400;letter-spacing:-.11em}.hero-dot{color:#df6444}.hero-bottom{max-width:570px;display:flex;justify-content:space-between;align-items:end;gap:30px}.hero-bottom p{font-size:16px;line-height:1.7;color:#e8e7df}.circle-link{border:1px solid #fff9;border-radius:50%;width:72px;height:72px;display:grid;place-items:center;font-size:32px;transition:background .2s,color .2s,transform .2s}.circle-link:hover{background:white;color:var(--ink);transform:rotate(45deg)}.hero-rail{position:absolute;right:3%;bottom:12%;writing-mode:vertical-rl;display:flex;align-items:center;gap:18px;font-size:10px;letter-spacing:.1em}.hero-rail div{height:72px;width:1px;background:#fff7}.section-pad{padding:114px 5.2%}.section-head{display:flex;justify-content:space-between;gap:20px;padding-bottom:28px;border-bottom:1px solid var(--line)}.index-label,.head-aside{font-size:11px;letter-spacing:.1em;font-weight:700}.index-label{display:flex;align-items:center;gap:12px}.red-line{width:26px;height:2px;background:var(--accent)}.head-aside{color:#737b75}.intro-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:7%;padding:72px 0 87px}.intro h2{font-size:clamp(59px,6.8vw,112px);margin:0}.intro h2 em,.section-title-row em,.services h2 em,.process-title em,.contact h2 em{color:var(--accent)}.mini-square{margin-top:44px;width:67px;height:67px;display:grid;place-items:center;background:var(--accent);color:white;font-size:28px}.intro-copy{padding-top:16px}.intro-copy h3{font-family:var(--font);font-size:clamp(19px,2vw,28px);line-height:1.35;letter-spacing:-.05em;margin:0 0 29px}.intro-copy p{max-width:440px;color:#646b67;line-height:1.9;font-size:15px}.text-link{font-size:12px;letter-spacing:.07em;font-weight:800;display:inline-flex;gap:36px;align-items:center;border-bottom:1px solid var(--ink);padding:17px 0;margin-top:18px}.text-link span{font-size:21px}.stats{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.stats>div{padding:38px 12px 12px 0}.stats>div+div{border-left:1px solid var(--line);padding-left:35px}.stats strong{font-family:var(--font);display:block;font-weight:700;letter-spacing:-.08em;font-size:clamp(48px,6vw,93px);line-height:1}.stats strong span{color:var(--accent)}.stats small{font-weight:700;font-size:10px;letter-spacing:.12em;color:#666c67}.fiction-foot{font-size:11px;color:#757b76;margin-top:24px;line-height:1.6}.projects{background:#1b2220;color:white}.projects .section-head{border-bottom-color:#505653}.projects .head-aside{color:#a4ada5}.section-title-row{display:flex;justify-content:space-between;align-items:end;padding:40px 0 45px}.section-title-row h2{font-size:clamp(62px,8vw,128px);margin:0}.section-title-row p{font-size:15px;line-height:1.8;color:#afb6b0;max-width:220px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 29px}.filter{color:#c2c6c1;border:1px solid #5a605b;padding:12px 17px;background:transparent;font-size:11px;font-weight:700;letter-spacing:.06em;transition:all .2s}.filter.active,.filter:hover{background:#e7e9e3;color:#1b2220;border-color:#e7e9e3}.filter span{opacity:.6;margin-left:6px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 24px}.project-card{min-width:0}.project-card[hidden]{display:none}.project-photo{position:relative;aspect-ratio:1.29;overflow:hidden;background:#58625d}.project-photo img{height:100%;width:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .3s;filter:saturate(.7)}.project-card:hover .project-photo img{transform:scale(1.055);filter:saturate(1.05)}.project-arrow{position:absolute;right:20px;top:20px;background:var(--bg);color:var(--ink);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:24px;transition:transform .2s}.project-card:hover .project-arrow{transform:rotate(45deg)}.project-meta{display:flex;justify-content:space-between;gap:20px;align-items:start;padding-top:19px}.project-meta h3{font-family:var(--font);font-size:clamp(21px,2.3vw,33px);letter-spacing:-.06em;margin:0}.project-meta p{color:#b6bdb7;font-size:13px}.project-meta>span{font-size:11px;color:#a8afa9;white-space:nowrap}.projects .fiction-foot{color:#a2aba4}.statement-strip{overflow:hidden;background:#c24e35;color:#f6f0e9;padding:29px 0}.marquee-track{display:flex;width:max-content;gap:0;animation:marquee 28s linear infinite}.marquee-track span{font-family:var(--font);font-weight:800;font-size:clamp(44px,6vw,95px);letter-spacing:-.08em;white-space:nowrap;line-height:1}.marquee-track b{color:#1c2823;font-size:.55em;margin:0 22px;vertical-align:12%}@keyframes marquee{to{transform:translateX(-50%)}}.services-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:8%;padding-top:66px}.services h2{font-size:clamp(58px,6.2vw,108px);margin:0 0 35px}.services-intro>p{color:var(--muted);font-size:15px;max-width:360px;line-height:1.8}.outline-cta{margin-top:32px;border:1px solid var(--ink);display:inline-flex;align-items:center;gap:50px;padding:19px 22px;font-weight:700;font-size:11px;letter-spacing:.08em;transition:background .2s,color .2s}.outline-cta:hover{background:var(--ink);color:white}.outline-cta span{font-size:20px}.service{border-top:1px solid var(--line);padding:27px 0;display:grid;grid-template-columns:42px 1fr 27px;gap:18px}.service:last-child{border-bottom:1px solid var(--line)}.service-number{font-size:12px;color:var(--accent);font-weight:700}.service h3{font-family:var(--font);font-size:clamp(22px,2.2vw,31px);line-height:1.2;letter-spacing:-.05em;margin:0 0 10px}.service p{font-size:13px;line-height:1.7;color:var(--muted);max-width:390px;margin:0}.service-mark{font-size:23px}.process{background:#dfe2dc}.process-title{font-size:clamp(65px,8vw,125px);margin:65px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #b5beb6;border-bottom:1px solid #b5beb6}.step{min-height:320px;padding:35px 28px 24px 0;position:relative}.step+.step{border-left:1px solid #b5beb6;padding-left:26px}.step>span:first-child{font-size:11px;color:#56605a;font-weight:700;letter-spacing:.08em}.step h3{font-family:var(--font);font-size:clamp(22px,2.6vw,38px);letter-spacing:-.07em;margin:47px 0 17px}.step p{color:#616b65;line-height:1.75;font-size:13px;max-width:190px}.step-arrow{position:absolute;bottom:23px;right:25px;font-size:24px;color:var(--accent)}.contact{background:#bd4e35;color:white;position:relative;overflow:hidden}.contact .section-head{border-bottom-color:#efb8aa}.contact .red-line{background:white}.contact .head-aside{color:#f8d1c7}.contact-grid{padding-top:70px;display:grid;grid-template-columns:1fr 1fr;gap:10%;position:relative;z-index:1}.contact h2{font-size:clamp(57px,6vw,101px);margin:0 0 25px}.contact h2 em{color:#532a21}.contact-title>p{font-size:16px;line-height:1.8;max-width:400px}.demo-note{font-size:12px;color:#f2cdc4}.contact-deco{position:absolute;font:800 75vw/.8 var(--font);color:#ffffff0b;right:-8%;top:25%;pointer-events:none}.contact-form{display:grid;gap:20px;padding-top:9px}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form label{display:grid;gap:8px;font-weight:700;font-size:12px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:15px 0;border:0;border-bottom:1px solid #ffffff9c;border-radius:0;background:transparent;color:white;outline-offset:2px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#f4c9bc}.contact-form select option{color:#1a1a1a}.send-btn{padding:20px 24px;border:0;background:#17221f;color:white;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:12px;letter-spacing:.09em;transition:background .2s}.send-btn:hover{background:#283e36}.send-btn span{font-size:22px}.form-status{min-height:22px;font-size:12px;margin:0}.footer{background:#141a18;color:white;padding:70px 5.2% 24px}.footer-top{display:flex;align-items:end;justify-content:space-between;padding-bottom:60px}.footer-brand{font-family:var(--font);font-size:clamp(75px,14vw,230px);line-height:.85;letter-spacing:-.1em;font-weight:800}.footer-brand span{color:var(--accent)}.back-top{border-bottom:1px solid #7b8580;padding:13px 0;font-size:11px;font-weight:700}.footer-bottom{border-top:1px solid #4b5550;display:flex;justify-content:space-between;gap:20px;padding-top:24px;font-size:10px;letter-spacing:.08em;color:#b4bdb7}.request-dialog{max-width:530px;border:0;background:#f1f0ec;padding:35px;color:#18211c;width:calc(100% - 30px);box-shadow:0 40px 100px #0005}.request-dialog::backdrop{background:#08120fbb}.request-dialog h2{font:800 35px/1 var(--font);letter-spacing:-.06em}.request-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 var(--body);background:#e3e5df;padding:20px}.request-dialog p{line-height:1.6}.dialog-close{border:0;background:transparent;float:right;font-size:30px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:1000px){.nav{gap:17px;margin-left:0}.header-contact{display:none}.hero h1{font-size:clamp(63px,10.2vw,100px)}.intro-grid,.services-grid{gap:4%}.steps{grid-template-columns:repeat(2,1fr)}.step:nth-child(3){border-left:0;border-top:1px solid #b5beb6}.step:nth-child(4){border-top:1px solid #b5beb6}}
@media(max-width:700px){.site-header{height:75px;padding:0 6%}.brand{font-size:28px}.menu-toggle{display:flex;width:43px;height:43px;background:none;border:1px solid #ffffff91;flex-direction:column;align-items:center;justify-content:center;gap:7px}.menu-toggle span{width:21px;height:2px;background:white;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.nav{display:none;position:absolute;top:75px;left:0;right:0;padding:28px 6%;background:#18211e;flex-direction:column;gap:21px}.nav.open{display:flex}.nav a{font-size:19px}.hero{height:790px;min-height:650px;max-height:900px}.hero-top-meta{top:123px;flex-direction:column;gap:8px;left:6%}.hero-content{left:6%;right:6%;bottom:9%}.hero h1{font-size:clamp(51px,11vw,82px);margin:22px 0 32px}.hero-bottom{align-items:center}.hero-bottom p{font-size:13px}.circle-link{width:57px;height:57px;flex-shrink:0}.hero-rail{display:none}.section-pad{padding:74px 6%}.section-head{align-items:start}.head-aside{display:none}.intro-grid{grid-template-columns:1fr;padding:51px 0 60px;gap:34px}.intro h2{font-size:clamp(48px,10vw,83px)}.mini-square{display:none}.intro-copy{padding-top:0}.stats{grid-template-columns:repeat(2,1fr)}.stats>div:nth-child(3){border-left:0;border-top:1px solid var(--line);padding-left:0}.stats>div:nth-child(4){border-top:1px solid var(--line)}.stats strong{font-size:60px}.section-title-row{display:block;padding:45px 0 28px}.section-title-row h2{font-size:67px}.section-title-row p{max-width:100%}.project-grid{grid-template-columns:1fr;gap:35px}.project-photo{aspect-ratio:1.35}.filters{gap:7px}.filter{padding:10px;font-size:10px}.services-grid{grid-template-columns:1fr;gap:45px}.services h2,.process-title{font-size:clamp(55px,10vw,84px)}.process-title{margin:50px 0}.steps{grid-template-columns:1fr}.step,.step+.step{border-left:0;border-top:1px solid #b5beb6;padding:27px 15px 27px 0;min-height:225px}.step:first-child{border-top:0}.step h3{margin:27px 0 8px}.step p{max-width:300px}.contact-grid{grid-template-columns:1fr;gap:36px;padding-top:45px}.contact h2{font-size:clamp(54px,11vw,82px)}.input-row{grid-template-columns:1fr}.footer{padding:56px 6% 20px}.footer-brand{font-size:clamp(65px,14vw,105px)}.footer-top{padding-bottom:50px}.footer-bottom{flex-direction:column;font-size:9px}.back-top{font-size:10px}.demo-ribbon{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image,.marquee-track{animation:none}.reveal{opacity:1;transform:none;transition:none}*{scroll-behavior:auto!important}}