:root{--terracotta:#984b36;--peach:#f3d1b6;--forest:#244637;--ochre:#e8bd63;--paper:#fbf4e8}
body{background:var(--paper)}
header{background:var(--paper);border-color:#dfd3bf}
.brand{color:var(--forest)}
.nav .btn.amber{background:var(--terracotta)}
.nav .btn.amber:hover{background:#793d2d!important}
.hero{background:var(--terracotta);color:var(--paper)}
.hero>.wrap{max-width:none;padding:0;grid-template-columns:43% 57%;column-gap:0;min-height:730px;grid-template-rows:auto auto 1fr}
.hero-origin{padding:48px 5vw 0;color:#ffe0c8;max-width:none;max-width:48ch;margin-bottom:30px}
.hero h1{padding:0 3vw 0 5vw;font-size:clamp(60px,6vw,90px);color:var(--paper);line-height:1.01;max-width:none}
.hero h1 em{color:var(--ochre)}
.hero h1 span{color:#ffe0c8;font-size:25px;margin-top:30px;line-height:1.3}
.intro-row{padding:0 4vw 46px 5vw;margin-top:36px;align-self:end}
.hero .lead{color:#ffe3d0;font-size:15px;max-width:42ch}
.hero .cta{gap:25px;margin-top:30px;flex-wrap:wrap}
.hero .btn.amber{background:var(--ochre);color:#322817}
.hero .btn.amber:hover{background:#f3d18a!important;color:#322817!important}
.hero .btn.ghost{color:var(--paper);font-size:14px}
.hero .btn.ghost:hover{color:var(--ochre)!important}
.hero-photo{grid-column:2;grid-row:1/4;position:relative;min-height:730px;margin:0;overflow:hidden}
.hero-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:49% center}
.hero-photo figcaption{position:absolute;left:28px;right:28px;bottom:28px;background:#233e31;color:var(--paper);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px}
.hero-photo figcaption span{font-size:11px;color:#e5d8bc}
.photo-note{position:absolute;right:26px;top:26px;border-radius:50%;width:138px;height:138px;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(9deg);background:var(--ochre);color:#393019;font-family:'Instrument Serif',Georgia,serif;font-size:25px;line-height:1.03}
.light{background:var(--paper)}
#ranges{border:0}
#ranges .head h2{color:var(--forest)}
.cards{gap:40px 4vw}
.card:first-child{grid-template-columns:1.25fr 1fr;background:#f0dec6;padding:0;gap:4vw}
.card:first-child .txt{padding:30px 40px 30px 0}
.card:first-child .price{border-color:#c5b18f}
.range-photo{display:block;position:relative;overflow:hidden;min-width:0;color:var(--paper);height:320px}
.range-photo img{height:100%;width:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.range-photo span{position:absolute;bottom:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;background:#244637;padding:12px 16px;font-size:13px;text-transform:capitalize;color:var(--paper)}
.range-photo svg{width:20px;height:12px;stroke:currentColor;fill:none;stroke-width:1.5}
.card:first-child .range-photo{height:390px}
.card:last-child{background:#d4dfc1;padding:0;gap:4vw}
.card:last-child .range-photo{height:350px}
.card:last-child .txt{padding:25px 40px 25px 0}
.card:nth-child(2) .range-photo span,.card:nth-child(4) .range-photo span{background:var(--terracotta)}
.card:nth-child(3) .range-photo span{background:#684130}
.card h3{color:var(--forest)}
.card .price b{color:var(--terracotta)}
.drawing-story{background:#e9bd68;padding:78px 0;color:#393019}
.drawing-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}
.drawing-copy h2{font-size:clamp(48px,5.5vw,78px);line-height:1.03;max-width:13ch}
.drawing-copy h2 em{color:#75452c;font-weight:400}
.drawing-copy p{font-size:15px;line-height:1.75;margin:26px 0;max-width:38ch}
.drawing-story .sheet{grid-column:auto;grid-row:auto;min-height:470px;align-self:auto;background-color:#244637;box-shadow:none}
.drawing-story .sheet .plot{min-height:210px}
.drawing-story .sheet .cap strong{font-size:25px}
.drawing-story .sheet .ticks{gap:9px 18px;font-size:12px}
.dark{background:var(--forest)}
.dark h2{color:var(--paper)}
.step .n{color:#edc16d}
.step p{color:#d9e5d7}
#price{background:#f4e8d5}
#price h2{color:var(--terracotta)}
#price .rows .tk{color:var(--terracotta)}
.trade{background:#a2b18c;color:#172e24}
.trade .intro p,.trade .rows li{color:#172e24}
.trade .rows li{border-color:#6c825c}
.trade h2{color:#172e24}
#quote{background:#f3d1b6}
#quote h2{color:#7e3b2b}
form .btn.dark{background:var(--terracotta)}
form .btn.dark:hover{background:#793d2d}
input,select,textarea{border-color:#9a8068;background:#fff7ee}
footer,.preview-notice{background:var(--forest)}
.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#ae512c}
.hero .btn:focus-visible,.hero a:focus-visible{outline-color:#ffe3ac}
@media(hover:hover){.range-photo:hover img{transform:scale(1.035)}.range-photo:hover span{background:#172e24}}
@media(max-width:1100px){.hero h1{font-size:70px;padding-right:2vw}.hero-photo,.hero>.wrap{min-height:720px}.hero .lead{font-size:14px}.hero .cta{gap:20px}.card:first-child .txt,.card:last-child .txt{padding-right:25px}.drawing-layout{gap:5vw}}
@media(max-width:800px){.hero>.wrap{display:flex;flex-direction:column;min-height:0;padding:0;gap:0}.hero-origin{padding:30px 6vw 0;margin-bottom:24px;font-size:12px}.hero h1{padding:0 6vw;font-size:clamp(56px,12.7vw,78px);line-height:1.01;max-width:100%;width:100%}.hero h1 br{display:none}.hero h1 span{font-size:22px;margin-top:22px}.intro-row{padding:0 6vw 30px;margin-top:22px;align-self:auto}.hero .lead{font-size:14px;max-width:48ch}.hero .cta{margin-top:24px}.hero-photo{width:100%;min-height:420px;flex:none}.hero-photo>img{object-position:50% center}.hero-photo figcaption{left:18px;right:18px;bottom:18px;padding:12px;font-size:12px}.photo-note{width:104px;height:104px;right:18px;top:18px;font-size:20px}.range-photo{height:270px}.card:first-child .range-photo{height:300px}.card:first-child .txt,.card:last-child .txt{padding:24px}.card:last-child .range-photo{height:280px}.card:last-child{padding:0;display:block}.drawing-story{padding:54px 0}.drawing-layout{grid-template-columns:1fr;gap:32px}.drawing-copy h2{font-size:52px;max-width:14ch}.drawing-copy p{max-width:45ch;margin:20px 0}.drawing-story .sheet{margin:0;min-height:470px;padding:22px}.drawing-story .sheet .ticks{font-size:11px}.card .txt{padding:20px 0 24px}.hero h1 span br{display:none}input,select,textarea{border-color:#92715b}#ranges .head .side{max-width:48ch}}
.card:last-child .price b{color:#7e3b2b}
.card:first-child p{color:#5e4731}
.card:last-child p{color:#394b2a}
#quote p{color:#67432d}
footer h3{margin:0 0 8px;font-family:'Instrument Sans',sans-serif;font-size:12px;color:#e5d8bc;letter-spacing:0;font-weight:500}
.hero .btn.ghost:hover{color:#ffe3ac!important}
@media(prefers-reduced-motion:reduce){.range-photo img{transition:none}}