:root {
  --paper: #f7f6f2;
  --paper-deep: #eeede7;
  --white: #fffefa;
  --ink: #28332d;
  --ink-soft: #535b53;
  --forest: #2c3c32;
  --forest-deep: #213027;
  --accent: #89654e;
  --accent-dark: #72513d;
  --muted: #6a6e65;
  --line: #d9d9cf;
  --page-width: 1320px;
  --font-display: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --shadow-soft: 0 18px 45px rgba(28, 39, 31, .09);
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 110px; background: var(--paper); }
body { margin: 0; color: var(--ink); background: var(--paper); font: 16px/1.6 var(--font-display); -webkit-font-smoothing: antialiased; }
body, button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
a, button, summary { touch-action: manipulation; }
a:focus-visible, button:focus-visible, summary:focus-visible, [role="button"]:focus-visible, [tabindex="0"]:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
main:focus, h1:focus { outline: none; }
img, svg { display: block; }
svg.arrow-icon { display: inline-block; width: 20px; height: 20px; flex: 0 0 20px; fill: currentColor; vertical-align: middle; }
svg.call-icon { display: inline-block; width: 20px; height: 20px; flex: 0 0 20px; vertical-align: middle; }
svg.arrow-icon--down { transform: rotate(90deg); }
svg.arrow-icon--up { transform: rotate(-90deg); }
svg.arrow-icon--left { transform: rotate(180deg); }
[aria-hidden="true"]:has(> svg.arrow-icon), [aria-hidden="true"]:has(> svg.call-icon) { display: inline-flex; align-items: center; justify-content: center; line-height: 1; }
video[data-project-loop] { pointer-events: none; }
video[data-project-loop]::-webkit-media-controls,
video[data-project-loop]::-webkit-media-controls-start-playback-button { display: none !important; }
img { max-width: 100%; }
button, input, textarea, select { font: inherit; }
::selection { color: var(--white); background: var(--forest); }
.page-width { width: min(var(--page-width), calc(100% - 112px)); margin-inline: auto; }
.skip-link { position: fixed; z-index: 100; top: 12px; left: 12px; padding: 12px 16px; color: #fff; background: var(--forest-deep); transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }
.section-index, .eyebrow { display: inline-flex; align-items: center; gap: 10px; margin: 0; color: var(--muted); font-size: 10px; font-weight: 600; letter-spacing: .13em; line-height: 1.6; }
.text-link, .light-link, .detail-link { display: inline-flex; min-height: 44px; align-items: center; gap: 24px; color: var(--ink); font-size: 12px; font-weight: 500; }
.text-link span, .light-link span, .detail-link span { color: var(--accent); font-size: 20px; transition: transform .2s; }
.text-link:hover span, .detail-link:hover span { transform: translate(2px, -2px); }
.button, .pa-outline-action { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 25px; padding: 12px 22px; border: 1px solid var(--line); font-size: 12px; font-weight: 500; transition: background .2s, color .2s; }
.button-dark { color: var(--white); background: var(--forest); }
.button-dark:hover, .pa-outline-action:hover { color: var(--white); border-color: var(--forest); background: var(--forest); }
.pa-outline-action span { font-size: 19px; }
.page-hero-copy h1, .page-section-heading h2, .about-story h2, .works-hero-copy h1, .works-heading h2, .projects-list-heading h2, .project-detail-heading h1, .project-detail-story h2, .project-plan-copy h2, .project-not-found h1, .not-found-page h1, .phone-callout-copy h2 { margin: 0; font-family: var(--font-display); font-weight: 400; letter-spacing: -.055em; line-height: 1.08; }
.page-hero-copy h1 em, .page-section-heading h2 em, .about-story h2 em, .works-hero-copy h1 em, .works-heading h2 em, .projects-list-heading h2 em, .project-detail-heading h1 em, .project-detail-story h2 em, .project-plan-copy h2 em, .project-not-found h1 em, .not-found-page h1 em, .phone-callout-copy h2 em, .projects-index-hero h1 em, .values-heading h2 em { color: var(--accent); font-family: Georgia, "Times New Roman", serif; font-weight: 400; }
.page-section-heading h2, .works-heading h2, .projects-list-heading h2, .project-plan-copy h2, .project-detail-story h2 { margin-top: 20px; font-size: clamp(34px, 3.7vw, 54px); }

/* Navigation */
.site-header { position: sticky; z-index: 40; top: 0; border-bottom: 1px solid var(--line); background: rgba(247,246,242,.97); backdrop-filter: blur(16px); }
.header-inner { display: flex; min-height: 93px; align-items: center; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap: 12px; flex-shrink: 0; }
.brand-mark { display: grid; width: 42px; height: 42px; place-items: center; }
.brand-mark svg { width: 100%; height: 100%; }
.brand-symbol-main, .brand-symbol-accent { fill: none; stroke-linecap: square; stroke-linejoin: miter; stroke-width: 2.1; }
.brand-symbol-main { stroke: currentColor; }
.brand-symbol-accent { stroke: var(--accent); }
.brand-type { display: grid; gap: 6px; }
.brand-name { font-size: 13px; font-weight: 650; letter-spacing: .09em; line-height: 1.15; white-space: nowrap; }
.brand-subtitle { color: var(--muted); font-size: 7px; letter-spacing: .19em; line-height: 1.3; }
.desktop-nav { display: flex; align-items: center; gap: clamp(18px, 2vw, 30px); margin-left: auto; }
.desktop-nav a { position: relative; display: flex; min-height: 44px; align-items: center; color: var(--muted); font-size: 12px; white-space: nowrap; }
.desktop-nav a::after { position: absolute; right: 0; bottom: 3px; left: 0; height: 1px; background: var(--ink); content: ""; transform: scaleX(0); transform-origin: left; transition: transform .2s; }
.desktop-nav a:hover, .desktop-nav a.is-active { color: var(--ink); }
.desktop-nav a:hover::after, .desktop-nav a.is-active::after { transform: scaleX(1); }
.header-phone { display: inline-flex; min-height: 45px; align-items: center; justify-content: center; gap: 9px; flex-shrink: 0; margin-left: 12px; padding: 8px 15px; border: 1px solid #babeb1; font-size: 12px; transition: background .2s, color .2s; }
.header-phone:hover { color: var(--paper); background: var(--forest); border-color: var(--forest); }
.phone-icon { display: grid; width: 22px; height: 22px; place-items: center; flex-shrink: 0; }
.phone-icon svg { width: 18px; height: 18px; }
.header-phone-text { white-space: nowrap; }
.phone-arrow { font-size: 18px; }
.mobile-menu { display: none; position: relative; }
.mobile-menu summary { display: flex; min-width: 44px; height: 44px; align-items: center; justify-content: center; gap: 10px; cursor: pointer; list-style: none; }
.mobile-menu summary::-webkit-details-marker { display: none; }
.menu-label { font-size: 12px; }
.menu-lines { position: relative; width: 20px; height: 12px; border-block: 1px solid currentColor; }
.menu-lines::after { position: absolute; top: 4.5px; right: 0; left: 0; height: 1px; background: currentColor; content: ""; }
.mobile-menu[open] .menu-lines { transform: rotate(90deg); }
.mobile-menu-panel { position: absolute; z-index: 45; top: calc(100% + 18px); right: 0; display: grid; width: min(350px, calc(100vw - 40px)); padding: 17px 23px; border: 1px solid var(--line); background: var(--paper); box-shadow: var(--shadow-soft); }
.mobile-menu-panel > a { padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 16px; }
.mobile-menu-panel > a.is-active { color: var(--accent); }
.mobile-menu-panel .mobile-phone { display: grid; gap: 7px; margin-top: 9px; border: 0; font-size: 10px; color: var(--muted); }
.mobile-phone span { color: var(--ink); font-size: 18px; }
.mobile-phone > span { display: inline-flex; align-items: center; gap: 10px; }

/* Shared content */
/* Shared contact callout */
.phone-callout{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-block:62px 86px;padding:clamp(26px,4vw,49px);color:#fff;background:var(--forest-deep)}
.phone-callout .section-index{color:rgba(255,255,255,.68)}
.phone-callout-copy h2{max-width:700px;margin-top:12px;font-size:clamp(2rem,4vw,3.55rem)}
.phone-callout-copy h2 em{color:#dfad97}
.phone-callout-copy p{max-width:580px;margin:13px 0 0;color:rgba(255,255,255,.74);font-size:13px;line-height:1.75}
.phone-callout-link{display:inline-flex;min-width:245px;align-items:center;gap:12px;flex:0 0 auto;padding:13px 15px;border:1px solid rgba(255,255,255,.27);color:#fff;transition:background .2s,border-color .2s}
.phone-callout-link:hover{border-color:var(--accent);color:#fff;background:var(--accent-dark)}
.phone-callout-icon{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:50%}
.phone-callout-icon svg{width:20px;height:20px}
.phone-callout-text strong{margin-top:4px;font-size:16px}
.phone-callout-arrow{margin-left:auto;color:#edc2ae;font-size:19px}

/* About and services */
.page-hero{display:grid;min-height:570px;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:stretch;gap:clamp(30px,6vw,88px);padding:48px max(32px,calc((100vw - var(--page-width))/2))}
.page-hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-block:28px}
.page-hero-copy h1{margin-top:23px;font-size:clamp(3.3rem,5.4vw,5.7rem)}
.page-hero-copy>p{max-width:480px;margin:20px 0 0;color:var(--muted);font-size:14px;line-height:1.85}
.page-hero-text-link,.page-hero-phone{margin-top:28px}
.page-hero-phone{display:inline-flex;align-items:center;gap:11px;padding:10px 13px;color:#fff;background:var(--forest);transition:background .2s}
.page-hero-phone:hover{color:#fff;background:var(--accent-dark)}
.page-hero-phone>span:nth-child(2){display:grid;gap:4px}
.page-hero-phone small{font-size:8px;font-weight:750;letter-spacing:.12em;opacity:.72}
.page-hero-phone strong{font-size:14px}
.page-hero-image{position:relative;min-height:465px;overflow:hidden;background:#d0d0c5}
.page-hero-image img{width:100%;height:100%;min-height:inherit;object-fit:cover;filter:saturate(.8)}
.page-hero-image::after{position:absolute;inset:58% 0 0;background:linear-gradient(180deg,transparent,rgba(24,38,31,.55));content:""}
.page-hero-image>span{position:absolute;z-index:1;right:17px;bottom:16px;left:17px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.15em}
.page-section-heading{max-width:850px}
.page-section-heading h2{margin-top:15px}
.page-section-heading>p{max-width:570px;margin:17px 0 0;color:var(--muted);font-size:13px;line-height:1.85}
.about-story{display:grid;grid-template-columns:.45fr 1.15fr .4fr;align-items:start;gap:clamp(30px,6vw,90px);padding-block:77px 91px;border-top:1px solid var(--line)}
.about-story-number{color:var(--accent-dark);font-family:var(--font-display);font-size:31px;letter-spacing:-.04em}
.about-story-number span{color:#99a198}
.about-story h2{margin-top:15px;font-size:clamp(2.7rem,4.5vw,4.4rem)}
.about-story-copy>p:not(.section-index){max-width:660px;margin:19px 0 0;color:var(--muted);font-size:13px;line-height:1.9}
.about-story-note{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px;padding-top:10px;color:#6c786e;font-size:9px;font-weight:750;letter-spacing:.15em;line-height:1.9}
.about-story-note em{color:var(--accent-dark);font-style:normal}
.note-line{height:1px;background:var(--accent)}
.values-section{padding-block:76px 87px;background:var(--paper-deep)}
.values-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:37px}
.values-heading h2{margin:14px 0 0;font-family:var(--font-display);font-size:clamp(2.65rem,4.5vw,4.4rem);font-weight:400;letter-spacing:-.055em;line-height:1.03}
.values-heading h2 em{color:var(--accent);font-weight:400}
.values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.values-grid article{min-height:195px;padding:20px 30px 0 0}
.values-grid article+article{padding-left:30px;border-left:1px solid var(--line)}
.values-grid article>span{color:var(--accent-dark);font-size:10px;font-weight:750;letter-spacing:.12em}
.values-grid h3,.about-process-list h3{margin:14px 0 0;font-family:var(--font-display);font-size:26px;font-weight:400;letter-spacing:-.03em}
.values-grid p,.about-process-list p{max-width:360px;margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.8}
.about-process{padding-block:82px 95px}
.about-process .page-section-heading>p{max-width:570px}
.about-process-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:33px;border-top:1px solid var(--line)}
.about-process-list article{min-height:188px;padding:20px 26px 22px 0;border-bottom:1px solid var(--line)}
.about-process-list article:nth-child(2n){padding-left:28px;border-left:1px solid var(--line)}
.about-process-list article>span{color:var(--accent-dark);font-size:9px;font-weight:750;letter-spacing:.13em}
.service-faq-section{padding-block:78px 88px;background:var(--paper-deep)}
.service-faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(35px,7vw,100px)}
.service-faq-list{border-top:1px solid var(--line)}
.service-faq-list details{padding:0;border-bottom:1px solid var(--line)}
.service-faq-list summary{position:relative;display:block;padding:18px 38px 18px 0;color:var(--ink);font-size:13px;font-weight:700;cursor:pointer;list-style:none}
.service-faq-list summary::-webkit-details-marker{display:none}
.service-faq-list summary::after{position:absolute;top:14px;right:2px;color:var(--accent-dark);content:"+";font-family:var(--font-display);font-size:23px;font-weight:400}
.service-faq-list details[open] summary::after{content:"−"}
.service-faq-list details p{max-width:650px;margin:-3px 0 19px;color:var(--muted);font-size:12px;line-height:1.85}

/* Inspiration */
.works-hero{display:grid;min-height:500px;grid-template-columns:.9fr 1.1fr;align-items:center;gap:55px;padding-block:45px 65px}
.works-hero-copy h1{margin-top:21px;font-size:clamp(3.25rem,5.7vw,5.8rem)}
.works-hero-copy>p{max-width:460px;margin:20px 0 0;color:var(--muted);font-size:14px;line-height:1.85}
.works-hero-copy .text-link{margin-top:22px}
.works-hero-graphic{position:relative;display:grid;min-height:385px;place-items:center;overflow:hidden;color:rgba(255,255,255,.8);background:linear-gradient(145deg,#33473c,#203129)}
.works-hero-graphic::before,.works-hero-graphic::after{position:absolute;width:64%;aspect-ratio:1;border:1px solid rgba(255,255,255,.13);content:"";transform:rotate(35deg)}
.works-hero-graphic::after{width:43%;border-color:rgba(232,181,155,.35);transform:rotate(35deg) translate(31%,-28%)}
.works-graphic-frame{position:relative;display:flex;width:64%;min-height:225px;flex-direction:column;justify-content:space-between;padding:18px;border:1px solid rgba(255,255,255,.44);background:rgba(255,255,255,.025)}
.works-graphic-frame span{font-size:9px;font-weight:750;letter-spacing:.17em}
.works-graphic-frame .frame-cross{position:absolute;top:50%;left:50%;color:#dfa990;font-family:var(--font-display);font-size:47px;font-weight:300;transform:translate(-50%,-50%)}
.works-graphic-caption{position:absolute;right:17px;bottom:16px;color:rgba(255,255,255,.66);font-size:8px;font-weight:700;letter-spacing:.15em}
.works-gallery{padding-block:53px 100px;border-top:1px solid var(--line)}
.works-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:37px}
.works-heading>p{max-width:410px;margin:0 0 3px;color:var(--muted);font-size:13px;line-height:1.8}
.works-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:start;gap:39px 24px}
.work-card{min-width:0}.work-card--large{grid-row:span 2}
.work-image{position:relative;height:clamp(250px,31vw,410px);overflow:hidden;background:#d6d7cd}
.work-card--large .work-image{height:clamp(470px,58vw,710px)}
.work-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.8);transition:transform .5s}
.work-card:hover .work-image img{transform:scale(1.03)}
.work-image-label{position:absolute;top:14px;left:14px;padding:8px 10px;color:var(--forest);background:rgba(255,254,250,.95);font-size:8px;font-weight:750;letter-spacing:.12em}
.work-card-caption{padding-top:14px}
.work-card-caption>span{color:var(--accent-dark);font-size:9px;font-weight:750;letter-spacing:.12em}
.work-card-caption h3{margin:6px 0 0;font-family:var(--font-display);font-size:clamp(22px,2.6vw,31px);font-weight:400;letter-spacing:-.035em}
.work-card-caption p{max-width:560px;margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.75}

/* Project portfolio */
.projects-index-hero{display:flex;min-height:490px;align-items:center;flex-direction:column;justify-content:center;padding-block:70px 78px;text-align:center}
.projects-index-hero h1,.project-not-found h1{margin:17px 0 0;font-family:var(--font-display);font-size:clamp(3.4rem,6.2vw,6.1rem);font-weight:400;letter-spacing:-.055em;line-height:.98}
.projects-index-hero h1 em{color:var(--accent);font-weight:400}
.projects-index-hero>p{max-width:600px;margin:19px 0 0;color:var(--muted);font-size:14px;line-height:1.85}
.projects-intro-link{display:inline-flex;min-height:43px;align-items:center;gap:13px;margin-top:24px;padding:0 17px;border:1px solid var(--line);border-radius:24px;color:var(--ink-soft);font-size:11px;transition:color .2s,border-color .2s,background .2s}
.projects-intro-link:hover{border-color:var(--forest);color:#fff;background:var(--forest)}
.projects-intro-link span{color:var(--accent);font-size:16px}
.projects-list-section{padding-block:67px 92px;border-top:1px solid var(--line)}
.projects-list-heading{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:32px}
.projects-list-heading>p{max-width:390px;margin:0 0 4px;padding-left:16px;border-left:2px solid var(--accent);color:var(--muted);font-size:12px;line-height:1.8}
.projects-list-heading--centered{justify-content:center;text-align:center}
.projects-list-heading--centered>div{display:grid;justify-items:center}
.projects-list-heading--centered h2{margin-top:14px}
.project-index-grid{display:grid;width:min(1160px,100%);grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:0 auto}
.project-index-card{display:flex;min-width:0;flex-direction:column;padding:18px;border:1px solid var(--line);background:var(--white)}
.project-index-card-image{display:block;aspect-ratio:1.48;overflow:hidden;background:#d4d4c9}
.project-index-card-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.84);transition:transform .5s}
.project-index-card-image:hover img{transform:scale(1.035)}
.project-index-card-content{display:flex;flex:1;align-items:center;flex-direction:column;padding:18px 8px 0;text-align:center}
.project-index-card-content h3{max-width:470px;margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.55rem);font-weight:400;letter-spacing:-.04em;line-height:1.08}
.project-index-card-category{margin-top:8px;color:var(--muted);font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.project-index-card-subtitle{min-height:44px;max-width:430px;margin:11px 0 0;color:#58655d;font-size:12px;line-height:1.7}
.project-index-card-rule{display:flex;width:min(320px,80%);height:1px;justify-content:center;margin-top:13px;background:var(--line)}
.project-index-card-rule span{width:30%;height:2px;margin-top:-1px;background:#bd1740}
.project-index-card-facts{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;gap:10px;margin-top:16px}
.project-index-card-facts>span{display:grid;min-width:0;justify-items:center;gap:6px;color:var(--ink);font-size:9px;font-weight:650;line-height:1.35;text-align:center}
.project-index-card-facts svg{width:23px;height:23px;color:#252a27}
.project-index-card-action{display:flex;width:100%;min-height:44px;align-items:center;justify-content:center;gap:9px;margin-top:auto;padding-inline:15px;border:1px solid rgba(125,102,87,.55);border-radius:999px;color:#525b55;font-size:11px;transition:color .2s,border-color .2s,background .2s}
.project-index-card-action:hover{border-color:var(--forest);color:#fff;background:var(--forest)}
.project-index-card-action span{color:var(--accent);font-size:15px}
.project-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:34px 22px}
.project-card{display:block;min-width:0}
.project-card-image{position:relative;height:clamp(245px,26vw,355px);overflow:hidden;background:#d4d4c9}
.project-card-image::after{position:absolute;inset:50% 0 0;background:linear-gradient(180deg,transparent,rgba(24,38,31,.28));content:"";pointer-events:none}
.project-card-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.8);transition:transform .45s}
.project-card:hover .project-card-image img{transform:scale(1.04)}
.project-card-label{position:absolute;z-index:1;top:13px;left:13px;padding:7px 9px;color:var(--forest);background:rgba(255,254,250,.95);font-size:8px;font-weight:750;letter-spacing:.11em}
.project-card-arrow{position:absolute;z-index:1;right:13px;bottom:13px;display:grid;width:37px;height:37px;place-items:center;border:1px solid rgba(255,255,255,.8);border-radius:50%;color:#fff;font-size:17px;transition:color .2s,background .2s}
.project-card:hover .project-card-arrow{color:var(--forest);background:#fff}
.project-card-caption{padding-top:13px}
.project-card-caption>span:first-child{color:var(--accent-dark);font-size:9px;font-weight:750;letter-spacing:.11em}
.project-card-caption h3{margin:6px 0 0;font-family:var(--font-display);font-size:clamp(22px,2.15vw,29px);font-weight:400;letter-spacing:-.035em;line-height:1.12}
.project-card-caption p{max-width:390px;margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.7}
.project-card-caption .project-card-link{display:inline-flex;align-items:center;gap:8px;margin-top:11px;color:var(--accent-dark);font-size:10px;font-weight:750}
.project-card-link b{font-size:15px;transition:transform .2s}
.project-card:hover .project-card-link b{transform:translate(2px,-2px)}
.project-concept-note{display:flex;align-items:start;gap:12px;max-width:900px;margin:31px 0 0;padding:15px 17px;border:1px solid var(--line);color:#617067;font-size:11px;line-height:1.7}
.project-concept-note>span,.project-detail-disclosure>span{display:grid;width:22px;height:22px;flex:0 0 auto;place-items:center;border:1px solid var(--accent);border-radius:50%;color:var(--accent-dark);font-family:var(--font-display);font-size:13px;font-weight:700}
.projects-inspiration-link{display:flex;align-items:center;justify-content:space-between;gap:26px;padding-block:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.projects-inspiration-link h2{margin:8px 0 0;font-family:var(--font-display);font-size:clamp(23px,3vw,34px);font-weight:400;letter-spacing:-.04em}
.projects-inspiration-link .pa-outline-action{flex:0 0 auto}

/* Project concept detail */
.project-detail-hero{padding-block:22px 48px}
.project-breadcrumbs{display:flex;min-height:42px;align-items:center;flex-wrap:wrap;gap:9px;color:#788078;font-size:11px}
.project-breadcrumbs a:hover{color:var(--accent-dark)}
.project-breadcrumbs [aria-current=page]{color:var(--ink)}
.project-detail-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-block:30px 23px}
.project-detail-heading h1{max-width:900px;margin-top:12px;font-size:clamp(3.2rem,5.7vw,5.9rem)}
.project-detail-heading>div>p{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.7}
.project-detail-heading>.text-link{flex:0 0 auto;margin-bottom:8px}
.project-detail-image{position:relative;height:clamp(340px,50vw,660px);margin:0;overflow:hidden;background:#d4d4c9}
.project-detail-image::after{position:absolute;inset:60% 0 0;background:linear-gradient(180deg,transparent,rgba(24,38,31,.6));content:""}
.project-detail-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.82)}
.project-detail-image figcaption{position:absolute;z-index:1;right:22px;bottom:18px;left:22px;display:flex;align-items:end;justify-content:space-between;gap:15px;color:#fff;font-size:11px}
.project-detail-image figcaption>span:first-child{padding:8px 10px;color:var(--forest);background:var(--white);font-size:8px;font-weight:750;letter-spacing:.12em}
.project-plan-section{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(40px,7vw,100px);padding-block:27px 82px}
.project-plan-copy h2{margin-top:15px}
.project-plan-copy>p{max-width:470px;margin:17px 0 0;color:var(--muted);font-size:13px;line-height:1.85}
.project-plan-note{display:inline-block;margin-top:18px;padding-left:12px;border-left:2px solid var(--accent);color:var(--muted);font-size:10px;line-height:1.7}
.project-plan-figure{margin:0;padding:15px 15px 11px;border:1px solid var(--line);background:var(--white)}
.project-plan-figure img{width:100%;max-height:700px;object-fit:contain}
.project-plan-figure figcaption{margin-top:9px;color:#68736a;font-size:9px;letter-spacing:.08em;text-align:right;text-transform:uppercase}
.project-detail-story{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(45px,8vw,115px);padding-block:82px 76px;border-top:1px solid var(--line)}
.project-detail-story h2{font-size:clamp(2.65rem,4.7vw,4.4rem)}
.project-story-intro>p,.project-story-focus>p{margin:18px 0 0;color:var(--muted);font-size:13px;line-height:1.85}
.project-story-focus>p{max-width:650px;margin-top:10px}
.project-story-focus ol{margin:22px 0 0;padding:0;border-top:1px solid var(--line);list-style:none}
.project-story-focus li{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:14px 0;border-bottom:1px solid var(--line);color:#57655c;font-size:12px;line-height:1.7}
.project-story-focus li>span{color:var(--accent-dark);font-size:10px;font-weight:750;letter-spacing:.08em}
.project-detail-disclosure{display:flex;align-items:center;gap:13px;padding-block:17px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.project-detail-disclosure p{margin:0;color:#617067;font-size:11px;line-height:1.7}
.project-detail-disclosure a{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;margin-left:auto;color:var(--accent-dark);font-size:10px;font-weight:750}
.related-projects-section{padding-block:74px 26px}
.related-projects-section .projects-list-heading{margin-bottom:28px}
.related-projects-section .projects-list-heading>.text-link{flex:0 0 auto;margin-bottom:7px}
.project-card-grid--related{grid-template-columns:repeat(2,minmax(0,1fr))}
.project-card-grid--related .project-card-image{height:clamp(240px,30vw,390px)}
.project-not-found{min-height:62vh;padding-block:100px 85px}
.project-not-found>p,.not-found-page>p{max-width:500px;margin:19px 0 0;color:var(--muted);font-size:13px;line-height:1.8}
.project-not-found .pa-outline-action{margin-top:24px}


/* Footer */
.site-footer { color: #ced2c9; background: var(--forest-deep); }
.footer-grid { display: grid; grid-template-columns: 1.45fr .8fr 1.1fr 1fr; gap: 45px; padding-block: 64px 58px; }
.footer-brand { color: var(--paper); }
.footer-brand .brand-subtitle { color: #b1b9ac; }
.footer-brand .brand-symbol-accent { stroke: #c4a78e; }
.footer-brand-column > p { margin: 22px 0 0; color: #b1b9ac; font-size: 12px; line-height: 1.85; }
.footer-column h2 { margin: 0 0 20px; color: #b1b9ac; font-size: 9px; font-weight: 500; letter-spacing: .12em; }
.footer-column nav { display: grid; gap: 12px; }
.footer-column nav a { width: fit-content; min-height: 24px; font-size: 12px; }
.footer-column a:hover { color: #fff; }
.footer-contact-phone { display: flex; align-items: center; gap: 12px; font-size: 19px; letter-spacing: -.03em; white-space: nowrap; }
.footer-contact-phone span { color: #c4a78e; }
a.contact-call { justify-content: flex-start; gap: 12px; }
.footer-contact-column p { margin: 18px 0 0; color: #b1b9ac; font-size: 11px; line-height: 1.8; }
.footer-bottom { display: flex; min-height: 66px; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid rgba(255,255,255,.17); color: #aeb8aa; font-size: 10px; }
.footer-bottom a { display: flex; min-height: 44px; align-items: center; gap: 20px; color: var(--paper); }
.footer-bottom a span { font-size: 20px; }
.not-found-page { min-height: 64vh; padding: 100px max(32px, calc((100vw - var(--page-width))/2)); }
.not-found-page h1 { margin-top: 20px; font-size: clamp(48px, 6vw, 85px); }

/* The same restrained palette and type scale on every route. */
.page-hero { min-height: 560px; padding-block: 45px 65px; padding-inline: max(56px, calc((100vw - var(--page-width))/2)); }
.page-hero-copy h1 { font-size: clamp(42px, 4.8vw, 70px); }
.page-hero-image img { filter: none; }
.page-hero-copy > p, .page-section-heading > p, .about-story-copy > p:not(.section-index) { font-size: 14px; }
.service-faq-section, .values-section { background: var(--paper-deep); }
.service-faq-list summary { min-height: 72px; padding-block: 23px; font-size: 15px; font-weight: 500; }
.service-faq-list summary::after { top: 18px; }
.service-faq-list details p { font-size: 13px; }
.values-heading h2, .about-story h2 { font-size: clamp(36px, 3.8vw, 54px); }
.values-grid h3, .about-process-list h3 { font-size: 25px; }
.values-grid p, .about-process-list p { font-size: 13px; }
.projects-index-hero { min-height: 0; align-items: flex-start; padding-block: 55px 60px; text-align: left; }
.projects-index-hero h1 { font-size: clamp(42px, 5vw, 72px); line-height: 1.1; }
.projects-intro-link { border-radius: 0; }
.projects-list-section { padding-top: 45px; }
.projects-list-heading--compact h2 { margin-top: 15px; font-size: 32px; }
.projects-list-heading--compact > p { padding: 0; border: 0; font-size: 13px; }
.project-index-grid { width: 100%; max-width: none; gap: 36px; }
.project-index-card { padding: 0; border: 0; background: transparent; box-shadow: none; }
.project-index-card-image { position: relative; aspect-ratio: 1.5; }
.project-index-label { position: absolute; top: 17px; left: 17px; padding: 8px 11px; background: var(--paper); font-size: 9px; letter-spacing: .08em; }
.project-index-card-content { align-items: flex-start; padding: 22px 0 0; text-align: left; }
.project-index-card-category { margin-top: 0; }
.project-index-card-content h3 { margin-top: 9px; font-size: 29px; line-height: 1.2; }
.project-index-card-facts { padding-block: 18px; border-top: 1px solid var(--line); }
.project-index-card-facts > span { justify-items: start; text-align: left; }
.project-index-card-action { min-height: 48px; justify-content: space-between; margin-top: 10px; border-radius: 0; font-weight: 500; }
.project-index-card:hover { transform: none; box-shadow: none; }
.project-concept-note { border: 0; background: var(--paper-deep); padding: 20px; font-size: 11px; }
.project-card-image { height: 380px; }
.project-card-caption h3 { font-size: 28px; }
.project-detail-heading h1 { font-size: clamp(42px, 5vw, 74px); }
.project-detail-story h2 { font-size: clamp(34px, 3.7vw, 52px); }
.project-story-intro > p, .project-story-focus > p { font-size: 14px; }
.project-detail-disclosure { font-size: 12px; }
.works-hero-copy h1 { font-size: clamp(44px, 5vw, 72px); }
.phone-callout { padding: 45px; border: 0; color: var(--ink); background: var(--paper-deep); box-shadow: none; }
.phone-callout .section-index, .phone-callout-copy p { color: var(--muted); }
.phone-callout-copy h2 { font-size: clamp(30px, 3vw, 43px); }
.phone-callout-copy p { font-size: 13px; }
.phone-callout-link { border-radius: 0; color: var(--white); background: var(--forest); }
.phone-callout-text { display: grid; line-height: 1.3; }
.phone-callout-text small { font-size: 8px; letter-spacing: .12em; }

/* Responsive layouts */
@media (max-width: 1180px) {
  .header-inner { gap: 22px; }
  .desktop-nav { gap: 18px; }
  .header-phone { margin-left: 0; padding-inline: 11px; }
  .brand-name { font-size: 12px; }
  .footer-grid { gap: 27px; }
}
@media (max-width: 1050px) {
  .page-width { width: calc(100% - 72px); }
  .desktop-nav { display: none; }
  .header-phone { margin-left: auto; }
  .mobile-menu { display: block; }
  .header-inner { min-height: 82px; }
  .page-hero { padding-inline: 36px; gap: 35px; }
  .page-hero-image { min-height: 420px; }
  .phone-callout { gap: 30px; padding: 30px; }
  .phone-callout-link { min-width: 250px; }
  .project-card-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .project-detail-story, .project-plan-section { gap: 40px; }
  .service-faq-grid { gap: 35px; }
  .footer-grid { grid-template-columns: 1.2fr 1fr 1fr; }
  .footer-contact-column { grid-column: 1 / -1; display: flex; align-items: center; gap: 25px; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.17); }
  .footer-contact-column h2, .footer-contact-column p { margin: 0; }
  .footer-contact-phone { font-size: 22px; }
  .footer-contact-column p { margin-left: auto; }
}
@media (max-width: 760px) {
  html { scroll-padding-top: 92px; }
  .page-width { width: calc(100% - 40px); }
  .header-inner { min-height: 76px; gap: 18px; }
  .brand-mark { width: 35px; height: 35px; }
  .brand-name { font-size: 11px; }
  .brand-subtitle { font-size: 6px; }
  .brand { gap: 9px; }
  .header-phone { padding-inline: 10px; min-width: 44px; }
  .header-phone-text, .header-phone .phone-arrow { display: none; }
  .mobile-menu-panel { top: calc(100% + 16px); }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 35px 25px; padding-block: 45px; }
  .footer-brand-column { grid-column: 1 / -1; }
  .footer-contact-column { display: block; padding-top: 27px; }
  .footer-contact-phone { width: fit-content; gap: 28px; margin-top: 17px; }
  .footer-contact-column p { margin-top: 15px; }
  .footer-bottom { flex-wrap: wrap; padding-block: 12px; gap: 4px 15px; font-size: 9px; }
  .footer-bottom > span:nth-child(2) { display: none; }
  .page-hero, .works-hero { grid-template-columns: 1fr; min-height: 0; gap: 28px; }
  .page-hero { padding: 35px 20px; }
  .page-hero-copy { padding-block: 10px; }
  .page-hero-copy h1 { font-size: clamp(40px, 9vw, 58px); margin-top: 22px; }
  .page-hero-copy > p { font-size: 14px; }
  .page-hero-image { min-height: min(70vw, 420px); }
  .page-hero-phone { margin-top: 22px; }
  .page-section-heading, .values-heading, .works-heading, .projects-list-heading { display: block; }
  .page-section-heading h2, .works-heading h2, .projects-list-heading h2, .about-story h2, .values-heading h2 { font-size: clamp(34px, 7.5vw, 45px); }
  .page-section-heading > p, .works-heading > p { margin-top: 19px; font-size: 13px; }
  .about-story { grid-template-columns: 1fr; gap: 23px; padding-block: 50px 60px; }
  .about-story-note { max-width: 240px; }
  .about-story-number { font-size: 25px; }
  .values-section, .service-faq-section { padding-block: 55px; }
  .values-grid { grid-template-columns: 1fr; }
  .values-grid article, .values-grid article + article { min-height: 0; padding: 22px 0; border-left: 0; border-bottom: 1px solid var(--line); }
  .about-process { padding-block: 55px 60px; }
  .about-process-list { grid-template-columns: 1fr; }
  .about-process-list article, .about-process-list article:nth-child(2n) { min-height: 0; padding: 22px 0; border-left: 0; }
  .service-faq-grid { grid-template-columns: 1fr; gap: 30px; }
  .phone-callout { align-items: flex-start; flex-direction: column; gap: 27px; margin-block: 30px 45px; padding: 27px 24px; }
  .phone-callout-copy h2 { font-size: 32px; }
  .phone-callout-link { width: 100%; min-width: 0; }
  .phone-callout-copy p { font-size: 13px; }
  .projects-index-hero { min-height: 0; padding-block: 55px 45px; }
  .projects-index-hero h1 { font-size: clamp(39px, 9vw, 58px); }
  .projects-list-section { padding-block: 45px 60px; }
  .projects-list-heading { margin-bottom: 30px; }
  .project-index-grid { grid-template-columns: 1fr; gap: 38px; }
  .project-index-card-content h3 { font-size: 29px; }
  .project-index-card-subtitle { min-height: 0; }
  .project-index-card-facts { gap: 10px; }
  .project-index-card-action { min-height: 48px; }
  .project-card-grid, .project-card-grid--related { grid-template-columns: 1fr; gap: 32px; }
  .project-card-image, .project-card-grid--related .project-card-image { height: min(80vw, 400px); }
  .project-concept-note { padding: 17px; margin-top: 28px; }
  .projects-inspiration-link { align-items: flex-start; flex-direction: column; padding-block: 27px; }
  .projects-inspiration-link h2 { font-size: 28px; }
  .project-detail-hero { padding-block: 15px 30px; }
  .project-breadcrumbs { gap: 7px; font-size: 10px; }
  .project-detail-heading { align-items: flex-start; flex-direction: column; gap: 15px; padding-block: 25px; }
  .project-detail-heading h1 { font-size: clamp(38px, 9vw, 57px); }
  .project-detail-image { height: min(96vw, 450px); }
  .project-detail-image figcaption { right: 18px; bottom: 18px; left: 18px; align-items: flex-start; flex-direction: column; gap: 8px; font-size: 10px; }
  .project-plan-section { grid-template-columns: 1fr; gap: 27px; padding-block: 0 50px; }
  .project-plan-copy h2, .project-detail-story h2 { font-size: clamp(33px, 8vw, 45px); }
  .project-plan-copy > p { font-size: 13px; }
  .project-plan-figure { padding: 10px; }
  .project-detail-story { grid-template-columns: 1fr; gap: 35px; padding-block: 50px; }
  .project-story-focus li { grid-template-columns: 30px 1fr; gap: 10px; font-size: 13px; }
  .project-detail-disclosure { align-items: flex-start; flex-wrap: wrap; padding-block: 18px; }
  .project-detail-disclosure p { flex: 1 1 calc(100% - 40px); font-size: 11px; }
  .project-detail-disclosure a { margin-left: 35px; }
  .related-projects-section { padding-block: 50px 15px; }
  .related-projects-section .projects-list-heading > .text-link { margin-top: 15px; }
  .works-hero { padding-block: 40px; }
  .works-hero-copy h1 { font-size: clamp(42px, 9vw, 60px); }
  .works-hero-graphic { min-height: 270px; }
  .works-graphic-frame { min-height: 180px; }
  .works-gallery { padding-block: 45px 65px; }
  .works-grid { grid-template-columns: 1fr; gap: 35px; }
  .work-card--large { grid-row: auto; }
  .work-image, .work-card--large .work-image { height: min(80vw, 430px); }
  .work-card-caption h3 { font-size: 27px; }
  .project-not-found, .not-found-page { min-height: 60vh; padding-block: 65px; }
  .not-found-page { padding-inline: 20px; }
  .project-not-found h1, .not-found-page h1 { font-size: 45px; }
}
@media (max-width: 380px) {
  .header-inner { gap: 12px; }
  .brand-name { font-size: 10px; letter-spacing: .07em; }
  .brand-subtitle { font-size: 5.5px; }
  .brand-mark { width: 31px; height: 31px; }
  .menu-label { display: none; }
  .footer-column nav a { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}
/* Reference-led white, serif and fine-rule visual system. */
:root{--paper:#fff;--paper-deep:#f6f4f1;--white:#fff;--ink:#303030;--ink-soft:#555;--forest:#383b3c;--forest-deep:#2d3031;--accent:#a99d90;--accent-dark:#756c62;--line:#c8beb5}
.site-header{background:#fff;backdrop-filter:none}.header-inner{min-height:90px}.brand-name{font-family:Georgia,serif;font-size:24px;letter-spacing:-.04em}.brand-subtitle{letter-spacing:.12em}.desktop-nav a{font-size:16px}.header-phone,.button,.pa-outline-action{border-radius:40px}.site-footer{background:#fff;color:#333;border-top:1px solid var(--line)}.footer-grid>div{border-right:1px solid var(--line);padding-right:25px}.site-footer a,.site-footer p,.site-footer small{color:#535353}.page-hero-copy h1,.page-section-heading h2,.about-story h2,.works-hero-copy h1,.projects-index-hero h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.03em}
@media(max-width:1100px){.desktop-nav{gap:15px}.desktop-nav a{font-size:13px}.brand-name{font-size:19px}}@media(max-width:600px){.brand-name{font-size:17px}.footer-grid>div{border:0}}
/* Shared editorial design across the interior pages. */
main:not(.gardner-home) h1,main:not(.gardner-home) h2,main:not(.gardner-home) h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.025em;line-height:1.15}
main:not(.gardner-home) h1 em,main:not(.gardner-home) h2 em{color:inherit;font-style:normal}
main:not(.gardner-home) p{font-size:16px;line-height:1.7;color:#555}
.section-index,.eyebrow{color:#777;font-size:11px;letter-spacing:.12em}
.page-hero{grid-template-columns:1fr 1fr;gap:0;padding:0;min-height:580px;border-bottom:1px solid var(--line)}
.page-hero-copy{padding:65px max(35px,6vw)}.page-hero-copy h1{font-size:clamp(40px,4.7vw,74px);margin-block:24px}.page-hero-copy>p{max-width:550px}.page-hero-image{height:100%;min-height:580px}.page-hero-image img{filter:none}.page-hero-phone{border:1px solid #999;border-radius:40px;padding:12px 24px;margin-top:25px}.page-hero-phone strong{font-weight:400;font-size:18px}
.text-link,.detail-link,.page-hero-text-link,.projects-intro-link,.project-index-card-action{border:1px solid #999;border-radius:40px;padding:9px 24px;min-height:42px;font-size:14px;font-weight:400;justify-content:center}.text-link:hover,.detail-link:hover,.project-index-card-action:hover{background:#333;color:white}.text-link span,.detail-link span{color:inherit}.service-faq-section,.values-section{background:white;border-bottom:1px solid var(--line)}.service-faq-list summary{font-size:18px;font-weight:400}.service-faq-list details p{font-size:15px}
.about-story{grid-template-columns:.3fr 1.3fr .4fr;padding-block:75px}.about-story-number{font-family:Georgia,serif;color:#888}.about-story-note{color:#777}.values-grid article{padding:35px;min-height:240px}.values-grid h3,.about-process-list h3{font-size:29px}.values-grid p,.about-process-list p{font-size:16px}.about-process-list article{padding:35px;border-right:1px solid var(--line)}
.projects-index-hero{align-items:center;text-align:center;padding-block:75px}.projects-index-hero h1{font-size:clamp(42px,5vw,76px)}.projects-list-heading h2{font-size:36px}.project-index-grid{gap:0;border-top:1px solid var(--line)}.project-index-card{padding:30px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.project-index-card:last-child{border-right:1px solid var(--line)}.project-index-card-content{align-items:center;text-align:center;padding:28px 0 0}.project-index-card-content h3{font-size:32px}.project-index-card-category{color:#777}.project-index-card-facts{width:100%;margin-top:15px}.project-index-card-action{width:100%;margin-top:20px}.project-index-card-subtitle{font-size:15px!important}.project-concept-note{background:white;border-bottom:1px solid var(--line);font-size:13px!important}.project-concept-note>span,.project-detail-disclosure>span{color:#777;border-color:#aaa}.projects-inspiration-link h2{font-size:32px}.project-detail-heading{padding-block:45px}.project-detail-heading h1{font-size:clamp(42px,5vw,74px)}.project-detail-image img{filter:none}.project-plan-copy h2,.project-detail-story h2{font-size:clamp(32px,3.7vw,52px)}.project-story-focus li{color:#555;font-size:15px;padding-block:20px}.project-detail-disclosure p{font-size:13px!important}.project-card-caption h3{font-size:30px}
.works-hero{width:100%;grid-template-columns:1fr 1fr;gap:0;padding:0;min-height:530px;border-bottom:1px solid var(--line)}.works-hero-copy{padding:65px max(30px,6vw)}.works-hero-copy h1{font-size:clamp(42px,4.5vw,70px)}.works-hero-graphic{height:100%;min-height:530px;background:#eee}.works-hero-graphic:before,.works-hero-graphic:after{display:none}.works-hero-photo{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.works-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}.work-card,.work-card--large{grid-row:auto;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.work-card:first-child{border-left:1px solid var(--line)}.work-card--offset{margin-top:0}.work-image,.work-card--large .work-image{height:360px}.work-image img{filter:none}.work-card-caption{padding-top:24px}.work-card-caption h3{font-size:29px}.work-card-caption p{font-size:15px!important}.works-heading{padding-bottom:25px}
.work-card-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px}.work-card-photos img{width:100%;height:105px;object-fit:cover}
.phone-callout{background:white;border-block:1px solid var(--line);padding:55px 0}.phone-callout-copy h2{font-family:Georgia,serif;font-size:38px}.phone-callout-link{border-radius:40px;background:#fff;color:#333;border:1px solid #999;padding:12px 24px}.phone-callout-link:hover{background:#333;color:#fff}.phone-callout-text small{font-size:10px}.phone-callout-link .phone-arrow{color:inherit}.footer-brand{color:#333}.footer-brand .brand-subtitle,.footer-column h2{color:#666}.footer-column h2{font-size:12px}.footer-column nav a{font-size:15px}.footer-bottom{color:#666;border-color:var(--line);font-size:12px}.site-footer a:hover{color:#111;text-decoration:underline}.footer-contact-phone{font-size:21px}.footer-grid{padding-block:65px;gap:40px}.footer-brand-column>p,.footer-contact-column p{font-size:14px}.footer-bottom a{color:#333}
@media(max-width:900px){.page-hero-copy,.works-hero-copy{padding:40px 25px}.page-hero-image{min-height:480px}.works-grid{grid-template-columns:1fr 1fr}.footer-grid{gap:25px}}
@media(max-width:767px){.page-hero,.works-hero{grid-template-columns:1fr;gap:0}.page-hero-copy,.works-hero-copy{padding:45px 25px}.page-hero-image,.works-hero-graphic{height:350px;min-height:350px}.works-grid{grid-template-columns:1fr}.about-story{grid-template-columns:1fr;gap:25px}.values-grid article,.values-grid article+article,.about-process-list article,.about-process-list article:nth-child(2n){padding:30px 0;border-left:0;border-right:0;border-bottom:1px solid var(--line)}.project-index-card{padding:20px;border-right:1px solid var(--line)}.project-detail-heading{align-items:start}.project-detail-heading>.text-link{align-self:start}.work-card,.work-card:first-child{padding:25px 0;border-inline:0}.work-image,.work-card--large .work-image{height:350px}.phone-callout{padding:35px 0}.footer-grid>div{border-right:0;padding-right:0}.projects-index-hero{padding-block:45px}.projects-list-heading h2{font-size:30px}.project-index-card-facts{gap:12px}.phone-callout-copy h2{font-size:32px}}
/* Contact and navigation follow the reference's browsing-first structure. */
.contact-editorial{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line)}.contact-editorial-image img{width:100%;height:100%;min-height:650px;object-fit:cover}.contact-editorial-copy{padding:65px clamp(25px,5vw,85px)}.contact-editorial-copy h1{font-size:clamp(40px,4vw,65px);margin:25px 0}.contact-editorial-copy h2{font-size:29px;margin-top:40px}.contact-call{display:flex;justify-content:space-between;align-items:center;border:1px solid #999;border-radius:40px;padding:15px 25px;font-size:25px;margin-top:30px}.contact-call:hover{background:#333;color:white}.contact-helper{font-size:13px!important;margin-top:12px}.contact-editorial-copy ul{padding-left:20px;line-height:2;color:#555}.contact-next{padding-block:65px}.contact-next>h2{text-align:center;font-size:38px;margin-bottom:40px}.contact-next>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-next article{padding:35px;border-right:1px solid var(--line)}.contact-next article:first-child{border-left:1px solid var(--line)}.contact-next h3{font-size:29px}.contact-next .button{font-size:14px;width:100%}.header-phone .phone-icon{display:none}.header-phone{padding-inline:25px}.desktop-nav{gap:28px}.desktop-nav a{font-weight:400}.site-footer .footer-brand .brand-name{font-size:21px}.footer-grid{grid-template-columns:1.1fr .9fr 1.1fr 1fr}.footer-brand .brand-mark{display:none}
@media(max-width:1000px){.desktop-nav{gap:16px}.footer-grid{grid-template-columns:1fr 1fr}.contact-editorial-copy{padding:40px 25px}.contact-editorial-image img{min-height:600px}}
@media(max-width:767px){.contact-editorial{grid-template-columns:1fr}.contact-editorial-image img{height:330px;min-height:0}.contact-next>div{grid-template-columns:1fr}.contact-next article{border:0;border-bottom:1px solid var(--line);padding:28px 15px}.contact-next article:first-child{border-left:0}.contact-call{font-size:23px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}.header-phone{padding-inline:14px;margin-left:auto}}
/* Compact wordmark and a visible, direct-call mobile control. */
.header-mobile-call{display:none}
@media(max-width:767px){.site-header .header-contact{display:none}.header-mobile-call{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;margin-left:auto;border:1px solid #999;border-radius:50%;color:var(--ink);background:#fff}.header-mobile-call svg{display:block;width:21px;height:21px}.header-mobile-call:hover{color:#fff;background:#333}.site-header .brand-type{gap:0}.site-header .header-inner{gap:16px}}
@media(max-width:380px){.site-header .header-inner{gap:10px}.site-header .brand-name{font-size:16px}}
/* Hamburger becomes a close icon while the native details menu is open. */
.mobile-menu .menu-lines{position:relative;width:22px;height:18px;border:0;transform:none;transition:none;background:linear-gradient(currentColor,currentColor) center/100% 1px no-repeat}
.mobile-menu .menu-lines::before,.mobile-menu .menu-lines::after{position:absolute;left:0;right:0;top:8.5px;height:1px;background:currentColor;content:"";transform-origin:center;transition:transform .2s ease}
.mobile-menu .menu-lines::before{transform:translateY(-7px)}
.mobile-menu .menu-lines::after{transform:translateY(7px)}
.mobile-menu[open] .menu-lines{transform:none;background:none}
.mobile-menu[open] .menu-lines::before{transform:rotate(45deg)}
.mobile-menu[open] .menu-lines::after{transform:rotate(-45deg)}
@media(prefers-reduced-motion:reduce){.mobile-menu .menu-lines::before,.mobile-menu .menu-lines::after{transition:none}}
/* A compact wordmark and prominent direct-call controls. */
.site-header{background:transparent;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;transition:background .2s ease,border-color .2s ease,backdrop-filter .2s ease}
.site-header.is-scrolled{background:rgba(255,255,255,.96);border-bottom-color:var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.site-header .header-inner{min-height:78px}
.site-header .brand{gap:10px}
.site-header .brand-mark{width:38px;height:38px}
.site-header .brand-symbol-main,.site-header .brand-symbol-accent{stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.site-header .brand-symbol-accent{stroke:currentColor}
.site-header .brand-name,.site-footer .footer-brand .brand-name{font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:.015em;line-height:1.05;white-space:nowrap}
.site-header .header-contact{gap:9px;padding-inline:18px;line-height:1}
.site-header .header-contact,.site-header .header-mobile-call{color:#fff;border-color:#303030;background:#303030}
.site-header .header-contact:hover,.site-header .header-mobile-call:hover{color:#fff;border-color:#444;background:#444}
.site-header .header-contact .phone-icon{display:grid}
.site-header .header-contact .phone-icon{width:18px;height:18px}
.site-header .header-contact .phone-icon svg{width:16px;height:16px}
@media(min-width:1051px){.site-header .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.site-header .brand{justify-self:start}.site-header .desktop-nav{justify-self:center;margin-left:0}.site-header .header-contact{justify-self:end;margin-left:0}}
@media(max-width:1100px){.site-header .brand-name{font-size:16px}}
@media(max-width:1050px){.site-header .header-inner{min-height:76px}}
@media(max-width:767px){.site-header .brand{gap:8px}.site-header .brand-mark{width:32px;height:32px}.site-header .brand-name{font-size:14px;letter-spacing:.01em}}

/* Full width, photo-backed callout on the work gallery. */
.phone-callout--banner {
  width: 100%;
  max-width: none;
  min-height: 172px;
  margin: 62px 0 0;
  padding-block: 28px;
  padding-inline: max(56px, calc((100vw - var(--page-width)) / 2));
  border: 0;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(5, 15, 24, .94), rgba(5, 15, 24, .84) 54%, rgba(5, 15, 24, .7)),
    url('/images/portfolio/viber_image_2026-10-30_20-34-30-732.webp') center 38% / cover no-repeat;
}
.phone-callout--banner .phone-callout-copy { min-width: 0; flex: 1 1 auto; }
.phone-callout--banner .section-index {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 5px;
  color: var(--accent);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .09em;
  line-height: 1.4;
}
.phone-callout--banner .section-index::after { display: none; }
.phone-callout--banner .phone-callout-copy h2 {
  max-width: 850px;
  margin-top: 4px;
  color: #fff;
  font-family: var(--font-display);
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 750;
  letter-spacing: -.035em;
  line-height: 1.08;
}
.phone-callout--banner .phone-callout-copy p { margin: 5px 0 0; color: rgba(255,255,255,.86); font-size: 16px; line-height: 1.5; }
.phone-callout--banner .phone-callout-link {
  min-width: 228px;
  min-height: 60px;
  justify-content: center;
  gap: 12px;
  padding: 14px 24px;
  border: 0;
  border-radius: 40px;
  color: #fff;
  background: #303030;
  box-shadow: 0 6px 18px rgba(0,0,0,.15);
  font-size: 16px;
  font-weight: 700;
  transition: background .2s, transform .2s;
}
.phone-callout--banner .phone-callout-link:hover { color: #fff; background: #444; transform: translateY(-1px); }
.phone-callout--banner .phone-callout-icon { width: auto; height: auto; border: 0; border-radius: 0; }
.phone-callout--banner .phone-callout-icon svg { width: 18px; height: 18px; }
.phone-callout--banner .phone-callout-text strong { margin: 0; font-size: 16px; font-weight: 700; }
@media(max-width:1050px) {
  .phone-callout--banner { padding-inline: 36px; }
}
@media(max-width:767px) {
  .phone-callout--banner { align-items: flex-start; flex-direction: column; gap: 22px; margin-top: 42px; padding-block: 30px; background-position: center 35%; }
  .phone-callout--banner .phone-callout-copy h2 { font-size: 30px; }
  .phone-callout--banner .phone-callout-copy p { font-size: 14px; }
  .phone-callout--banner .phone-callout-link { width: 100%; min-width: 0; min-height: 54px; }
}
@media(max-width:760px) {
  .phone-callout--banner { padding-inline: 20px; }
}
@media(max-width:380px){.site-header .brand-name{font-size:13px}}

/* Keep the header visible over the hero; its background becomes solid after scrolling. */
:root{--site-header-height:79px}
@media(max-width:1050px){:root{--site-header-height:77px}}
.site-header:not(.is-scrolled){opacity:1;visibility:visible;pointer-events:auto}
.site-header.is-scrolled{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s ease,visibility 0s,background .2s ease,border-color .2s ease,backdrop-filter .2s ease,-webkit-backdrop-filter .2s ease}

/* JavaScript opts content into reveals; the server-rendered page stays visible by default. */
@media (prefers-reduced-motion: no-preference) {
  .motion-pending { opacity: 0; translate: 0 24px; }
  .motion-pending:focus-within { opacity: 1; translate: none; }
  .mobile-menu[open] .mobile-menu-panel { animation: menu-enter .22s ease-out both; }
}
@keyframes menu-enter {
  from { opacity: 0; translate: 0 -8px; }
  to { opacity: 1; translate: 0 0; }
}

/* Open up the layouts by removing decorative divider rules. */
.site-header.is-scrolled { border-bottom-color: transparent; }
.mobile-menu-panel { border: 0; }
.mobile-menu-panel > a { border-bottom: 0; }
.page-hero,
.works-hero,
.about-story,
.values-grid,
.values-grid article,
.values-grid article + article,
.about-process-list,
.about-process-list article,
.about-process-list article:nth-child(2n),
.service-faq-section,
.service-faq-list,
.service-faq-list details,
.works-gallery,
.projects-list-section,
.project-index-grid,
.project-index-card,
.project-index-card:last-child,
.project-index-card-facts,
.project-concept-note,
.projects-inspiration-link,
.project-detail-story,
.project-story-focus ol,
.project-story-focus li,
.project-detail-disclosure,
.project-plan-figure,
.project-plan-note,
.contact-editorial,
.contact-next > div,
.contact-next article,
.contact-next article:first-child {
  border: 0;
}
.about-story-note .note-line { display: none; }
.values-grid { column-gap: 36px; }
.values-grid article,
.values-grid article + article { min-height: 0; padding: 0; }
.about-process-list { gap: 34px 48px; }
.about-process-list article,
.about-process-list article:nth-child(2n) { min-height: 0; padding: 0; }
.service-faq-list { display: grid; gap: 20px; }
.service-faq-list details { padding: 0; }
.project-index-grid { gap: 42px 30px; }
.project-index-card,
.project-index-grid .project-index-card:last-child { padding: 0; }
.project-index-card-facts { padding-block: 18px; }
.projects-list-heading > p,
.project-plan-note { padding-left: 0; }
.contact-next > div { gap: 32px; }
.contact-next article,
.contact-next article:first-child { padding: 0; }
.project-concept-note > span,
.project-detail-disclosure > span { border: 0; background: var(--paper-deep); }

.site-footer {
  border: 0;
  color: rgba(255,255,255,.78);
  background: #303030;
}
.site-footer .footer-grid > div { border: 0; padding-right: 0; }
.site-footer .footer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.site-footer a,
.site-footer p,
.site-footer small { color: rgba(255,255,255,.78); }
.site-footer .footer-brand .brand-name,
.site-footer .footer-contact-phone,
.site-footer .footer-bottom a { color: #fff; }
.site-footer .footer-brand .brand-subtitle,
.site-footer .footer-column h2,
.site-footer .footer-bottom { color: rgba(255,255,255,.62); }
.site-footer .footer-brand .brand-symbol-accent { stroke: var(--accent); }
.site-footer .footer-contact-phone span { color: var(--accent); }
.site-footer .footer-bottom,
.site-footer .footer-contact-column { border: 0; }
.site-footer a:hover { color: #fff; text-decoration: none; }
@media (min-width: 1051px) {
  .site-footer .footer-grid > .footer-column:not(.footer-contact-column) { text-align: center; }
  .site-footer .footer-grid > .footer-column:not(.footer-contact-column) nav { justify-items: center; }
  .site-footer .footer-contact-column { text-align: right; }
  .site-footer .footer-contact-phone { justify-content: flex-end; }
}
@media (max-width: 1050px) {
  .site-footer .footer-contact-column { padding-top: 0; }
}
@media (max-width: 1000px) {
  .site-footer .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
  .site-footer .footer-grid { grid-template-columns: 1fr; }
}