@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{--ink:#17161d;--paper:#f1efe9;--muted:#8d8a91;--line:rgba(23,22,29,.18);--accent:#6d4ce8;--dark:#14131a;--light:#f8f7f3;--sans:'DM Sans',Arial,sans-serif;--serif:'Playfair Display',Georgia,serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.45}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.section-wrap{padding-left:clamp(24px,6vw,96px);padding-right:clamp(24px,6vw,96px)}.site-header{position:sticky;top:0;z-index:10;height:78px;padding:18px clamp(24px,6vw,96px);display:flex;align-items:center;justify-content:space-between;background:rgba(20,19,26,.96);color:#fff}.brand img{width:116px;height:auto;}.site-nav{display:flex;gap:28px;font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.08em}.site-nav a{opacity:.72;transition:opacity .2s}.site-nav a:hover,.site-nav a:focus{opacity:1}.menu-toggle{display:none;background:none;border:0;color:#fff;font:500 11px var(--mono);text-transform:uppercase}.hero{background:var(--dark);color:#fff;padding-top:clamp(70px,12vw,170px);padding-bottom:clamp(90px,14vw,190px);min-height:680px}.eyebrow,.section-label{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase}.eyebrow{color:#aaa6b2}.eyebrow span{color:var(--accent);margin-left:24px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 33%;gap:8vw;margin-top:52px}.hero h1,.intro h2,.services h2,.contact h2{font-size:clamp(48px,8vw,120px);font-weight:500;letter-spacing:-.06em;line-height:.96;margin:0;max-width:900px}.hero h1 em,.intro h2 em,.services h2 em,.contact h2 em{font-family:var(--serif);font-weight:500}.hero-copy{max-width:450px;color:#aaa6b2;font-size:18px;margin:34px 0}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;gap:20px;border:1px solid currentColor;padding:14px 18px;font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.05em;transition:background .2s,color .2s}.button:hover{background:var(--accent);border-color:var(--accent)}.text-link{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.06em}.text-link span,.button span,.contact-link span{color:var(--accent);font-size:18px;margin-left:8px}.hero-mark{align-self:end;color:var(--accent);font:500 clamp(42px,7vw,95px) var(--serif);transform:rotate(-8deg);opacity:.9}.hero-mark i{display:block;color:#7f7a8b;font:400 clamp(12px,1.5vw,18px) var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-left:32px}.intro,.services,.work,.contact{padding-top:clamp(84px,12vw,170px);padding-bottom:clamp(84px,12vw,170px)}.section-label{display:flex;gap:28px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}.section-label span:first-child{color:var(--accent)}.intro-grid,.services-intro,.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;margin-top:52px}.intro-grid p,.services-intro p{max-width:340px;color:#69666e;font-size:18px;margin:10px 0}.services{background:#e6e3dc}.services h2{font-size:clamp(42px,6vw,84px)}.service-group{margin-top:72px}.group-heading{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:14px}.group-heading h3{font:500 18px var(--mono);letter-spacing:.05em;text-transform:uppercase;margin:0}.group-heading span{font:11px var(--mono);color:var(--muted);text-transform:uppercase}.service-card{display:grid;grid-template-columns:80px minmax(0,1fr);gap:20px;border-bottom:1px solid var(--line);padding:30px 0}.service-card__number{font:500 12px var(--mono);color:var(--accent)}.service-card__category{font:500 10px var(--mono);color:var(--muted);letter-spacing:.1em;margin:0 0 9px}.service-card__heading-row{display:flex;justify-content:space-between;align-items:baseline;gap:24px}.service-card h4{font-size:clamp(24px,3vw,42px);font-weight:500;letter-spacing:-.04em;margin:0}.service-card__price{color:var(--accent);font:500 16px var(--mono);white-space:nowrap;margin:0}.service-card__description{color:#69666e;margin:10px 0 16px}.service-card__features{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;padding:0;margin:0;color:#4f4c55;font:11px var(--mono)}.service-card__features li:before{content:'+';color:var(--accent);margin-right:7px}.service-card__action{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:var(--accent);font:500 11px var(--mono);letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid rgba(109,76,232,.4);padding-bottom:5px}.service-card__action span{font-size:16px}.service-card__action:hover,.service-card__action:focus-visible{color:var(--ink);border-color:var(--ink)}.work{background:var(--dark);color:#fff}.work .section-label{border-color:rgba(255,255,255,.18);color:#aaa6b2}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}.work figure{margin:0}.work figure:nth-child(2){margin-top:55px}.work img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.8)}.work figcaption{display:flex;justify-content:space-between;gap:10px;padding-top:12px;font:11px var(--mono);text-transform:uppercase}.work figcaption span{color:#8e8997}.statement{padding-top:clamp(100px,14vw,190px);padding-bottom:clamp(100px,14vw,190px)}.statement-line{height:1px;background:var(--line);margin-bottom:28px}.statement p{font-size:clamp(28px,4vw,56px);letter-spacing:-.04em;max-width:840px}.statement .text-link{display:inline-block;margin-top:22px}.contact{background:var(--accent);color:#fff}.contact .section-label{border-color:rgba(255,255,255,.35);color:rgba(255,255,255,.7)}.contact .section-label span:first-child{color:#fff}.contact h2{font-size:clamp(46px,7vw,100px)}.contact-link{font:500 clamp(20px,2.5vw,32px) var(--mono);align-self:end;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:14px}.contact-link span{color:#fff}.site-footer{background:var(--dark);color:#fff;padding-top:50px;padding-bottom:50px;display:flex;justify-content:space-between;align-items:flex-end}.site-footer img{width:126px;;margin-bottom:20px}.site-footer p{color:#8e8997;font:11px var(--mono);line-height:1.8;margin:0}.site-footer .button{margin-bottom:4px}@media(max-width:760px){.site-header{height:68px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:68px;left:0;right:0;padding:20px 24px 26px;background:var(--dark);flex-direction:column;gap:18px}.site-nav.is-open{display:flex}.hero-grid,.intro-grid,.services-intro,.contact-grid{grid-template-columns:1fr;gap:42px}.hero-mark{justify-self:end}.hero-actions{flex-wrap:wrap}.service-card{grid-template-columns:38px 1fr}.service-card__heading-row{display:block}.service-card__price{margin-top:9px}.work-grid{grid-template-columns:1fr 1fr}.work figure:nth-child(2){margin-top:0}.work figure:nth-child(3){grid-column:1/-1;width:70%}.site-footer{display:block}.site-footer .button{margin-top:36px}}@media(max-width:460px){.eyebrow span{display:block;margin:8px 0 0}.hero h1{font-size:52px}.work-grid{grid-template-columns:1fr}.work figure:nth-child(3){grid-column:auto;width:auto}.hero{min-height:620px}.section-wrap{padding-left:20px;padding-right:20px}}
