:root{
  color-scheme:light;--bg:oklch(95.5% .011 95);--fg:oklch(22% .008 105);--muted:oklch(44% .01 105);--line:oklch(22% .008 105/.19);--accent:oklch(40% .06 110);--button:oklch(22% .008 105);--button-text:oklch(97% .01 95);--section:oklch(91% .014 95);
  --font-display:'Clash Display',sans-serif;--font-body:'Satoshi',sans-serif;--font-serif:'Instrument Serif',serif;
  --xs:clamp(.75rem,.7rem + .15vw,.8125rem);--sm:clamp(.875rem,.8rem + .2vw,.9375rem);--base:clamp(1rem,.9rem + .3vw,1.125rem);--lg:clamp(1.15rem,1rem + .5vw,1.5rem);--heading:clamp(1.75rem,1.25rem + 1.5vw,2.5rem);--page:clamp(2.75rem,1.5rem + 3.5vw,5.5rem);--hero:clamp(4.5rem,2rem + 6vw,8.8rem);
  --s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.25rem;--s6:1.5rem;--s8:2rem;--s10:2.5rem;--s12:3rem;--s16:4rem;--s20:5rem;--s24:6rem;--s32:8rem;
  --gutter:clamp(var(--s6),4.5vw,var(--s20));--ease:cubic-bezier(.22,.75,.18,1);
}
[data-theme="dark"]{color-scheme:dark;--bg:oklch(19% .006 105);--fg:oklch(95% .009 95);--muted:oklch(71% .007 95);--line:oklch(95% .009 95/.17);--accent:oklch(87% .052 110);--button:oklch(90% .046 110);--button-text:oklch(20% .006 105);--section:oklch(23% .006 105)}
[hidden]{display:none!important}body{font:var(--base)/1.6 var(--font-body);background:var(--bg);color:var(--fg);transition:background .3s,color .3s}button,input,select,textarea{font:inherit}h1,h2,h3{font-weight:500}h2{font:500 var(--heading)/1.18 var(--font-display);letter-spacing:-.025em}h3{font:500 var(--lg)/1.3 var(--font-body);margin:0}p{max-width:70ch}ul{padding-left:var(--s5)}li{padding-left:var(--s1);margin-bottom:var(--s2)}button{touch-action:manipulation}a,button{transition:opacity .2s,background .2s,transform .25s}a:active,button:active{transform:translateY(1px)}main:focus{outline:0}
.preview-strip{height:32px;padding-inline:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:var(--s4);font-size:12px;letter-spacing:.06em;background:var(--section);border-bottom:1px solid var(--line);color:var(--muted);position:relative;z-index:25}
.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;padding-inline:var(--gutter);gap:var(--s6);border-bottom:1px solid var(--line);position:relative;z-index:20}
.brand{display:flex;align-items:center;min-height:44px;width:120px;flex:none}.brand svg{width:120px;height:32px}
#primary-nav,.header-actions{display:flex;align-items:center;gap:var(--s8)}#primary-nav{margin-left:var(--s10)}
#primary-nav a,.header-cta{font-size:var(--sm);min-height:44px;display:flex;align-items:center;white-space:nowrap}#primary-nav a:hover{opacity:.65}#primary-nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:8px}
.header-actions{gap:var(--s5)}.header-cta{gap:var(--s8);border-bottom:1px solid currentColor}
.icon-button{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:var(--base)}.icon-button:hover{background:var(--section)}
.menu-toggle,#primary-nav .mobile-contact{display:none}
.eyebrow{font-size:var(--xs);letter-spacing:.11em;font-weight:500;line-height:1.6}
.button{display:inline-flex;justify-content:space-between;align-items:center;gap:var(--s10);padding:var(--s4) var(--s5);min-height:52px;background:var(--button);color:var(--button-text);border:1px solid transparent;font:500 var(--sm)/1.4 var(--font-body)}
.button:hover{transform:translateY(-3px)}.button span{font-size:var(--base)}.button.pale{background:#f4f3e7;color:#191b14}
.text-link{display:inline-flex;align-items:center;gap:var(--s8);min-height:44px;border-bottom:1px solid currentColor;font-size:var(--sm)}
.text-button{background:none;border:0;border-bottom:1px solid currentColor;min-height:44px;padding:0;font-size:var(--sm)}
.home-hero{position:relative;min-height:790px;height:calc(100svh - 128px);max-height:1100px;padding:var(--s20) var(--gutter) var(--s24);overflow:hidden;isolation:isolate}
.hero-copy{position:relative;z-index:3;width:53%;padding-top:clamp(var(--s4),4vh,var(--s16));pointer-events:none}.hero-copy a{pointer-events:auto}.hero-copy .eyebrow{display:flex;align-items:center;gap:var(--s3)}
.status-dot{height:6px;width:6px;background:var(--accent);border-radius:50%;flex:none}
.home-hero h1{font:500 var(--hero)/.97 var(--font-display);letter-spacing:-.055em;margin:var(--s8) 0}.home-hero h1>span{display:block;white-space:nowrap;animation:heading-in 1s var(--ease) both}.home-hero h1>span:last-child{animation-delay:.12s}h1 em{font-family:var(--font-serif);font-weight:400;letter-spacing:-.025em}
.intro{font-size:var(--base);line-height:1.65;color:var(--muted);max-width:350px}.intro strong{font-weight:400;color:var(--fg)}.hero-copy .button{margin-top:var(--s8)}
.hero-note{font-size:var(--xs);color:var(--muted);margin-top:var(--s5)}
.hero-bottom{position:absolute;bottom:var(--s6);left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:var(--s6);border-top:1px solid var(--line);padding-top:var(--s5);font-size:var(--xs);color:var(--muted)}.hero-bottom a{display:flex;align-items:center;gap:var(--s8);min-height:44px}.hero-bottom>span{letter-spacing:.07em}
.section{padding:var(--s24) var(--gutter)}.section-heading>.eyebrow{color:var(--muted);margin-bottom:var(--s6)}.section-heading>p:last-child{margin-top:var(--s6);color:var(--muted);max-width:370px}
.services-teaser{background:var(--section);display:grid;grid-template-columns:.9fr 1.3fr;gap:var(--s24)}
.service-row{display:flex;gap:var(--s6);padding:var(--s6) 0;border-top:1px solid var(--line);align-items:flex-start}.service-row:first-child{padding-top:0;border-top:0}.service-row p{font-size:var(--sm);color:var(--muted);margin-top:var(--s2);max-width:440px}.row-number{font-size:var(--xs);color:var(--muted);padding-top:var(--s1)}.row-arrow{margin-left:auto}.service-row:hover .row-arrow{transform:translate(3px,-3px)}
.work-invitation{position:relative;min-height:530px;display:flex;align-items:center;color:#fbfaf5;isolation:isolate;overflow:hidden}.work-invitation>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.work-invitation::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101710b8,#10171030);z-index:-1}.work-invitation>div{padding:var(--s20) var(--gutter)}.work-invitation h2{font:400 clamp(3rem,2rem + 3vw,5rem)/1 var(--font-serif);margin:var(--s6) 0 var(--s8)}
.process-section>.section-heading{margin-bottom:var(--s12)}.process-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s10)}.process-list article{border-top:1px solid var(--line);padding-top:var(--s6)}.process-list article>span{font-size:var(--xs);color:var(--muted)}.process-list h3{margin:var(--s6) 0 var(--s4)}.process-list p{font-size:var(--sm);color:var(--muted)}
.pricing-strip{padding:var(--s12) var(--gutter);background:var(--section);display:flex;align-items:center;justify-content:space-between;gap:var(--s8)}.pricing-strip .eyebrow{color:var(--muted);margin-bottom:var(--s4)}.pricing-strip h2{font-size:var(--lg)}.pricing-strip>div>span{display:block;font-size:var(--xs);color:var(--muted)}.pricing-strip strong{font:500 var(--heading)/1.5 var(--font-display)}
.closing-cta{padding:var(--s20) var(--gutter)}.closing-cta>.eyebrow{color:var(--muted);margin-bottom:var(--s6)}.closing-cta>div{display:flex;justify-content:space-between;align-items:center;gap:var(--s6)}.closing-cta>p:last-child{color:var(--muted);font-size:var(--sm);margin-top:var(--s5)}
.site-footer{padding:var(--s16) var(--gutter) var(--s6);background:var(--section)}.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:var(--s12)}.footer-top>div{display:flex;flex-direction:column;align-items:flex-start}.footer-wordmark{font:500 var(--heading)/1.4 var(--font-display);letter-spacing:-.035em;margin-bottom:var(--s4)}.footer-top p{font-size:var(--sm);color:var(--muted)}.footer-top .eyebrow{margin-bottom:var(--s4);color:var(--muted)}.footer-top a:not(.footer-wordmark){display:flex;align-items:center;min-height:44px;font-size:var(--sm)}.footer-bottom{margin-top:var(--s12);padding-top:var(--s5);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:var(--s6);font-size:var(--xs);color:var(--muted)}.footer-bottom>div{display:flex;gap:var(--s6)}.footer-bottom a{min-height:44px;display:flex;align-items:center}
.page-heading{padding:var(--s20) var(--gutter) var(--s16);border-bottom:1px solid var(--line)}.page-heading>.eyebrow{color:var(--muted)}.page-heading h1{font:500 var(--page)/1.05 var(--font-display);letter-spacing:-.04em;margin:var(--s8) 0}.heading-bottom{display:flex;justify-content:space-between;align-items:center;gap:var(--s10)}.heading-bottom p{max-width:620px;color:var(--muted);font-size:var(--base)}
.service-details{padding-top:0;padding-bottom:0}.service-detail{display:grid;grid-template-columns:1fr 1.25fr;gap:var(--s20);padding:var(--s16) 0;border-bottom:1px solid var(--line);scroll-margin-top:var(--s8)}.service-detail .eyebrow{color:var(--muted);margin-bottom:var(--s6)}.service-detail>div>p{color:var(--muted);margin-bottom:var(--s5)}.service-detail .large-copy{font-size:var(--lg);color:var(--fg)}.service-detail ul{font-size:var(--sm);margin-block:var(--s6)}.highlight-service h2{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:8px}.connected{background:var(--section)}.connected h2{margin:var(--s6) 0}.connection-chain{display:flex;align-items:center;gap:var(--s6);margin-block:var(--s10)}.connection-chain>span{border:1px solid var(--line);padding:var(--s4) var(--s6);font-size:var(--sm)}.connection-chain>i{font-style:normal;color:var(--muted)}.connected>p:last-child{color:var(--muted)}
.prices-section{padding-top:var(--s12)}.price-tabs{display:flex;gap:var(--s2);margin-bottom:var(--s10)}.price-tabs button,.project-filters button{padding:var(--s3) var(--s5);min-height:44px;border:1px solid var(--line);background:none;font-size:var(--sm)}.price-tabs button[aria-pressed=true],.project-filters button[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5)}.price-card{border:1px solid var(--line);padding:var(--s8);display:flex;flex-direction:column;align-items:flex-start}.price-card.featured{background:var(--section)}.price-card>.eyebrow{color:var(--muted);margin-bottom:var(--s6)}.price-card .price{font:500 var(--heading)/1.3 var(--font-display);margin:var(--s6) 0}.price span{display:block;font:400 var(--xs)/1.8 var(--font-body);color:var(--muted)}.price-card>p:not(.price):not(.eyebrow){color:var(--muted);font-size:var(--sm)}.price-card ul{font-size:var(--sm);margin-block:var(--s6);flex:1}.price-card .button{width:100%}.price-note{display:flex;gap:var(--s8);padding:var(--s8) 0;font-size:var(--sm)}.price-note strong{white-space:nowrap}.price-note p{color:var(--muted)}
.faq-section{background:var(--section);display:grid;grid-template-columns:1fr 1.5fr;gap:var(--s20)}.faq-section h2{margin-top:var(--s6)}details{border-top:1px solid var(--line);padding:var(--s5) 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:var(--base);min-height:44px;align-content:center}details p{color:var(--muted);font-size:var(--sm);margin-top:var(--s4)}
.about-story{display:grid;grid-template-columns:1fr 1fr;gap:var(--s20);align-items:center}.studio-art{min-height:440px;background:var(--section);display:flex;justify-content:center;align-items:center;gap:var(--s8);padding:var(--s8)}.studio-art>span{font:400 140px/1 var(--font-serif);color:var(--muted)}.studio-art>div{font:400 var(--heading)/1.45 var(--font-serif)}.about-story h2{margin-block:var(--s6)}.about-story p:not(.eyebrow){color:var(--muted);margin-top:var(--s5)}.principles{background:var(--section)}.principles>.eyebrow{margin-bottom:var(--s8);color:var(--muted)}.principles article{display:grid;grid-template-columns:60px 1fr 1fr;gap:var(--s8);padding:var(--s8) 0;border-top:1px solid var(--line);align-items:center}.principles article>span{font-size:var(--xs);color:var(--muted)}.principles article p{color:var(--muted);font-size:var(--sm)}
.contact-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--s24)}.contact-layout>div>p{margin-top:var(--s6);color:var(--muted);max-width:360px}.contact-email{display:block;min-height:44px;margin-top:var(--s8);font-size:var(--base)}.contact-note{font-size:var(--xs)}.preview-note{margin-top:var(--s10);padding:var(--s5);border:1px solid var(--line);font-size:var(--sm)}.preview-note p{margin-top:var(--s2);font-size:var(--xs);color:var(--muted)}
form{display:flex;flex-direction:column;gap:var(--s6)}label{display:flex;flex-direction:column;gap:var(--s2);font-size:var(--sm)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5)}input,textarea,select{width:100%;background:var(--section);color:var(--fg);border:1px solid var(--line);border-radius:0;padding:var(--s4);min-height:52px;font-size:16px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}.form-disclaimer{font-size:var(--xs);color:var(--muted)}form>.button{align-self:flex-start}#enquiry-review{border:1px solid var(--line);padding:var(--s6);background:var(--section)}#enquiry-review p{margin-top:var(--s4);font-size:var(--sm)}#enquiry-review button{margin-top:var(--s4)}
.project-dialog{width:min(1040px,calc(100vw - 48px));max-height:92svh;border:1px solid var(--line);padding:var(--s6);background:var(--bg);color:var(--fg);margin:auto;overflow:auto}.project-dialog::backdrop{background:#080a08dd;backdrop-filter:blur(12px)}.project-dialog[open]{animation:dialog-in .45s var(--ease) both}.dialog-heading{display:flex;justify-content:space-between;gap:var(--s5);align-items:center}.dialog-heading .eyebrow{color:var(--muted);margin-bottom:var(--s2)}.dialog-intro{margin:var(--s5) 0;color:var(--muted);font-size:var(--sm)}.browser-frame{border:1px solid var(--line)}.browser-bar{height:30px;display:flex;align-items:center;justify-content:space-between;padding-inline:var(--s3);background:#e5e5dd;color:#585b51;font:400 12px/1.4 var(--font-body)}.browser-frame>img{width:100%;height:auto;max-height:56vh;object-fit:cover;object-position:top}.dialog-details{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--s8);padding-block:var(--s6)}.dialog-details p:not(.eyebrow){font-size:var(--sm);color:var(--muted);margin-top:var(--s2)}
@keyframes heading-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes dialog-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1150px){#primary-nav{margin-left:0;gap:var(--s5)}.site-header{gap:var(--s4)}.header-actions{gap:var(--s3)}.hero-copy{width:56%}.services-teaser{gap:var(--s12)}.price-card{padding:var(--s6)}.pricing-strip{flex-wrap:wrap}.contact-layout{gap:var(--s12)}}
@media(min-width:851px) and (max-width:1100px){
  .home-hero{height:auto;min-height:0;max-height:none;padding:var(--s12) var(--gutter) var(--s4)}
  .hero-copy{width:100%;padding-top:0}.home-hero h1{font-size:6rem}
  .hero-bottom{position:relative;left:auto;right:auto;bottom:auto;margin-top:var(--s8);padding-block:var(--s4)}
}
@media(max-width:850px){
  .site-header{height:80px}.brand,.brand svg{width:110px}.header-cta{gap:var(--s4)}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;border:0;border-radius:0}.menu-toggle>span{display:block;width:20px;height:1px;background:currentColor}
  #primary-nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--bg);color:var(--fg);padding:var(--s6) var(--gutter);border-bottom:1px solid var(--line);box-shadow:0 18px 30px #0002}#primary-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:var(--s2)}#primary-nav.open a{min-height:48px}#primary-nav .mobile-contact{display:flex}
  .home-hero{height:auto;min-height:0;max-height:none;padding:var(--s12) var(--gutter) var(--s4)}.hero-copy{width:100%;padding-top:0}.home-hero h1{font-size:clamp(4rem,8vw + 1rem,6.5rem);margin-block:var(--s6)}.hero-copy .button{margin-top:var(--s6)}.hero-bottom{position:relative;left:auto;right:auto;bottom:auto;margin-top:var(--s8);padding-block:var(--s4)}.hero-bottom>span{display:none}
  .section{padding-block:var(--s16)}.services-teaser{grid-template-columns:1fr;gap:var(--s10)}.process-list{gap:var(--s6)}.pricing-strip{padding-block:var(--s10)}.pricing-strip>div:first-child{flex-basis:100%}.pricing-strip>.text-link{margin-left:auto}
  .footer-top{grid-template-columns:1.3fr 1fr;gap:var(--s10)}.footer-top>div:first-child{grid-column:1/-1}.page-heading{padding-block:var(--s12)}.heading-bottom{align-items:flex-start;flex-direction:column;gap:var(--s6)}.service-detail{grid-template-columns:1fr;gap:var(--s6);padding-block:var(--s12)}.service-details{padding-block:0}.service-detail .eyebrow{margin-bottom:var(--s4)}.connection-chain{gap:var(--s3);flex-wrap:wrap}.connection-chain>span{padding:var(--s3) var(--s4)}
  .price-grid{grid-template-columns:1fr}.price-card{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--s8)}.price-card>.eyebrow{grid-column:1/-1;margin-bottom:var(--s4)}.price-card .price{grid-column:2;grid-row:2/4;justify-self:end;margin-top:0}.price-card>p:not(.price):not(.eyebrow){grid-column:1}.price-card ul{grid-column:1/-1;columns:2;column-gap:var(--s10)}.price-card .button{grid-column:1/-1}.price-note{flex-direction:column;gap:var(--s3)}.faq-section{grid-template-columns:1fr;gap:var(--s8)}
  .about-story{grid-template-columns:1fr;gap:var(--s10)}.studio-art{min-height:300px}.principles article{grid-template-columns:40px 1fr;gap:var(--s4)}.principles article p{grid-column:2}.contact-layout{grid-template-columns:1fr;gap:var(--s12)}.contact-layout>div>p{max-width:600px}
}
@media(max-width:520px){
  .preview-strip{height:32px;font-size:12px;padding-inline:var(--s4);gap:var(--s2)}.preview-strip>span:last-child{font-size:12px;letter-spacing:0}.preview-strip>span:first-child{font-size:12px;letter-spacing:0}.preview-strip>span:last-child{max-width:160px;line-height:1.1;text-align:right}
  .header-actions{gap:var(--s1)}.header-cta{display:none}.site-header{height:76px}#primary-nav{top:76px}.home-hero{padding-top:var(--s10)}.hero-copy .eyebrow{font-size:12px;letter-spacing:.035em;gap:var(--s2)}.home-hero h1{font-size:clamp(3.5rem,12.5vw + .5rem,5rem)}.hero-copy .button{width:100%}.hero-note{font-size:12px}
  .closing-cta{padding-block:var(--s12)}.closing-cta>div{flex-direction:column;align-items:flex-start}.closing-cta .button{width:100%}.process-list{grid-template-columns:1fr}.process-list article{padding-top:var(--s5)}.process-list h3{margin-block:var(--s4)}.pricing-strip{gap:var(--s6)}.pricing-strip>.text-link{margin-left:0}
  .footer-top{grid-template-columns:1fr;gap:var(--s8)}.footer-top>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:var(--s3)}.site-footer{padding-top:var(--s12)}.work-invitation{min-height:440px}.work-invitation .eyebrow{max-width:280px;font-size:12px}
  .page-heading h1{font-size:var(--page);margin-block:var(--s6)}.page-heading .button{width:100%}.service-row{gap:var(--s4)}.service-detail .text-link{font-size:var(--sm)}.connection-chain{display:grid;grid-template-columns:1fr;gap:var(--s2)}.connection-chain>i{transform:rotate(90deg);justify-self:center}.connection-chain>span{text-align:center}
  .price-card{padding:var(--s5);gap:0 var(--s4)}.price-card ul{columns:1}.price-card .price{font-size:var(--heading)}.price-card h2{font-size:var(--lg)}.form-row{grid-template-columns:1fr}.contact-email{font-size:var(--sm)}.contact-layout{padding-top:var(--s12)}.principles article{grid-template-columns:28px 1fr}.studio-art{gap:var(--s4);padding:var(--s5)}.studio-art>span{font-size:100px}
  .project-dialog{width:calc(100vw - 24px);padding:var(--s4)}.dialog-heading h2{font-size:var(--lg)}.dialog-heading .eyebrow{font-size:12px}.dialog-details{grid-template-columns:1fr;gap:var(--s5)}.browser-frame>img{max-height:none}.visit-project{width:100%}
}
