:root{--paper:#f5f1ea;--ink:#191816;--muted:#6d6962;--line:#d8d1c7;--red:#d44035;--white:#fffdf8;--dark:#171715;--blue:#587e99;--max:1320px;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:82px;padding:0 max(24px,4vw);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20;border-bottom:1px solid rgba(25,24,22,.12);background:rgba(245,241,234,.88);backdrop-filter:blur(12px);position:sticky;top:0}.wordmark{font-family:var(--serif);font-size:27px;font-weight:700;letter-spacing:-.06em}.wordmark span{font-family:var(--sans);font-size:9px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;display:inline-block;margin:0 4px;transform:translateY(-2px)}.site-nav{display:flex;align-items:center;gap:28px;font-size:13px;text-transform:uppercase;letter-spacing:.09em}.site-nav a{position:relative}.site-nav a:not(.nav-cta):after{content:'';position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--ink);transition:right .25s}.site-nav a:hover:after{right:0}.nav-cta{border:1px solid var(--ink);padding:10px 16px}.nav-cta:hover{background:var(--ink);color:var(--paper)}.nav-toggle{display:none;border:0;background:none;padding:8px}.nav-toggle span{display:block;width:24px;height:1px;background:var(--ink);margin:6px}.hero{max-width:var(--max);margin:auto;min-height:calc(100vh - 82px);padding:72px max(24px,4vw) 54px;display:grid;grid-template-columns:1.08fr .92fr;gap:7vw;align-items:center}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--red);margin:0 0 24px}.hero h1,.section-heading h2,.about h2,.contact h2,.case-section h2,.press-section h2,.case-result h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.04;margin:0}.hero h1{font-size:clamp(48px,6.3vw,94px);max-width:840px}.hero-deck{font-size:clamp(18px,1.7vw,25px);max-width:720px;color:#4c4944;margin:34px 0}.button-row{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.button{font-size:13px;text-transform:uppercase;letter-spacing:.09em}.button.primary{background:var(--ink);color:var(--paper);padding:16px 22px}.button.primary:hover{background:var(--red)}.button.text{border-bottom:1px solid var(--ink);padding:12px 0}.hero-portrait{margin:0;position:relative}.hero-portrait:before{content:'';position:absolute;inset:-18px 18px 18px -18px;border:1px solid var(--ink);z-index:-1}.hero-portrait img{width:100%;aspect-ratio:1.1/1;object-fit:cover}.hero-portrait figcaption{font-size:11px;text-transform:uppercase;letter-spacing:.14em;margin-top:14px}.metric-band{display:grid;grid-template-columns:repeat(4,1fr);background:var(--dark);color:var(--paper);padding:34px max(24px,4vw)}.metric-band div{padding:10px 28px;border-right:1px solid rgba(255,255,255,.18)}.metric-band div:last-child{border-right:0}.metric-band strong,.case-metrics strong{font-family:var(--serif);font-size:clamp(30px,3vw,48px);font-weight:400;display:block}.metric-band span,.case-metrics span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;opacity:.7}.section{max-width:var(--max);margin:auto;padding:120px max(24px,4vw)}.section-heading{display:grid;grid-template-columns:.55fr 1.4fr .8fr;gap:40px;align-items:end;margin-bottom:70px}.section-heading h2{font-size:clamp(42px,5vw,72px)}.section-heading>p:last-child{color:var(--muted);max-width:400px}.project-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:26px}.project-card{background:var(--white);border:1px solid var(--line);overflow:hidden}.project-card:nth-child(3){grid-column:1}.project-card:nth-child(4){grid-column:2}.project-image{overflow:hidden;background:#e9e4dc}.project-image img{width:100%;aspect-ratio:1.38/1;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.project-image.portrait-card img{object-position:center 30%}.project-card:hover .project-image img{transform:scale(1.025)}.project-info{display:grid;grid-template-columns:1.2fr .8fr auto;gap:24px;padding:27px;align-items:end}.project-number{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--red);margin:0 0 9px}.project-info h3{font-family:var(--serif);font-size:30px;font-weight:400;line-height:1.05;margin:0}.project-info>p{font-size:13px;color:var(--muted);margin:0}.arrow{font-size:24px}.dark-section{max-width:none;background:var(--dark);color:var(--paper);padding-left:max(24px,calc((100vw - var(--max))/2 + 4vw));padding-right:max(24px,calc((100vw - var(--max))/2 + 4vw))}.eyebrow.light{color:#f07a6c}.capability-list{border-top:1px solid rgba(255,255,255,.22)}.capability-list article{display:grid;grid-template-columns:80px 1fr 1fr;gap:35px;padding:38px 0;border-bottom:1px solid rgba(255,255,255,.22);align-items:start}.capability-list span{font-family:var(--serif);font-size:18px;color:#f07a6c}.capability-list h3{font-family:var(--serif);font-size:34px;font-weight:400;margin:0}.capability-list p{color:rgba(255,255,255,.67);margin:4px 0 0}.about{display:grid;grid-template-columns:.48fr 1.52fr;gap:50px}.about h2{font-size:clamp(42px,5.4vw,76px);margin-bottom:40px}.about-copy>p{font-size:20px;color:#4c4944;max-width:900px}.inline-links{display:flex;gap:35px;margin-top:40px;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.inline-links a{border-bottom:1px solid var(--ink);padding-bottom:5px}.contact{border-top:1px solid var(--line);text-align:center;max-width:none}.contact h2{font-size:clamp(48px,6vw,90px);max-width:1000px;margin:0 auto 50px}.contact-link{font-family:var(--serif);font-size:clamp(22px,3vw,40px);border-bottom:1px solid var(--ink);padding-bottom:6px}.site-footer{background:var(--dark);color:var(--paper);padding:65px max(24px,4vw) 30px;display:grid;grid-template-columns:.5fr 1fr .8fr;gap:40px}.footer-mark{font-size:40px}.site-footer p{margin:0 0 5px}.muted{color:rgba(255,255,255,.5)}.footer-links{display:flex;justify-content:flex-end;gap:25px;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:25px;margin-top:30px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5)}
/* case studies */.case-hero{max-width:var(--max);margin:auto;padding:70px max(24px,4vw) 0}.case-kicker{display:flex;justify-content:space-between;text-transform:uppercase;font-size:11px;letter-spacing:.13em;border-bottom:1px solid var(--line);padding-bottom:15px}.case-kicker p{margin:0}.case-hero h1{font-family:var(--serif);font-size:clamp(76px,12vw,176px);line-height:.86;letter-spacing:-.065em;font-weight:400;margin:70px 0 35px}.case-deck{font-family:var(--serif);font-size:clamp(24px,3vw,45px);line-height:1.18;max-width:1000px;margin:0 0 60px}.case-hero-image img{width:100%;max-height:790px;object-fit:cover}.case-metrics{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);padding:35px max(24px,4vw);border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.case-metrics div{padding:8px 25px;border-right:1px solid var(--line)}.case-metrics div:last-child{border:0}.case-section{max-width:var(--max);margin:auto;padding:115px max(24px,4vw)}.case-section.split{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.case-section h2{font-size:clamp(42px,5vw,72px)}.case-section.split>div:last-child{font-size:20px;color:#4b4843}.case-section.split p:first-child{margin-top:0}.numbered-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.numbered-grid article{border-top:1px solid var(--ink);padding-top:20px}.numbered-grid span{color:var(--red);font-family:var(--serif)}.numbered-grid h3{font-family:var(--serif);font-size:30px;font-weight:400;margin:25px 0 10px}.numbered-grid p{color:var(--muted)}.visual-pair{max-width:var(--max);margin:auto;padding:0 max(24px,4vw) 60px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.visual-pair figure,.gallery-grid figure,.press-grid figure{margin:0}.visual-pair img{width:100%;height:650px;object-fit:cover}.visual-pair figure:nth-child(2) img{object-position:center top}.visual-pair figcaption,.gallery-grid figcaption,.press-grid figcaption{font-size:11px;text-transform:uppercase;letter-spacing:.11em;margin-top:12px;color:var(--muted)}.gallery-grid{max-width:var(--max);margin:auto;padding:20px max(24px,4vw) 100px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.gallery-grid img{width:100%;height:460px;object-fit:cover}.gallery-grid .wide{grid-column:1/-1}.gallery-grid .wide img{height:580px}.gallery-grid .tall img{height:650px}.catalog-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 max(24px,4vw) 100px;max-width:var(--max);margin:auto}.catalog-strip img{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid var(--line)}.case-result{background:var(--dark);color:var(--paper);padding:100px max(24px,calc((100vw - var(--max))/2 + 4vw));text-align:center}.case-result h2{font-size:clamp(48px,6vw,86px);max-width:1100px;margin:0 auto 30px}.case-result>p:last-child{color:rgba(255,255,255,.68);font-size:20px;max-width:850px;margin:auto}.st-hero-grid{display:grid;grid-template-columns:1fr .8fr .55fr;gap:20px;align-items:stretch}.st-hero-grid img{width:100%;height:690px;object-fit:cover}.st-hero-grid img:nth-child(2){object-position:center}.st-hero-grid img:nth-child(3){object-fit:contain;background:#050505;padding:12%}.press-section{max-width:var(--max);margin:auto;padding:100px max(24px,4vw)}.press-section .section-heading{grid-template-columns:.55fr 1.2fr .7fr}.press-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 24px}.press-grid img{width:100%;height:510px;object-fit:contain;background:#fff;border:1px solid var(--line)}.house-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.house-hero img{width:100%;height:720px;object-fit:cover}.house-hero img:nth-child(2){object-fit:contain;background:#fff;padding:15%}.house-gallery .wide img{object-position:center 72%}.flow-gallery .wide img{object-fit:contain;background:#f5f5f0}.case-flow .case-hero-image img{object-fit:contain;background:#f2f1e9;padding:3%}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.project-image img{transition:none}}
@media(max-width:900px){.site-header{height:70px}.nav-toggle{display:block}.site-nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:30px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.site-nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:45px}.hero-portrait{max-width:680px}.metric-band{grid-template-columns:1fr 1fr}.metric-band div:nth-child(2){border-right:0}.metric-band div{border-bottom:1px solid rgba(255,255,255,.18)}.section-heading{grid-template-columns:1fr;gap:15px}.project-grid{grid-template-columns:1fr}.project-card:nth-child(n){grid-column:1}.capability-list article{grid-template-columns:50px 1fr}.capability-list p{grid-column:2}.about{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.case-section.split{grid-template-columns:1fr;gap:30px}.case-metrics{grid-template-columns:1fr 1fr}.case-metrics div:nth-child(2){border-right:0}.case-metrics div{border-bottom:1px solid var(--line)}.numbered-grid{grid-template-columns:1fr}.visual-pair{grid-template-columns:1fr}.visual-pair img{height:auto;max-height:700px}.gallery-grid{grid-template-columns:1fr}.gallery-grid .wide{grid-column:1}.gallery-grid img,.gallery-grid .wide img,.gallery-grid .tall img{height:auto;max-height:750px}.catalog-strip{grid-template-columns:1fr 1fr}.st-hero-grid{grid-template-columns:1fr 1fr}.st-hero-grid img{height:520px}.st-hero-grid img:nth-child(3){grid-column:1/-1;height:260px}.press-grid{grid-template-columns:1fr 1fr}.house-hero{grid-template-columns:1fr}.house-hero img{height:auto;max-height:720px}}
@media(max-width:560px){.hero h1{font-size:45px}.hero{padding-bottom:40px}.metric-band{grid-template-columns:1fr}.metric-band div{border-right:0}.section{padding-top:85px;padding-bottom:85px}.project-info{grid-template-columns:1fr auto}.project-info>p{grid-column:1/-1}.capability-list h3{font-size:28px}.case-hero{padding-top:45px}.case-kicker{display:block}.case-kicker p+ p{margin-top:7px}.case-hero h1{font-size:76px;margin-top:55px}.case-deck{font-size:26px}.case-metrics{grid-template-columns:1fr}.case-metrics div{border-right:0}.case-section{padding-top:85px;padding-bottom:85px}.catalog-strip{grid-template-columns:1fr}.st-hero-grid{grid-template-columns:1fr}.st-hero-grid img,.st-hero-grid img:nth-child(3){grid-column:1;height:auto;max-height:650px}.press-grid{grid-template-columns:1fr}.press-grid img{height:auto}.contact-link{font-size:18px;word-break:break-all}.site-footer{padding-top:50px}}
/* Brand, merchandise and consulting updates */
.current-work{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;border-top:1px solid var(--line)}
.current-work-intro h2,.resume-viewer h1{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.04;margin:0;font-size:clamp(42px,5vw,72px)}
.current-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.current-work-grid article{background:var(--white);border:1px solid var(--line);padding:30px}
.current-work-grid h3{font-family:var(--serif);font-size:30px;font-weight:400;line-height:1.08;margin:8px 0 18px}
.current-work-grid p:last-child{color:var(--muted);margin:0}
.flow-merch-hero img{object-fit:cover!important;background:#efe9e1!important;padding:0!important;max-height:900px}
.flow-product-gallery img{background:#f6f3ed}
.flow-product-gallery .wide img{object-fit:cover}
.flow-proof-pair img{object-fit:contain;background:#fff}
.willie-pair figure:first-child img{object-position:center center}
.press-grid .press-wide{grid-column:span 2}
.press-grid .press-wide img{object-fit:contain}
.resume-viewer{padding-top:80px}
.resume-viewer>p:not(.eyebrow){font-size:20px;color:var(--muted);margin:24px 0 32px}
.resume-object{width:100%;height:980px;border:1px solid var(--line);background:#fff;margin-top:48px}
@media(max-width:900px){.current-work{grid-template-columns:1fr}.current-work-grid{grid-template-columns:1fr}.press-grid .press-wide{grid-column:1/-1}.resume-object{height:760px}}
@media(max-width:560px){.current-work-grid{grid-template-columns:1fr}.press-grid .press-wide{grid-column:1}.resume-object{height:600px}}

/* Featured-work order and image framing refinements */
.project-image.house-card-image img{object-position:center 76%;}
.serra-gallery .serra-campaign-poster img{object-fit:contain;background:#8cbfba;}

/* Serra mobile catalog fixes — 2026-06-17 */
.catalog-strip.catalog-strip-contain img{
  aspect-ratio:auto;
  height:auto;
  object-fit:contain;
  object-position:center top;
  background:#fff;
}
@media(max-width:560px){
  .case-section.split{
    overflow:visible;
  }
  .case-section.split > div{
    min-width:0;
  }
  .case-section.split h2,
  .case-section.split p{
    overflow:visible;
    text-wrap:pretty;
  }
  .catalog-strip.catalog-strip-contain{
    gap:24px;
  }
  .catalog-strip.catalog-strip-contain img{
    width:100%;
    max-height:none;
  }
}

/* Sloane & Tate expanded campaign, partnership and press sections */
.st-single-hero img{width:100%;max-height:880px;object-fit:cover;object-position:center 28%}
.commissioned-grid{grid-template-columns:.9fr 1.1fr}
.commissioned-grid .wide{grid-column:2}
.commissioned-grid .wide img{height:650px}
.collaboration-section{padding-bottom:55px}
.collaboration-feature{max-width:var(--max);margin:auto;padding:0 max(24px,4vw) 110px}
.collaboration-feature figure{margin:0;display:grid;grid-template-columns:minmax(280px,560px) 1fr;gap:38px;align-items:end}
.collaboration-feature img{width:100%;max-height:760px;object-fit:contain;background:#fff;border:1px solid var(--line)}
.collaboration-feature figcaption{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);padding-bottom:12px}
.st-press-grid img{object-fit:contain;background:#fff}
@media(max-width:900px){.commissioned-grid{grid-template-columns:1fr}.commissioned-grid .wide{grid-column:1}.commissioned-grid .wide img{height:auto}.collaboration-feature figure{grid-template-columns:1fr}.collaboration-feature figcaption{padding-bottom:0}}
@media(max-width:560px){.st-single-hero img{height:auto}.collaboration-feature{padding-bottom:85px}}


/* Expanded Sloane & Tate image system */
.st-brand-gallery img{background:#f4f0ea;}
.st-product-pair img,.st-culture-pair img,.retail-feature img{background:#fff;border:1px solid var(--line);}
.st-product-pair figure:nth-child(1) img{object-fit:contain;background:#fff7f2;padding:4%;}
.st-product-pair figure:nth-child(2) img{object-fit:contain;background:#1c1c1c;}
.st-culture-pair figure:nth-child(1) img{object-position:center 22%;}
.st-culture-pair figure:nth-child(2) img{object-fit:contain;background:#efe6dc;padding:2%;}
.st-supporting-gallery{padding-top:0;}
.st-supporting-gallery .wide img{height:620px;object-fit:cover;object-position:center 22%;}
.retail-feature{max-width:var(--max);margin:auto;padding:0 max(24px,4vw) 110px;}
.retail-feature figure{margin:0;}
.retail-feature img{width:100%;max-height:760px;object-fit:contain;}
.retail-feature figcaption{font-size:11px;text-transform:uppercase;letter-spacing:.11em;margin-top:12px;color:var(--muted);}
.st-press-grid img{object-fit:contain;background:#fff;}
@media(max-width:900px){.st-supporting-gallery .wide img{height:auto;max-height:760px}.retail-feature{padding-bottom:90px;}}
@media(max-width:560px){.retail-feature{padding-bottom:75px;}}

.st-supporting-gallery{padding-top:0;}
.st-supporting-gallery img{height:560px;object-fit:cover;}
.st-supporting-gallery figure:first-child img{object-position:center 18%;}
.st-supporting-gallery figure:last-child img{object-position:center 20%;}
@media(max-width:900px){.st-supporting-gallery img{height:auto;max-height:760px}}

/* Flow Kana fixes and Serra standalone crop */
.catalog-strip img[alt="Serra standalone wholesale displays"]{object-fit:contain;background:#f4f6f8;padding:18px;}
.flow-product-gallery img[src$="flow-ashtray.webp"]{object-fit:contain;background:#fff;padding:2%;}
.willie-pair figure:first-child img{background:#0a0a0a;}

.flow-product-gallery img[src$="flow-grinder.webp"]{object-fit:contain;background:#f7f5f1;padding:2%;}
.st-supporting-gallery img[src$="st-commissioned-bw-seated.webp"]{object-fit:contain;background:#111;}

.st-brand-gallery .silver-full img{object-fit:contain;background:#ece4d8;padding:18px;height:650px;}
.lapcg-gallery img{object-fit:contain;background:#efeae0;padding:18px;height:420px;}
.lapcg-gallery .wide img{height:430px;}
@media (max-width: 900px){.st-brand-gallery .silver-full img{height:520px;}.lapcg-gallery img{height:320px;}}