@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
:root{color-scheme:light;--ink:#2e1a11;--muted:#5e4b3b;--cream:#f7efdf}
*{box-sizing:border-box}
html,body{margin:0;min-width:320px;background:var(--cream);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif}
.landing{position:relative;isolation:isolate;min-height:100svh;height:max(66.6667vw,760px);overflow:hidden}
.landscape,.wash{position:absolute;inset:0;z-index:-2;pointer-events:none}
.landscape img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.wash{z-index:-1;background:linear-gradient(90deg,rgba(250,244,232,.53) 0%,rgba(250,244,232,.36) 45%,rgba(250,244,232,.08) 70%,transparent 85%)}
.header{position:absolute;top:4.65%;left:5.1%;right:4.8%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.wordmark{font-size:clamp(21px,1.83vw,30px);font-weight:700;letter-spacing:-1.15px}
.sale{display:flex;align-items:center;gap:26px;margin:0;font-size:clamp(14px,1.04vw,18px);letter-spacing:.12em;white-space:nowrap}
.sale span{height:1px;width:6.25vw;background:currentColor}
.hero{position:absolute;left:5.1%;right:5.1%;top:19.2%}
h1{font-size:clamp(72px,9.65vw,176px);line-height:.98;font-weight:760;letter-spacing:-.065em;margin:0 0 18px;white-space:nowrap}
.tagline{font-size:clamp(32px,4.16vw,74px);font-weight:400;letter-spacing:-.047em;line-height:1.17;margin:0 0 20px}
.description{font-size:clamp(19px,1.83vw,32px);line-height:1.4;letter-spacing:.023em;color:var(--muted);margin:0}
.inquiry{display:inline-flex;align-items:center;justify-content:center;gap:27px;min-height:80px;padding:22px 37px;margin-top:42px;border-radius:15px;background:var(--ink);color:#fff8ef;text-decoration:none;font-size:22px;font-weight:500;line-height:1.4;transition:background .16s}
.inquiry svg{width:31px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;flex-shrink:0}
.inquiry:hover{background:#4b3021}
a:focus-visible{outline:3px solid var(--ink);outline-offset:5px;box-shadow:0 0 0 4px var(--cream)}
.scope{font-size:14px;margin:21px 0 0;line-height:1.5;color:#523c2c}
.footer{position:absolute;left:5.1%;right:5.1%;bottom:4.2%;display:flex;justify-content:space-between;gap:32px;align-items:flex-start}
.possibilities{width:71.5%;border-top:1px solid #826950;padding-top:35px}
.possibilities ul{list-style:none;padding:0;margin:0;display:flex;align-items:center;justify-content:space-between;gap:28px}
.possibilities li{display:flex;align-items:center;gap:27px;font-size:clamp(14px,1.1vw,19px);letter-spacing:.1em;white-space:nowrap;line-height:1.5}
.possibilities li+li{border-left:1px solid #907459;padding-left:4.1vw}
.possibilities svg{width:30px;height:32px;stroke:currentColor;stroke-width:1.05;fill:none;flex-shrink:0}
.email{display:inline-block;color:#493324;font-size:14px;line-height:1.6;margin-top:22px;text-underline-offset:4px;text-decoration-thickness:1px}
.motto{text-transform:uppercase;font-size:11px;letter-spacing:.4em;line-height:1.9;color:#fff8ec;margin:-24px 0 0;min-width:62px}
.motto span{display:block;width:48px;height:1px;background:currentColor;margin-top:26px}
@media(min-width:1800px){.hero{top:21%}.landing{height:66.6667vw}.inquiry{font-size:26px;min-height:88px}}
@media(min-width:701px) and (max-width:1100px){.landing{height:max(75vw,750px)}.hero{top:20%}.inquiry{font-size:18px;min-height:66px;padding:18px 28px;margin-top:32px}.tagline{margin-bottom:22px}.description{max-width:66%}.possibilities{width:86%}.possibilities li{gap:14px;letter-spacing:.025em}.possibilities li+li{padding-left:20px}.motto{display:none}}
@media(max-width:900px){
 .landing{height:auto;min-height:100svh;padding:0 24px;background:#faf1e0;overflow:hidden}
 .landscape{inset:auto 0 0;height:560px}.landscape img{object-position:right center}
 .wash{inset:auto 0 0;height:561px;background:linear-gradient(#faf1e0 0%,rgba(250,241,224,.85) 12%,rgba(250,241,224,.15) 31%,transparent 55%,rgba(250,241,224,.60) 80%,rgba(250,241,224,.78) 100%)}
 .header{position:relative;inset:auto;padding-top:27px;gap:12px;align-items:center}
 .wordmark{font-size:20px;letter-spacing:-.9px}.sale{font-size:11px;letter-spacing:.045em;gap:0}.sale span{display:none}
 .hero{position:relative;inset:auto;padding-top:66px;padding-bottom:314px}
 h1{font-size:13.4vw;letter-spacing:-.065em;line-height:1.03;margin:0 0 24px}
 .tagline{font-size:clamp(30px,8.4vw,49px);line-height:1.12;letter-spacing:-.042em;max-width:550px;margin:0 0 22px}
 .description{font-size:18px;line-height:1.5;letter-spacing:.005em;max-width:470px;color:#574332}
 .inquiry{font-size:17px;gap:18px;padding:18px 23px;min-height:60px;margin-top:27px;border-radius:11px;max-width:100%;white-space:nowrap}.inquiry svg{width:26px;height:22px}
 .scope{margin-top:15px;font-size:14px}
 .footer{position:relative;inset:auto;display:block;padding-bottom:25px;gap:0}
 .possibilities{width:100%;padding-top:22px;border-color:#977a5e}
 .possibilities ul{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:16px 23px}
 .possibilities li{font-size:14px;letter-spacing:.01em;gap:12px;line-height:1.5}.possibilities li+li{padding-left:0;border:0}
 .possibilities svg{width:24px;height:25px}.email{font-size:14px;margin-top:24px}.motto{display:none}
}
@media(max-width:360px){.landing{padding:0 20px}.wordmark{font-size:18px}.sale{font-size:10px}.hero{padding-top:54px}.inquiry{font-size:15px;gap:16px;padding:17px 20px}.description{font-size:17px}}
@media(prefers-reduced-motion:reduce){.inquiry{transition:none}}
.keep-together{white-space:nowrap}
@media(min-width:901px){h1{transform:scaleX(.975);transform-origin:left center}}
.explore{display:inline-flex;align-items:center;gap:16px;color:var(--ink);font-size:14px;line-height:1.6;margin-top:19px;text-underline-offset:5px;min-height:32px}
.explore span{font-size:20px}
.story-section{padding:100px 5.1%;scroll-margin-top:20px}
.value-section{background:#faf5eb}
.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.16em;line-height:1.6;margin:0 0 38px;font-weight:600}
.section-heading{display:grid;grid-template-columns:1.05fr 1fr;gap:8%;align-items:end;margin-bottom:52px}
.story-section h2,.closing-section h2{font-size:clamp(36px,4.3vw,68px);font-weight:500;line-height:1.07;letter-spacing:-.048em;margin:0}
.section-intro{font-size:20px;line-height:1.65;color:#5e4b3b;max-width:600px;margin:0}
.section-intro p{margin:0 0 18px}.section-intro p:last-child{margin:0}.section-intro strong{color:var(--ink);font-weight:600}
.name-study{padding:48px 0 32px;border-top:1px solid #c5b29a;border-bottom:1px solid #c5b29a}
.name-equation{font-size:clamp(48px,9.7vw,155px);font-weight:700;line-height:1.15;letter-spacing:-.065em;white-space:nowrap}
.name-ending{color:#875533}.name-dot{color:#875533;opacity:.55}
.name-captions{display:flex;justify-content:space-between;max-width:900px;gap:20px;font-size:16px;line-height:1.5;letter-spacing:.03em;margin-top:20px;color:#66503b}
.value-points,.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;margin-top:48px}
.story-section h3{font-size:24px;line-height:1.25;letter-spacing:-.025em;font-weight:600;margin:0 0 18px}
.value-points p,.audience-grid p,.use-row>p{font-size:18px;line-height:1.65;color:#5e4b3b;margin:0}
.fit-note{font-size:16px;line-height:1.7;margin:38px 0 0;max-width:970px;color:#65513f}.fit-note strong{color:var(--ink)}
.uses-section{background:#efe1cc}
.use-list{border-top:1px solid #bca58a}
.use-row{display:grid;grid-template-columns:50px 1fr 1.1fr;gap:5%;padding:36px 0;border-bottom:1px solid #bca58a}
.use-number{font-size:15px;line-height:1.7;color:#6c523b;padding-top:4px}
.use-row h3{max-width:410px;margin-bottom:14px}
.for-whom{font-size:15px;color:#72573f;line-height:1.5;margin:0}
.audience-section{background:#faf5eb}
.audience-grid{margin-top:0}
.audience-grid article{border-top:1px solid #c5b29a;padding-top:28px}
.naming-note{border-top:1px solid #c5b29a;border-bottom:1px solid #c5b29a;margin-top:52px;padding:0}
.naming-note summary{cursor:pointer;padding:22px 0;font-size:17px;line-height:1.5;font-weight:500}
.naming-note summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
.naming-note p{max-width:960px;font-size:17px;line-height:1.7;color:#5e4b3b;margin:0 0 24px}
.closing-section{background:var(--ink);color:#fff6e7;padding:86px 5.1% 34px}
.closing-section .eyebrow{color:#ddc4a5}
.closing-domain{font-size:clamp(40px,6.4vw,100px);line-height:1.1;font-weight:600;letter-spacing:-.05em;margin:35px 0 24px}
.closing-copy{max-width:600px;font-size:19px;line-height:1.65;color:#e6d2b9;margin:0}
.closing-section .inquiry{background:#f6e8d3;color:var(--ink);margin-top:30px}.closing-section .inquiry:hover{background:#fff8ed}
.closing-section a:focus-visible{outline-color:#fff6e7;box-shadow:0 0 0 4px var(--ink)}
.closing-scope{max-width:640px;font-size:15px;line-height:1.65;color:#d8bfa0;margin:24px 0 0}
.closing-footer{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #765b43;margin-top:65px;padding-top:26px;font-size:15px;line-height:1.6;color:#e5cdb0}
.closing-footer a{color:inherit;text-underline-offset:5px}
@media(max-width:900px){.story-section{padding:64px 24px}.section-heading{grid-template-columns:1fr;gap:27px;margin-bottom:36px}.section-intro{font-size:18px;max-width:650px}.eyebrow{font-size:12px;margin-bottom:28px}.value-points,.audience-grid{grid-template-columns:1fr;gap:30px;margin-top:32px}.story-section h3{font-size:22px;margin-bottom:12px}.value-points p,.audience-grid p,.use-row>p{font-size:17px}.name-study{padding:28px 0}.name-equation{font-size:12vw}.name-captions{font-size:13px;gap:15px;letter-spacing:0}.use-row{grid-template-columns:28px 1fr;gap:12px 18px;padding:28px 0}.use-row>p{grid-column:2}.for-whom{font-size:14px}.closing-section{padding:64px 24px 28px}.closing-footer{flex-direction:column;gap:14px;margin-top:42px}.closing-copy{font-size:18px}.fit-note{font-size:15px}.naming-note p{font-size:16px}.closing-domain{font-size:12vw}.closing-scope{font-size:14px}}
@media(max-width:360px){.story-section,.closing-section{padding-left:20px;padding-right:20px}.name-captions{font-size:12px}.story-section h2,.closing-section h2{font-size:34px}.use-row{column-gap:12px}.closing-footer{font-size:14px}}