:root{--ink:#171916;--paper:#f2f0e9;--warm:#d7d0c2;--muted:#74756f;--line:rgba(23,25,22,.18);--dark:#171916;--cream:#f5f2e9;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}img{display:block;width:100%;height:100%;object-fit:cover}button{font:inherit}.wrap{width:min(calc(100% - 72px),var(--max));margin-inline:auto}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 max(36px,calc((100vw - var(--max))/2));position:absolute;z-index:10;width:100%;color:white;border-bottom:1px solid rgba(255,255,255,.28)}.brand{display:flex;align-items:center;text-decoration:none;color:inherit;letter-spacing:.12em}.brand-name{font-size:17px;font-weight:500}.brand-name b{font-weight:800}.brand-rule{width:42px;height:1px;background:currentColor;opacity:.7;margin:0 14px}.brand-sub{font-size:9px;letter-spacing:.28em}.site-nav{display:flex;gap:34px}.site-nav a{color:inherit;text-decoration:none;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.menu-button{display:none;color:inherit;background:transparent;border:0;text-transform:uppercase;font-size:11px;letter-spacing:.12em}.hero{height:min(900px,92vh);min-height:700px;position:relative;color:white;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media img{filter:saturate(.83);transform:scale(1.01)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,14,11,.66),rgba(12,14,11,.17) 60%,rgba(12,14,11,.08)),linear-gradient(0deg,rgba(12,14,11,.38),transparent 45%)}.hero-copy{position:absolute;left:max(36px,calc((100vw - var(--max))/2));bottom:11%;max-width:900px;padding-right:32px}.eyebrow,.kicker{margin:0 0 22px;font-size:11px;letter-spacing:.21em;text-transform:uppercase;font-weight:700}.eyebrow.light{opacity:.84}.hero h1,.intro-copy h2,.project-heading h2,.story-lead h3,.about h2,.contact h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}.hero h1{font-size:clamp(54px,7vw,105px);line-height:.91;margin:0 0 28px}.hero-deck{font-size:18px;max-width:665px;color:rgba(255,255,255,.86);margin:0 0 30px}.text-link{font-size:12px;text-transform:uppercase;letter-spacing:.13em;text-decoration:none;color:inherit;border-bottom:1px solid currentColor;padding-bottom:7px}.text-link span{margin-left:10px}.intro{display:grid;grid-template-columns:1fr 3fr;gap:80px;padding:150px 0 130px}.intro-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding-top:12px}.intro-label span{display:block;font-family:Georgia,serif;font-size:30px;color:var(--ink);letter-spacing:0;margin-bottom:16px}.intro-copy{max-width:830px}.intro-copy h2{font-size:clamp(42px,5vw,72px);line-height:1.03;margin:0 0 30px}.intro-copy>p:last-child{font-size:18px;max-width:700px;color:#555850}.project{padding-bottom:150px}.project-heading{display:flex;justify-content:space-between;align-items:end;padding-bottom:36px}.project-number{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}.project-heading h2{font-size:clamp(48px,6vw,84px);line-height:1;margin:0}.project-meta{text-align:right;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.project-meta p{margin:3px 0}.image-button{border:0;background:transparent;padding:0;cursor:zoom-in;overflow:hidden;display:block;width:100%}.image-button img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}.image-button:hover img{transform:scale(1.018)}.project-hero{height:min(68vw,800px)}.narrow-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:84px;padding-bottom:84px}.story-lead h3{font-size:clamp(34px,4vw,54px);line-height:1.07;margin:0}.project-story>p{font-size:17px;color:#54574f;margin:42px 0 0;max-width:600px}.gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:260px;gap:16px}.gallery .image-button{grid-column:span 4}.gallery .wide{grid-column:span 8}.gallery .tall{grid-row:span 2}.video-block{display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:start;padding-top:84px}.video-copy h3{font-family:Georgia,serif;font-weight:400;font-size:35px;line-height:1.1;margin:0 0 20px}.video-copy p:last-child{color:var(--muted)}video{width:100%;background:#111;aspect-ratio:16/9}.project-dark{background:var(--dark);color:var(--cream);padding-top:145px;margin-top:0}.project-dark .project-number,.project-dark .project-story>p,.project-dark figcaption{color:#a4a69e}.project-dark .kicker{color:#c6c0b4}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:16px}.before-after figure{margin:0}.before-after .image-button{height:500px}.before-after figcaption{font-size:10px;text-transform:uppercase;letter-spacing:.16em;margin-top:10px}.project-dark .gallery{padding-bottom:10px}.about{display:grid;grid-template-columns:1fr 3fr;gap:80px;padding:150px 0}.about-main{max-width:970px}.about h2{font-size:clamp(44px,5vw,72px);margin:0 0 30px;line-height:1}.large-copy{font-family:Georgia,serif;font-size:clamp(24px,2.6vw,36px);line-height:1.35;margin:0 0 48px}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:55px;color:#575a52}.philosophy{background:#cbc4b6;padding:120px 0}.quote-wrap{max-width:950px;text-align:center}.quote-mark{font-family:Georgia,serif;font-size:88px;line-height:.5;margin:0 0 25px}.philosophy blockquote{font-family:Georgia,serif;font-size:clamp(32px,4vw,54px);line-height:1.18;margin:0}.quote-credit{margin:30px 0 0;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.contact{display:grid;grid-template-columns:1fr 3fr;gap:80px;padding:150px 0}.contact-main h2{font-size:clamp(45px,5.5vw,78px);line-height:1;margin:0 0 36px}.contact-main>p{max-width:650px;color:#585a54;font-size:18px}.contact-name{margin-top:45px!important;color:var(--ink)!important;font-weight:700;font-size:14px!important;text-transform:uppercase;letter-spacing:.08em}.contact-name span{font-weight:400;margin-left:16px;color:var(--muted)}.site-footer{border-top:1px solid var(--line);min-height:130px;display:flex;align-items:center;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.footer-brand{color:var(--ink)}.lightbox{position:fixed;z-index:1000;inset:0;background:rgba(9,10,8,.94);display:none;align-items:center;justify-content:center;padding:6vw}.lightbox.open{display:flex}.lightbox img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.lightbox-close{position:absolute;right:24px;top:18px;color:white;border:0;background:transparent;font-size:42px;font-weight:200;cursor:pointer}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.wrap{width:min(calc(100% - 36px),var(--max))}.site-header{height:72px;padding:0 18px}.brand-rule,.brand-sub{display:none}.site-nav{display:none;position:absolute;top:72px;right:0;left:0;background:rgba(18,20,16,.97);padding:25px 18px;flex-direction:column;gap:20px;border-top:1px solid rgba(255,255,255,.15)}.site-nav.open{display:flex}.menu-button{display:block}.hero{min-height:620px;height:88vh}.hero-copy{left:18px;bottom:9%;padding-right:18px}.hero h1{font-size:52px}.hero-deck{font-size:16px}.intro,.about,.contact{grid-template-columns:1fr;gap:38px;padding:95px 0}.intro-label span{display:inline;margin-right:10px}.intro-copy h2{font-size:43px}.project{padding-bottom:95px}.project-heading{display:block}.project-meta{text-align:left;margin-top:20px}.project-hero{height:68vh;max-height:620px}.narrow-grid{grid-template-columns:1fr;gap:12px;padding-top:60px;padding-bottom:60px}.project-story>p{margin-top:10px}.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:220px;gap:8px}.gallery .image-button,.gallery .wide{grid-column:span 1}.gallery .tall{grid-row:span 1}.video-block{grid-template-columns:1fr;gap:25px;padding-top:60px}.project-dark{padding-top:95px}.before-after{grid-template-columns:1fr}.before-after .image-button{height:330px}.about-columns{grid-template-columns:1fr;gap:20px}.philosophy{padding:85px 0}.site-footer{padding:35px 0;display:grid;gap:18px}.site-footer p{margin:0}.contact-name span{display:block;margin:8px 0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.image-button img,.reveal{transition:none}}

/* 2026-08-11 refinements */
.brand-logo{letter-spacing:0;display:block;background:rgba(255,255,255,.94);padding:5px 8px;border-radius:1px}
.brand-logo picture{display:block}
.brand-logo img{display:block;width:300px;height:auto;object-fit:contain}
.site-footer .brand-logo{background:#fff;padding:4px 7px}
.site-footer .brand-logo img{width:245px}

.intro-label{padding-top:8px}
.intro-label span{display:none}

.transformation-grid{display:grid;gap:42px}
.transformation-grid-secondary{grid-template-columns:1fr 1fr;padding-top:0}
.transformation-pair{min-width:0}
.transformation-title{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#c6c0b4;margin:0 0 14px}
.pair-images{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pair-images figure{margin:0;min-width:0}
.pair-images .image-button{height:390px}
.pair-images figcaption{font-size:10px;text-transform:uppercase;letter-spacing:.16em;margin-top:10px;color:#a4a69e}
.gallery-allott-completed{grid-template-columns:1fr 1fr;grid-auto-rows:390px;margin-top:54px}
.gallery-allott-completed .image-button{grid-column:auto}

.philosophy{background:#cbc4b6;padding:110px 0}
.philosophy-grid{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:84px;align-items:start}
.longfellow-portrait{position:sticky;top:40px;align-self:start}
.longfellow-portrait img{width:100%;height:auto;aspect-ratio:705/831;object-fit:cover;filter:saturate(.7) contrast(.96)}
.quote-wrap{max-width:800px;text-align:left}
.philosophy .quote-wrap .kicker{margin-bottom:28px;color:#5c5a54}
.philosophy blockquote{font-family:Georgia,serif;font-size:clamp(32px,4vw,54px);line-height:1.18;margin:0}
.poem-toggle{margin-top:34px;border:0;border-bottom:1px solid currentColor;background:transparent;padding:0 0 7px;color:var(--ink);font-size:11px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.poem-toggle span{display:inline-block;margin-left:10px;font-size:18px;line-height:.7;transition:transform .2s ease}
.poem-toggle[aria-expanded="true"] span{transform:rotate(45deg)}
.full-poem{margin-top:42px;padding-top:38px;border-top:1px solid rgba(23,25,22,.25);max-width:620px}
.full-poem[hidden]{display:none}
.full-poem h3{font-family:Georgia,serif;font-size:30px;font-weight:400;margin:0 0 25px}
.full-poem p{font-family:Georgia,serif;font-size:18px;line-height:1.72;margin:0}

@media(max-width:800px){
  .brand-logo{padding:4px 6px}
  .brand-logo img{width:210px}
  .site-footer .brand-logo img{width:210px}
  .transformation-grid-secondary{grid-template-columns:1fr;gap:55px}
  .pair-images{gap:8px}
  .pair-images .image-button{height:240px}
  .gallery-allott-completed{grid-template-columns:1fr;grid-auto-rows:280px;margin-top:45px}
  .philosophy-grid{grid-template-columns:1fr;gap:45px}
  .longfellow-portrait{position:static;max-width:280px}
  .quote-wrap{text-align:left}
}