:root { --paper:#f7f5ef; --paper-deep:#ebe9e1; --ink:#14252c; --ink-dark:#0d1b21; --copper:#bb704f; --copper-dark:#984f38; --slate:#596a70; --muted:#737c7c; --line:rgba(20,37,44,.16); --line-light:rgba(247,245,239,.2); --serif:"Instrument Serif", Georgia, serif; --sans:"DM Sans", Arial, sans-serif; --mono:"Space Mono", monospace; color-scheme:light; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; scroll-padding-top:4.5rem; } body { min-width:320px; margin:0; color:var(--ink); background:var(--paper); font:400 16px/1.6 var(--sans); } body.menu-open { overflow:hidden; } a { color:inherit; text-decoration:none; } button { font:inherit; } h1,h2,h3,p { max-width:100%; overflow-wrap:anywhere; }.shell { width:min(1320px,calc(100% - 32px)); margin-inline:auto; }.skip { position:fixed; top:-5rem; left:1rem; z-index:100; padding:.75rem 1rem; color:var(--paper); background:var(--ink); }.skip:focus { top:1rem; }
.site-header { position:fixed; z-index:30; inset:0 0 auto; border-bottom:1px solid var(--line); background:rgba(247,245,239,.93); backdrop-filter:blur(12px); }.nav { height:68px; display:flex; align-items:center; gap:.25rem; }.brand { display:inline-flex; flex:1; align-items:center; min-width:0; gap:.6rem; }.brand-mark { display:grid; flex:0 0 auto; width:27px; height:27px; place-items:center; color:var(--paper); background:var(--ink); font:700 .55rem/1 var(--sans); letter-spacing:.04em; }.brand-name { font:700 .72rem/1 var(--sans); letter-spacing:.16em; }.quick-contact { display:inline-flex; min-height:44px; align-items:center; gap:.4rem; padding:0 .65rem; color:var(--copper-dark); font-size:.75rem; font-weight:700; }.quick-contact span { font-size:1rem; }.menu-button { display:grid; flex:0 0 44px; width:44px; height:44px; place-content:center; gap:6px; padding:0; border:0; color:var(--ink); background:transparent; }.menu-button i { display:block; width:22px; height:1.5px; background:currentColor; transition:transform .22s; }.menu-button.open i:first-child { transform:translateY(3.75px) rotate(45deg); }.menu-button.open i:last-child { transform:translateY(-3.75px) rotate(-45deg); }.menu { position:fixed; top:68px; right:0; bottom:0; left:0; z-index:29; display:grid; align-content:start; gap:0; padding:1rem 20px calc(2rem + env(safe-area-inset-bottom)); overflow-y:auto; background:var(--paper); opacity:0; pointer-events:none; transform:translateY(-105%); transition:transform .25s ease,opacity .25s; }.menu.open { opacity:1; pointer-events:auto; transform:translateY(0); }.menu a { display:flex; min-height:60px; align-items:center; border-bottom:1px solid var(--line); font-size:1rem; font-weight:600; }.menu a.active { color:var(--copper-dark); }.menu-cta { display:flex!important; justify-content:space-between; min-height:54px!important; margin-top:1.5rem; padding:0 1rem; border:0!important; color:var(--paper)!important; background:var(--ink); }.menu-cta span { font-size:1.2rem; }
.hero { padding:68px 0 3.25rem; background:var(--paper); }.hero-layout { display:grid; gap:3.1rem; padding-top:4.5rem; }.hero-copy { max-width:620px; }.eyebrow { display:flex; flex-wrap:wrap; align-items:center; gap:.55rem; margin:0; color:var(--copper-dark); font:400 .68rem/1.45 var(--mono); letter-spacing:.04em; }.eyebrow>span { width:22px; height:1px; background:var(--copper); }.eyebrow b { color:var(--slate); font-weight:400; }.hero h1,.section-heading h2,.region-content h2,.statement h2,.contact-content h2 { margin:1.35rem 0 0; font:400 clamp(3.35rem,14vw,4.5rem)/.92 var(--serif); letter-spacing:-.045em; }.hero h1 em,.section-heading h2 em,.region-content h2 em,.statement h2 em,.contact-content h2 em { color:var(--copper-dark); font-style:italic; }.hero-text { max-width:345px; margin:1.5rem 0 0; color:var(--slate); font-size:1rem; }.hero-actions { display:flex; flex-direction:column; align-items:flex-start; gap:1.2rem; margin-top:2rem; }.button { display:inline-flex; min-height:52px; align-items:center; justify-content:space-between; gap:1.5rem; padding:.75rem 1rem; font-size:.83rem; font-weight:700; }.button-primary { width:100%; max-width:330px; color:var(--paper); background:var(--ink); transition:background .2s,transform .2s; }.button-primary span { color:var(--paper); font-size:1.1rem; }.button-primary:hover,.button-primary:focus-visible { background:var(--copper-dark); transform:translateY(-2px); }.text-link { display:inline-flex; min-height:44px; align-items:center; gap:.8rem; color:var(--ink); border-bottom:1px solid var(--copper); font-size:.86rem; font-weight:600; }.text-link span { color:var(--copper-dark); font-size:1.1rem; }.hero-aside { display:grid; grid-template-columns:1fr auto; gap:.7rem 1.5rem; align-items:end; max-width:460px; padding:1.25rem 0 0; border-top:1px solid var(--line); }.aside-label { grid-column:1/-1; margin:0; color:var(--copper-dark); font:400 .68rem/1 var(--mono); letter-spacing:.06em; }.aside-place { margin:0; font:400 clamp(2.25rem,10vw,3.5rem)/.95 var(--serif); letter-spacing:-.04em; }.aside-detail { grid-column:1; max-width:230px; margin:0; color:var(--slate); font-size:.9rem; line-height:1.45; }.aside-rule { display:block; grid-column:1/-1; height:1px; margin-top:.8rem; background:var(--line); }.aside-index { grid-column:2; grid-row:3; align-self:end; margin:0; color:var(--copper-dark); font:400 .67rem/1 var(--mono); }.aside-index span { color:var(--muted); }.section { padding:5.4rem 0; }.section-label { display:flex; align-items:center; gap:.7rem; padding-bottom:1.2rem; border-bottom:1px solid var(--line); color:var(--muted); font:400 .67rem/1 var(--mono); letter-spacing:.06em; }.section-label span { color:var(--copper-dark); }.section-label p { margin:0; }.about { background:var(--paper); }.about-layout { display:grid; gap:3rem; margin-top:3.4rem; }.section-heading h2 { margin-top:1.2rem; }.eyebrow.dark { color:var(--copper-dark); }.about-copy { display:grid; gap:1rem; max-width:420px; padding-top:1.2rem; border-top:1px solid var(--line); }.about-copy p { margin:0; color:var(--slate); font-size:1rem; }.region { color:var(--paper); background:var(--ink); }.region .section-label { border-color:var(--line-light); color:#b5c0bf; }.region .section-label span { color:var(--copper); }.region-layout { display:grid; }.region-content { margin-top:3.4rem; }.light-eyebrow { color:var(--copper)!important; }.region-content h2 { margin-top:1.2rem; }.region-content h2 em { color:var(--copper); }.region-list { margin-top:3.4rem; border-top:1px solid var(--line-light); }.region-list div { display:grid; grid-template-columns:28px minmax(0,1fr) 24px; gap:.6rem; align-items:baseline; padding:1.25rem 0; border-bottom:1px solid var(--line-light); }.region-list span,.region-list small { color:var(--copper); font:400 .66rem/1 var(--mono); }.region-list strong { font:400 clamp(1.8rem,8.7vw,2.5rem)/1 var(--serif); letter-spacing:-.035em; }.region-list small { text-align:right; }.region-copy { max-width:300px; margin:2.2rem 0 0; color:#b5c0bf; font-size:.95rem; }.why { background:var(--paper-deep); }.why-content { margin-top:3.4rem; }.why-list { margin-top:3.2rem; border-top:1px solid var(--line); }.why-list article { display:grid; grid-template-columns:32px minmax(0,1fr); gap:.8rem; padding:1.25rem 0; border-bottom:1px solid var(--line); }.why-list article>span { color:var(--copper-dark); font:400 .68rem/1 var(--mono); }.why-list h3 { margin:0; font:400 clamp(1.9rem,8.5vw,2.7rem)/.95 var(--serif); letter-spacing:-.035em; }.why-list p { grid-column:2; margin:.55rem 0 0; color:var(--slate); font-size:.94rem; line-height:1.5; }.statement { padding:5rem 0; color:var(--paper); background:var(--copper-dark); }.statement-inner { padding-right:1.5rem; padding-left:1.5rem; }.statement-label { margin:0; color:#f2c7b8; font:400 .68rem/1 var(--mono); letter-spacing:.08em; }.statement h2 { margin-top:1.5rem; font-size:clamp(3rem,13vw,4rem); }.statement h2 em { color:var(--paper); }.statement-line { display:block; width:52px; height:1px; margin-top:2.1rem; background:var(--paper); }.contact { background:var(--paper); }.contact-inner { display:grid; }.contact-content { margin-top:3.4rem; }.contact-content h2 { margin-top:1.2rem; }.contact-content h2 em { color:var(--copper-dark); }.contact-content .button { margin-top:2.1rem; }.contact-details { display:grid; gap:.85rem; margin-top:2rem; padding-top:1.2rem; border-top:1px solid var(--line); color:var(--copper-dark); font-size:.93rem; }.contact-details a { width:max-content; max-width:100%; color:var(--ink); border-bottom:1px solid var(--copper); }.footer { display:flex; flex-direction:column; align-items:flex-start; gap:1rem; padding:2rem 0 calc(2rem + env(safe-area-inset-bottom)); border-top:1px solid var(--line); background:var(--paper); }.footer p,.footer small { margin:0; color:var(--muted); font-size:.7rem; }
[data-reveal] { opacity:0; transform:translateY(12px); transition:opacity .42s ease,transform .42s ease; } [data-reveal].shown { opacity:1; transform:none; } a:focus-visible,button:focus-visible { outline:2px solid var(--copper); outline-offset:4px; } @media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; } [data-reveal] { opacity:1; transform:none; } }
@media (min-width:700px) { .shell { width:min(1200px,calc(100% - 64px)); }.nav { height:76px; }.quick-contact { padding-inline:.9rem; }.hero { padding-top:76px; padding-bottom:4.5rem; }.hero-layout { grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr); align-items:center; gap:4rem; min-height:540px; padding-top:2rem; }.hero-copy { padding-bottom:2rem; }.hero h1 { font-size:clamp(4.8rem,9vw,7.3rem); }.hero-actions { flex-direction:row; align-items:center; gap:1.4rem; }.hero-actions .button-primary { width:auto; min-width:270px; }.hero-aside { max-width:360px; margin-left:auto; }.section { padding:7rem 0; }.section-label { padding-bottom:1.4rem; }.about-layout,.why-content { grid-template-columns:minmax(0,1.1fr) minmax(260px,.7fr); align-items:end; gap:5rem; margin-top:4.5rem; }.about-copy { padding-top:0; border-top:0; }.region { padding:7rem 0; }.region-content { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.65fr); align-items:end; gap:4rem; margin-top:4.5rem; }.region-content>.eyebrow,.region-content>h2 { grid-column:1; }.region-list { grid-column:2; grid-row:1 / span 3; margin-top:0; }.region-copy { grid-column:1; margin-top:0; }.why-list { margin-top:0; }.why-list article { padding:1.4rem 0; }.statement { padding:7rem 0; }.statement-inner { padding-inline:2rem; }.statement h2 { font-size:clamp(4rem,7vw,6.5rem); }.contact { padding:7rem 0; }.contact-content { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(260px,.7fr); align-items:end; gap:4rem; margin-top:4.5rem; }.contact-content>.eyebrow,.contact-content>h2 { grid-column:1; }.contact-content .button { grid-column:2; grid-row:2; width:100%; max-width:330px; margin:0; }.contact-details { grid-column:2; grid-row:3; margin-top:1.5rem; }.footer { flex-direction:row; align-items:center; justify-content:space-between; gap:1.5rem; } }
@media (min-width:1040px) { .nav { width:min(1280px,calc(100% - 96px)); height:84px; }.quick-contact { padding:0 1rem; }.menu-button { display:none; }.menu { position:static; display:flex; align-items:center; gap:1.8rem; padding:0; overflow:visible; background:transparent; opacity:1; pointer-events:auto; transform:none; }.menu a { position:relative; display:block; min-height:0; padding:.45rem 0; border-bottom:0; font-size:.78rem; }.menu a::after { position:absolute; right:0; bottom:0; left:0; height:1px; content:""; background:var(--copper); transform:scaleX(0); transform-origin:left; transition:transform .2s; }.menu a:hover,.menu a.active { color:var(--copper-dark); }.menu a:hover::after,.menu a.active::after { transform:scaleX(1); }.menu-cta { display:none!important; }.hero-layout { min-height:600px; gap:8rem; }.hero h1 { font-size:clamp(5.5rem,7.5vw,8.4rem); }.hero-text { max-width:390px; }.hero-aside { padding:1.5rem 0 0 2rem; border-left:1px solid var(--line); }.hero-aside .aside-rule { margin-top:1.2rem; }.section { padding:8.5rem 0; }.section-label { padding-right:2rem; padding-left:2rem; }.about-layout,.why-content { gap:9rem; }.section-heading h2 { font-size:clamp(5rem,6vw,7.6rem); }.region { padding:8.5rem 0; }.region-content h2 { font-size:clamp(5rem,6.4vw,8rem); }.region-list strong { font-size:clamp(2.2rem,3.1vw,3.5rem); }.difference-section { padding:0; }.statement-inner { width:min(1200px,calc(100% - 64px)); }.contact { padding:8.5rem 0; }.contact-content h2 { font-size:clamp(4.8rem,6vw,7.5rem); }.footer { padding-top:2.5rem; padding-bottom:2.5rem; } }