:root{--clr-canvas:hsl(36 32% 96%);--clr-surface:hsl(34 22% 92%);--clr-surface-deep:hsl(32 18% 88%);--clr-ink:hsl(220 18% 14%);--clr-ink-soft:hsl(220 12% 26%);--clr-muted:hsl(220 8% 44%);--clr-accent:hsl(28 48% 42%);--clr-accent-deep:hsl(26 52% 32%);--clr-line:hsl(34 16% 84%);--clr-line-soft:hsl(34 14% 90%);--ff-display:"Cormorant Garamond",Georgia,"Times New Roman",serif;--ff-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--rad-xs:2px;--rad-sm:4px;--rad-md:6px;--shade-soft:0 1px 2px hsl(220 18% 14% / 0.04),0 4px 14px hsl(220 18% 14% / 0.06);--shade-deep:0 2px 6px hsl(220 18% 14% / 0.08),0 18px 40px hsl(220 18% 14% / 0.10);--gutter:clamp(1.1rem,3vw,2.4rem);--col-max:1180px;--ease:cubic-bezier(.2,.65,.25,1)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--ff-body);font-size:1rem;line-height:1.6;color:var(--clr-ink);background:var(--clr-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,picture,svg,video{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:transparent;color:inherit}
input,textarea,select{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--ff-display);font-weight:500;line-height:1.18;margin:0 0 .65em;letter-spacing:-.01em}
h1{font-size:clamp(2.1rem,5.4vw,3.55rem)}
h2{font-size:clamp(1.65rem,3.6vw,2.55rem)}
h3{font-size:clamp(1.25rem,2.4vw,1.65rem)}
p{margin:0 0 1.1em}
.l-shell{width:100%;max-width:var(--col-max);margin-inline:auto;padding-inline:var(--gutter)}
.u-eyebrow{display:inline-block;font-family:var(--ff-body);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--clr-accent);margin-bottom:1.1rem}
.u-lead{font-family:var(--ff-display);font-size:clamp(1.1rem,2vw,1.35rem);font-style:italic;color:var(--clr-ink-soft);max-width:55ch}
.u-divider{display:block;width:48px;height:1px;background:var(--clr-accent);margin:1.5rem 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.85rem 1.6rem;font-size:.95rem;font-weight:500;letter-spacing:.04em;border:1px solid transparent;border-radius:var(--rad-sm);transition:background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease),transform .25s var(--ease)}
.btn--primary{background:var(--clr-ink);color:var(--clr-canvas)}
.btn--primary:hover{background:var(--clr-accent-deep)}
.btn--ghost{background:transparent;border-color:var(--clr-ink);color:var(--clr-ink)}
.btn--ghost:hover{background:var(--clr-ink);color:var(--clr-canvas)}
.btn--accent{background:var(--clr-accent);color:var(--clr-canvas)}
.btn--accent:hover{background:var(--clr-accent-deep)}
.brandmark{display:inline-flex;align-items:baseline;gap:.45rem;font-family:var(--ff-display);font-size:1.45rem;letter-spacing:.04em;color:var(--clr-ink)}
.brandmark__dot{width:7px;height:7px;border-radius:50%;background:var(--clr-accent);transform:translateY(-2px)}
.brandmark__sub{font-family:var(--ff-body);font-size:.65rem;letter-spacing:.34em;text-transform:uppercase;color:var(--clr-muted);margin-left:.4rem}
.site-head{position:sticky;top:0;z-index:40;background:hsl(36 32% 96% / .92);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--clr-line-soft)}
.site-head__row{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:1rem}
.site-nav{display:none}
.site-nav__list{display:flex;gap:1.6rem;list-style:none;padding:0;margin:0}
.site-nav__link{position:relative;font-size:.92rem;color:var(--clr-ink-soft);padding:.4rem 0;transition:color .25s var(--ease)}
.site-nav__link:hover,.site-nav__link.is-current{color:var(--clr-accent-deep)}
.site-nav__link::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--clr-accent);transition:width .3s var(--ease)}
.site-nav__link:hover::after,.site-nav__link.is-current::after{width:100%}
.head-cta{display:none}
.burger{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--rad-sm);border:1px solid var(--clr-line)}
.burger__bars{position:relative;width:18px;height:12px}
.burger__bars::before,.burger__bars::after,.burger__bars span{content:"";position:absolute;left:0;width:100%;height:1.5px;background:var(--clr-ink);transition:transform .25s var(--ease),top .25s var(--ease),opacity .15s}
.burger__bars::before{top:0}
.burger__bars span{top:5px}
.burger__bars::after{top:10px}
.is-menu-open .burger__bars::before{top:5px;transform:rotate(45deg)}
.is-menu-open .burger__bars::after{top:5px;transform:rotate(-45deg)}
.is-menu-open .burger__bars span{opacity:0}
.mobile-drawer{position:fixed;inset:72px 0 0 0;background:var(--clr-canvas);transform:translateX(100%);transition:transform .35s var(--ease);z-index:35;overflow-y:auto;padding:2rem var(--gutter) 3rem;display:flex;flex-direction:column;gap:.6rem}
.is-menu-open .mobile-drawer{transform:translateX(0)}
.mobile-drawer__group{padding:.4rem 0;border-bottom:1px solid var(--clr-line-soft)}
.mobile-drawer__heading{font-family:var(--ff-display);font-size:1.1rem;color:var(--clr-accent);margin:1.2rem 0 .6rem}
.mobile-drawer__link{display:block;padding:.85rem 0;font-size:1.05rem;color:var(--clr-ink)}
.hero{position:relative;padding:clamp(2.6rem,5vw,4.5rem) 0 clamp(2.6rem,5vw,4.5rem);overflow:hidden}
.hero__grid{display:grid;grid-template-columns:1fr;gap:clamp(2rem,4vw,3.4rem);align-items:center}
.hero__title{font-size:clamp(2.2rem,5.6vw,3.8rem)}
.hero__title em{color:var(--clr-accent-deep);font-style:italic}
.hero__intro{max-width:48ch;color:var(--clr-ink-soft);font-size:1.05rem}
.hero__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}
.hero__visual{position:relative;border-radius:var(--rad-sm);overflow:hidden;box-shadow:var(--shade-deep)}
.hero__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,hsl(220 18% 14% / .35) 100%);pointer-events:none}
.hero__badge{position:absolute;left:1.2rem;bottom:1.2rem;color:var(--clr-canvas);font-family:var(--ff-display);font-style:italic;font-size:1.1rem;z-index:2;text-shadow:0 1px 6px hsl(220 18% 14% / .5)}
.section{padding:clamp(2.6rem,5.2vw,4.8rem) 0}
.section--surface{background:var(--clr-surface)}
.section--ink{background:var(--clr-ink);color:var(--clr-canvas)}
.section--ink h2,.section--ink h3{color:var(--clr-canvas)}
.section--ink .u-eyebrow{color:hsl(28 48% 64%)}
.section__head{margin-bottom:clamp(1.5rem,3vw,2.4rem);max-width:64ch}
.section__head--center{margin-inline:auto;text-align:center}
.tile-grid{display:grid;grid-template-columns:1fr;gap:clamp(1.1rem,2.4vw,1.8rem)}
.tile{background:var(--clr-canvas);border:1px solid var(--clr-line-soft);border-radius:var(--rad-sm);padding:clamp(1.4rem,2.6vw,2.1rem);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
.tile:hover{transform:translateY(-3px);box-shadow:var(--shade-soft);border-color:var(--clr-line)}
.tile__num{font-family:var(--ff-display);font-size:1.4rem;color:var(--clr-accent);letter-spacing:.06em;margin-bottom:.6rem}
.tile__title{font-size:1.3rem;margin-bottom:.6rem}
.tile__title a{transition:color .25s var(--ease)}
.tile__title a:hover{color:var(--clr-accent-deep)}
.tile__body{color:var(--clr-ink-soft);font-size:.97rem}
.tile__more{display:inline-block;margin-top:1rem;font-size:.86rem;letter-spacing:.16em;text-transform:uppercase;color:var(--clr-accent-deep);border-bottom:1px solid var(--clr-accent)}
.pillar-row{display:grid;grid-template-columns:1fr;gap:clamp(1.4rem,3vw,2.4rem)}
.pillar{display:grid;grid-template-columns:auto 1fr;gap:1.1rem;align-items:flex-start}
.pillar__num{font-family:var(--ff-display);font-style:italic;font-size:2.4rem;color:var(--clr-accent);line-height:1}
.pillar__t{font-family:var(--ff-display);font-size:1.35rem;margin:0 0 .35rem}
.pillar__d{color:var(--clr-ink-soft);font-size:.95rem}
.split{display:grid;grid-template-columns:1fr;gap:clamp(1.6rem,3.4vw,2.6rem);align-items:center}
.split__media{border-radius:var(--rad-sm);overflow:hidden}
.split__copy h2{margin-top:0}
.figure-list{list-style:none;padding:0;margin:1.4rem 0 0;display:grid;gap:.85rem}
.figure-list li{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;padding:.8rem 1rem;background:var(--clr-canvas);border-left:2px solid var(--clr-accent)}
.figure-list strong{font-family:var(--ff-display);font-size:1.4rem;color:var(--clr-accent-deep);line-height:1}
.portfolio-grid{display:grid;grid-template-columns:1fr;gap:1.2rem}
.work{position:relative;border-radius:var(--rad-sm);overflow:hidden;background:var(--clr-ink)}
.work img{transition:transform .8s var(--ease);width:100%;height:100%;object-fit:cover}
.work:hover img{transform:scale(1.04)}
.work__cap{position:absolute;left:0;right:0;bottom:0;padding:1.1rem 1.3rem;color:var(--clr-canvas);background:linear-gradient(180deg,transparent 0%,hsl(220 18% 14% / .65) 100%)}
.work__t{font-family:var(--ff-display);font-size:1.2rem;margin:0 0 .15rem}
.work__loc{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;opacity:.86}
.process{counter-reset:step;display:grid;grid-template-columns:1fr;gap:1.2rem}
.process__step{position:relative;padding:1.4rem 1.4rem 1.4rem 4.6rem;background:var(--clr-canvas);border-radius:var(--rad-sm);border:1px solid var(--clr-line-soft)}
.process__step::before{counter-increment:step;content:"0" counter(step);position:absolute;left:1.2rem;top:1.2rem;font-family:var(--ff-display);font-style:italic;font-size:1.85rem;color:var(--clr-accent)}
.process__step h3{font-size:1.15rem;margin:0 0 .4rem}
.process__step p{margin:0;color:var(--clr-ink-soft);font-size:.94rem}
.quote-grid{display:grid;grid-template-columns:1fr;gap:1.2rem}
.quote{padding:1.6rem;background:var(--clr-canvas);border-radius:var(--rad-sm);border:1px solid var(--clr-line-soft);font-family:var(--ff-display);font-size:1.1rem;color:var(--clr-ink);line-height:1.55}
.quote__src{display:block;margin-top:1.1rem;font-family:var(--ff-body);font-size:.85rem;color:var(--clr-muted);letter-spacing:.05em}
.faq{display:grid;gap:.6rem;max-width:780px;margin-inline:auto}
.faq__item{border:1px solid var(--clr-line-soft);border-radius:var(--rad-sm);background:var(--clr-canvas);overflow:hidden}
.faq__item[open]{border-color:var(--clr-line)}
.faq__q{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.3rem;font-family:var(--ff-display);font-size:1.12rem;cursor:pointer;list-style:none}
.faq__q::-webkit-details-marker{display:none}
.faq__q::after{content:"+";font-size:1.4rem;color:var(--clr-accent);font-family:var(--ff-body);transition:transform .25s var(--ease)}
.faq__item[open] .faq__q::after{content:"−"}
.faq__a{padding:0 1.3rem 1.2rem;color:var(--clr-ink-soft);font-size:.96rem}
.cta-band{padding:clamp(2.6rem,5vw,4.4rem) 0;text-align:center}
.cta-band h2{margin-bottom:.7rem}
.lead-form{display:grid;gap:.9rem;max-width:640px;margin-inline:auto}
.lead-form--wide{max-width:none}
.field{display:flex;flex-direction:column;gap:.4rem}
.field--row{display:grid;grid-template-columns:1fr;gap:.9rem}
.field__label{font-size:.82rem;letter-spacing:.06em;color:var(--clr-ink-soft)}
.field__input,.field__select,.field__area{width:100%;min-height:48px;padding:.8rem 1rem;font-size:1rem;background:var(--clr-canvas);border:1px solid var(--clr-line);border-radius:var(--rad-sm);transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.field__area{min-height:140px;resize:vertical;font-family:var(--ff-body)}
.field__input:focus,.field__select:focus,.field__area:focus{outline:none;border-color:var(--clr-accent);box-shadow:0 0 0 3px hsl(28 48% 42% / .15)}
.field__hint{font-size:.78rem;color:var(--clr-muted)}
.field__error{font-size:.82rem;color:hsl(0 60% 44%);min-height:1em}
.consent{display:flex;align-items:flex-start;gap:.6rem;font-size:.86rem;color:var(--clr-ink-soft)}
.consent input{margin-top:.25rem;width:18px;height:18px}
.thanks{padding:1.4rem;background:hsl(140 36% 92%);border:1px solid hsl(140 36% 80%);border-radius:var(--rad-sm);color:hsl(140 36% 22%);text-align:center}
.feature-band{display:grid;grid-template-columns:1fr;gap:1.4rem;padding:1.6rem 0;border-top:1px solid var(--clr-line-soft);border-bottom:1px solid var(--clr-line-soft)}
.feature-band__cell{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.9rem}
.feature-band__cell strong{font-family:var(--ff-display);font-size:1.5rem;color:var(--clr-accent-deep);line-height:1}
.feature-band__cell span{font-size:.88rem;color:var(--clr-ink-soft)}
.crumb{font-size:.84rem;color:var(--clr-muted);margin-bottom:1rem}
.crumb a{border-bottom:1px solid var(--clr-line)}
.crumb a:hover{color:var(--clr-accent-deep);border-color:var(--clr-accent)}
.legal-doc{max-width:780px;margin-inline:auto}
.legal-doc h2{margin-top:2rem;font-size:1.5rem}
.legal-doc h3{margin-top:1.5rem;font-size:1.1rem}
.legal-doc ul{padding-left:1.3rem}
.legal-doc li{margin-bottom:.4rem}
.contact-grid{display:grid;grid-template-columns:1fr;gap:clamp(1.6rem,3vw,2.4rem)}
.contact-card{padding:clamp(1.4rem,2.4vw,2rem);background:var(--clr-canvas);border-radius:var(--rad-sm);border:1px solid var(--clr-line-soft)}
.contact-card h3{margin-top:0}
.contact-list{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}
.contact-list a:hover{color:var(--clr-accent-deep)}
.contact-list dt{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--clr-muted);margin-bottom:.15rem}
.contact-list dd{margin:0 0 .9rem;color:var(--clr-ink)}
.journal-grid{display:grid;grid-template-columns:1fr;gap:1.4rem}
.entry{display:grid;gap:0;border:1px solid var(--clr-line-soft);border-radius:var(--rad-sm);overflow:hidden;background:var(--clr-canvas);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.entry:hover{transform:translateY(-3px);box-shadow:var(--shade-soft)}
.entry__media{aspect-ratio:16/10;overflow:hidden;background:var(--clr-surface)}
.entry__media img{width:100%;height:100%;object-fit:cover}
.entry__body{padding:1.3rem 1.4rem 1.6rem}
.entry__meta{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--clr-accent);margin-bottom:.6rem}
.entry__t{font-size:1.25rem;margin:0 0 .55rem}
.entry__t a:hover{color:var(--clr-accent-deep)}
.entry__d{color:var(--clr-ink-soft);font-size:.94rem;margin:0}
.article{max-width:760px;margin-inline:auto}
.article__hero{aspect-ratio:16/9;border-radius:var(--rad-sm);overflow:hidden;margin-bottom:2rem}
.article__hero img{width:100%;height:100%;object-fit:cover}
.article__meta{font-size:.84rem;letter-spacing:.14em;text-transform:uppercase;color:var(--clr-accent);margin-bottom:.7rem}
.article p{font-size:1.04rem}
.article blockquote{margin:1.6rem 0;padding:1rem 1.4rem;border-left:3px solid var(--clr-accent);font-family:var(--ff-display);font-size:1.18rem;color:var(--clr-ink-soft);font-style:italic}
.site-foot{background:var(--clr-ink);color:hsl(36 16% 80%);padding:clamp(2.4rem,4vw,3.6rem) 0 1.4rem;margin-top:clamp(2.4rem,4vw,3.6rem)}
.site-foot a{color:hsl(36 16% 88%);transition:color .25s var(--ease)}
.site-foot a:hover{color:var(--clr-canvas)}
.foot-grid{display:grid;grid-template-columns:1fr;gap:1.8rem;margin-bottom:2rem}
.foot-col h4{color:var(--clr-canvas);font-family:var(--ff-display);font-size:1.1rem;margin:0 0 .9rem}
.foot-col ul{list-style:none;padding:0;margin:0;display:grid;gap:.55rem;font-size:.92rem}
.foot-col p{font-size:.9rem;line-height:1.6;color:hsl(36 12% 72%)}
.foot-bottom{display:grid;grid-template-columns:1fr;gap:.6rem;padding-top:1.4rem;border-top:1px solid hsl(220 14% 22%);font-size:.82rem;color:hsl(36 12% 64%)}
.foot-bottom a:hover{color:var(--clr-accent)}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--clr-ink);color:var(--clr-canvas);padding:.6rem 1rem;z-index:100}
.skip-link:focus{left:1rem;top:1rem}
.is-anim{opacity:0;transform:translateY(18px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.is-anim.is-in{opacity:1;transform:translateY(0)}
.cookie-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:none;padding:1.2rem var(--gutter);background:var(--clr-ink);color:var(--clr-canvas);box-shadow:0 -8px 24px hsl(220 18% 14% / .25)}
.cookie-bar.is-shown{display:block}
.cookie-bar__inner{max-width:var(--col-max);margin-inline:auto;display:grid;grid-template-columns:1fr;gap:1rem;align-items:center}
.cookie-bar__copy{font-size:.92rem;line-height:1.55}
.cookie-bar__copy a{color:hsl(28 48% 64%);border-bottom:1px solid hsl(28 48% 64%)}
.cookie-bar__btns{display:flex;gap:.6rem;flex-wrap:wrap}
.cookie-bar__btns .btn{min-height:42px;padding:.55rem 1.2rem;font-size:.88rem}
.cookie-bar__btns .btn--ghost{color:var(--clr-canvas);border-color:hsl(36 16% 70%)}
.cookie-bar__btns .btn--ghost:hover{background:hsl(36 16% 80%);color:var(--clr-ink)}
.cookie-handle{position:fixed;left:1rem;bottom:1rem;z-index:48;width:46px;height:46px;border-radius:50%;background:var(--clr-ink);color:var(--clr-canvas);display:none;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:var(--shade-deep)}
.cookie-handle.is-shown{display:inline-flex}
@media (min-width:540px){
.field--row{grid-template-columns:1fr 1fr}
.tile-grid--2{grid-template-columns:1fr 1fr}
.foot-grid{grid-template-columns:1fr 1fr}
.cookie-bar__inner{grid-template-columns:1fr auto}
.feature-band{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:752px){
.site-nav{display:block}
.head-cta{display:inline-flex}
.burger{display:none}
.tile-grid{grid-template-columns:repeat(2,1fr)}
.tile-grid--3{grid-template-columns:repeat(3,1fr)}
.pillar-row{grid-template-columns:repeat(3,1fr)}
.split--media-left{grid-template-columns:1.05fr 1fr}
.split--media-right{grid-template-columns:1fr 1.05fr}
.split--media-right .split__copy{order:1}
.split--media-right .split__media{order:2}
.portfolio-grid{grid-template-columns:repeat(2,1fr)}
.process{grid-template-columns:repeat(2,1fr)}
.quote-grid{grid-template-columns:repeat(2,1fr)}
.foot-grid{grid-template-columns:1.2fr 1fr 1fr 1.1fr}
.foot-bottom{grid-template-columns:1fr auto;align-items:center}
.journal-grid{grid-template-columns:repeat(2,1fr)}
.contact-grid{grid-template-columns:1.05fr 1fr}
.hero__grid{grid-template-columns:1.05fr 1fr}
}
@media (min-width:1064px){
.tile-grid--3{grid-template-columns:repeat(3,1fr)}
.portfolio-grid--3{grid-template-columns:repeat(3,1fr)}
.journal-grid{grid-template-columns:repeat(3,1fr)}
.process{grid-template-columns:repeat(4,1fr)}
.hero__grid{grid-template-columns:1.1fr 1fr;gap:4rem}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation:none!important;transition:none!important}
.is-anim{opacity:1;transform:none}
}