﻿:root{--ink:#292820;--muted:#747064;--paper:#f1eee6;--olive:#62654e;--clay:#ba7650;--line:#d9d5ca;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}a{color:inherit;text-decoration:none}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:white;padding:1rem;z-index:9}header{height:80px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand>span{width:36px;height:36px;border:1px solid var(--olive);border-radius:50%;display:grid;place-items:center;color:var(--olive);font:italic 25px var(--serif)}.brand b{font:700 11px var(--sans);letter-spacing:.14em}.brand small{display:block;font:9px var(--mono);color:var(--muted);margin-top:3px}header nav{display:flex;gap:30px;font-size:11px}header nav a:hover,.text-link:hover{color:var(--clay)}.top-link{font-size:10px;border-bottom:1px solid;padding:8px 0}.menu{display:none}.hero{min-height:620px;padding:56px 7vw 43px;display:grid;grid-template-columns:47% 53%;gap:2vw;align-items:center;position:relative;overflow:hidden}.copy{max-width:530px;z-index:1}.eyebrow{font:9px var(--mono);letter-spacing:.1em;color:var(--olive)}.eyebrow i,.availability i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--clay);margin-right:8px}h1{font:clamp(66px,8vw,104px)/.91 var(--serif);font-weight:400;letter-spacing:-.04em;margin:35px 0 20px}h1 em,h2 em{color:var(--clay);font-weight:400}.copy>p{max-width:410px;font-size:13px;line-height:1.8;color:var(--muted)}.actions{display:flex;align-items:center;gap:23px;margin:29px 0 64px}.button{display:inline-flex;align-items:center;gap:22px;padding:15px 19px;background:var(--olive);color:white;font-size:10px}.button:hover{background:#4d503d}.text-link{font-size:10px;border-bottom:1px solid;padding-bottom:5px}.caption{display:flex;justify-content:space-between;gap:14px;font:8px var(--mono);color:var(--muted)}.image{height:455px;position:relative}.image:before{content:'';position:absolute;inset:14px -14px -14px 14px;border:1px solid #bdb8a7}.image img{width:100%;height:100%;object-fit:cover;position:relative}.image small,.method-image small{position:absolute;right:12px;bottom:12px;background:white;padding:7px 9px;font-size:9px}.side{position:absolute;right:2.5vw;top:52px;writing-mode:vertical-rl;font:9px/1.8 var(--mono);letter-spacing:.1em;color:var(--muted)}.band{padding:17px 8vw;background:#e6e3d8;color:var(--olive);display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.1em}.band b{color:var(--clay)}.guide{padding:92px 8vw}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.heading h2,.planner h2,.method h2{font:clamp(44px,5.4vw,69px)/.98 var(--serif);font-weight:400;letter-spacing:-.025em;margin:16px 0 0}.heading>p{max-width:300px;font-size:12px;color:var(--muted);line-height:1.7}.grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.grid article{padding:21px 17px 26px 0;margin-right:20px;border-right:1px solid var(--line)}.grid article:last-child{border:0;margin:0}.grid small{font:9px var(--mono);color:var(--clay)}.grid h3{font:22px/1.1 var(--serif);font-weight:400;max-width:180px;margin:24px 0 9px}.grid p{font-size:10px;line-height:1.7;color:var(--muted);max-width:185px}.availability{margin-top:22px;font-size:10px;color:var(--muted)}.availability i{width:7px;height:7px;background:#879076}.planner{padding:88px 8vw;background:#e6e3d8}.planner-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:start}.planner-copy{padding-top:16px}.planner h2 em,.method h2 em{color:var(--olive)}.planner-copy>p,.method-copy>p{max-width:400px;font-size:12px;line-height:1.8;color:var(--muted)}.notice{display:flex;gap:12px;margin-top:24px;padding:14px;border-left:2px solid var(--clay);font-size:10px;line-height:1.6;color:#636052}.notice b{font:18px var(--serif);color:var(--clay)}.annotation{font:9px/1.8 var(--mono);letter-spacing:.1em;color:#858573;margin-top:54px}.form-card{background:#fffdfa;padding:27px 29px;box-shadow:0 16px 50px #342c1d0b}.form-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px;font:8px var(--mono);color:var(--muted)}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:19px 0}.inputs label{position:relative;font-size:9px;color:var(--muted)}.inputs input{display:block;width:100%;margin-top:7px;padding:11px 29px 11px 10px;border:1px solid var(--line);background:white;color:var(--ink);font:12px var(--sans)}.inputs small{position:absolute;right:10px;bottom:11px;font:9px var(--mono)}.calculate{width:100%;padding:14px 16px;background:var(--olive);color:white;border:0;display:flex;justify-content:space-between;font:10px var(--sans);cursor:pointer}.result{background:var(--paper);padding:17px;margin-top:14px}.result>small{font:8px var(--mono);color:var(--muted);letter-spacing:.06em}.result strong{float:right;font:24px var(--serif);font-weight:400;color:var(--olive)}.result p{clear:both;font-size:10px;line-height:1.6;color:var(--muted);padding-top:8px}.bar{height:5px;background:#d8d5ca}.bar i{display:block;height:100%;width:8%;background:var(--clay);transition:width .3s}.result .fine{border-top:1px solid var(--line);padding-top:11px;font-size:9px}.reset{border:0;background:none;text-decoration:underline;color:var(--olive);font:10px var(--sans);cursor:pointer;margin-top:10px}.method{padding:100px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.method-image{height:420px;position:relative}.method-image img{width:100%;height:100%;object-fit:cover;object-position:70% center}.method-copy h2{margin:16px 0}.steps{margin:24px 0}.steps>div{display:flex;gap:17px;border-top:1px solid var(--line);padding:12px 0}.steps>div>b{font:9px var(--mono);color:var(--clay)}.steps p{margin:0}.steps strong{font-size:10px}.steps small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.closing{padding:42px 8vw;background:var(--olive);color:white;display:flex;align-items:center;gap:21px}.closing>span{font:60px var(--serif);font-style:italic;color:#d9b58d}.closing small{font:8px var(--mono);letter-spacing:.1em;color:#e3e3d7}.closing h2{font:30px var(--serif);font-weight:400;margin:8px 0}.closing p{font-size:10px;color:#e3e3d7;margin:0}.pale{margin-left:auto;background:var(--paper);color:var(--olive)}footer{padding:36px 8vw 16px;background:#282921;color:#f3f0e8}.foot-main{display:grid;grid-template-columns:1fr 1fr 1fr;padding-bottom:29px}.foot-main>p{font:20px var(--serif);margin:0}.foot-main p small{display:block;font:9px var(--sans);color:#c2c2b5;margin-top:7px}.foot-main nav{display:flex;flex-direction:column;gap:10px;font-size:9px;color:#d9d9ce}.foot-main .brand>span{border-color:#c8c9b8;color:#e3e4d5}.foot-main .brand small{color:#c2c2b5}.foot-bottom{border-top:1px solid #4e5046;padding-top:13px;display:flex;justify-content:space-between;font:8px var(--mono);color:#c2c2b5}@media(max-width:850px){header{padding:0 5vw}.hero{padding-left:5vw;padding-right:5vw}.image{height:375px}.guide,.method{padding:74px 6vw}.planner{padding:72px 6vw}.grid{grid-template-columns:1fr 1fr}.grid article:nth-child(2){border-right:0}.grid article:nth-child(n+3){border-top:1px solid var(--line)}.planner-inner,.method{gap:5vw}}@media(max-width:620px){header{height:68px}.top-link,header nav{display:none}.menu{display:flex;flex-direction:column;gap:5px;background:none;border:0;padding:10px}.menu i{width:20px;border-top:1px solid var(--ink)}header nav.open{position:absolute;z-index:5;display:flex;top:68px;left:0;right:0;padding:20px 6vw;background:var(--paper);flex-direction:column;gap:17px;border-bottom:1px solid var(--line)}.hero{display:flex;flex-direction:column;align-items:stretch;padding:43px 6vw 30px;gap:20px}.hero h1{font-size:70px;margin:26px 0 18px}.copy>p{font-size:12px}.actions{margin:22px 0 26px;gap:14px}.caption{font-size:7px}.image{height:270px;margin-right:10px}.side{display:none}.band{padding:14px 6vw;font-size:8px}.band span:nth-of-type(n+4),.band b:nth-of-type(n+3){display:none}.heading{display:block}.heading>p{margin-top:18px}.grid{grid-template-columns:1fr}.grid article{border-right:0;border-top:1px solid var(--line);margin:0;padding:18px 8px 17px 0}.grid article:first-child{border-top:0}.grid h3{margin:13px 0 5px;max-width:280px}.grid p{max-width:300px}.planner-inner{grid-template-columns:1fr}.annotation{margin-top:28px}.form-card{padding:22px 16px}.inputs{gap:9px}.method{grid-template-columns:1fr;padding-top:68px;padding-bottom:68px}.method-image{height:270px}.closing{padding:31px 6vw;flex-wrap:wrap;gap:12px}.closing>span{font-size:47px}.closing h2{font-size:24px}.pale{margin:5px 0 0}.foot-main{grid-template-columns:1fr;gap:20px}.foot-bottom{flex-wrap:wrap;gap:10px}.foot-bottom span:nth-child(2){order:3;width:100%}}
