@font-face{font-family:Inter;src:url(/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(/instrument-serif.woff2) format("woff2");font-weight:400;font-display:swap}
:root{color-scheme:light;--paper:#f7f2e7;--ink:#282c21;--green:#33533b;--dark:#263831;--muted:#655f52;--line:#d3cabb;--panel:#fdfaf2;--sand:#e9dfca;--serif:"Instrument Serif",Georgia,serif;--sans:Inter,system-ui,sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.55 var(--sans)}a{color:#31563b;text-underline-offset:.24em}a:hover{text-decoration-thickness:2px}button,input,select{font:inherit;color:inherit}button{cursor:pointer;font-weight:680}button:disabled{opacity:.48;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.units label:has(:focus-visible){outline:3px solid #537b46;outline-offset:3px}.wrap{width:min(1130px,calc(100% - 72px));margin:auto}.top{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0;border-bottom:1px solid var(--line);gap:1rem;font-size:.84rem}.brand{text-decoration:none;font:400 1.85rem/1 var(--serif);color:var(--ink);display:flex;align-items:center;gap:.58rem}.mark{display:flex;align-items:center;justify-content:center;gap:1px;width:30px;height:30px;background:var(--green);border-radius:50%;transform:rotate(-18deg)}.mark i{display:block;width:7px;height:13px;background:#e7e2ac;border-radius:0 65% 0 65%;transform:rotate(-45deg)}.mark i+i{transform:rotate(55deg) translate(-1px,-2px)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,400px);align-items:center;gap:2rem;padding:2.9rem 0 2.2rem}.hero h1,.guide h1{font:400 clamp(4.2rem,8.1vw,7.15rem)/.85 var(--serif);letter-spacing:-.037em;margin:0}.hero h1 em{font-style:normal;color:var(--green)}.hero p{font-size:1.01rem;max-width:43ch;margin:1.25rem 0 0;color:var(--muted)}.beds-illustration{height:176px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.85rem;align-items:center;padding:1.15rem 1.25rem 1.15rem 0}.cross-section{height:100%;display:grid;grid-template-rows:24% 45% 1fr;border:1px solid #b5a48b;border-top-width:0;border-radius:5px 5px 48px 20px;overflow:hidden;transform:skew(-6deg)}.row{min-height:15px}.mulch-layer{background-color:#dbb783;background-image:repeating-linear-gradient(22deg,transparent 0 7px,#96663670 8px,transparent 9px 15px)}.new-layer{background-color:#aa7558;background-image:radial-gradient(#734c3d 1px,transparent 1px),radial-gradient(#e3bc90 1px,transparent 1px);background-size:9px 6px,14px 11px;background-position:0 0,3px 4px}.existing-layer{background-color:#5f523d;background-image:repeating-linear-gradient(168deg,transparent 0 13px,#d4b18145 14px,transparent 15px 19px)}.layer-labels{height:100%;display:grid;grid-template-rows:24% 45% 1fr;align-items:center;color:#5a5449;font-size:.74rem;font-weight:650}.layer-labels span:before{content:"";display:inline-block;background:#85725f;width:14px;height:1px;vertical-align:middle;margin-right:.45rem}
.planning{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(290px,1fr);align-items:start;gap:1rem}.left{display:grid;gap:.86rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.25rem}.head{display:flex;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:1rem}.head h2{font:400 2rem/1 var(--serif);margin:0}.units{display:flex;gap:.15rem;font-weight:650;padding:.2rem;margin:0;border:0;border-radius:9px;background:#ece4d4}.units legend{position:absolute;overflow:hidden;width:1px;height:1px;clip-path:inset(50%)}.units label{position:relative;font-size:.78rem;padding:.22rem .53rem;border-radius:6px;cursor:pointer}.units label:has(:checked){background:var(--panel);box-shadow:0 1px 3px #3e291722}.units input{position:absolute;opacity:0}.bed{border:1px solid var(--line);border-radius:9px;min-width:0;margin:0 0 .85rem;padding:.8rem;background:#f9f4e8}.bed legend{padding:0 .38rem;color:#5e5849;font-size:.77rem;font-weight:700}.bed-title{display:flex;align-items:end;justify-content:space-between;gap:.7rem;margin-bottom:.7rem}.bed-title label{flex:1}.bed-title .remove{padding:.4rem .55rem;background:transparent;border:1px solid #c9b9a8;color:#834830;border-radius:7px;font-size:.74rem}.bed-title .remove:hover{background:#f4e5d8}.dimensions,.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem .7rem}.dimensions label,.choices label,.bed-title label{display:grid;gap:.25rem;font-size:.76rem;font-weight:640;color:#554f43}.dimensions input,.dimensions select,.choices input,.bed-title input{width:100%;min-width:0;border:1px solid #cfc3b2;border-radius:6px;background:#fffdf7;color:var(--ink);padding:.4rem .48rem;height:35px}.value{position:relative;display:block}.value span{position:absolute;right:.4rem;top:.52rem;color:#645a48;pointer-events:none;font-weight:550}.value input{padding-right:2.3rem}.value input::-webkit-inner-spin-button{appearance:none}.value input[type=number]{appearance:textfield}.options details{margin-top:1rem;padding:.75rem 0 0;border-top:1px solid var(--line)}.options summary{color:var(--green);font-size:.86rem;font-weight:700;cursor:pointer}.hint{font-size:.76rem;color:var(--muted);margin:.45rem 0}.secondary{padding:.46rem .74rem;border:1px solid #c6baa8;border-radius:7px;background:#f8f2e5;color:#3c5139}.secondary:hover{background:#eee7d8}
.order{position:sticky;top:1rem;background:var(--dark);color:#f1ede3;border-color:#26372c}.order .head{border-bottom:1px solid #626f5b;padding-bottom:.75rem}.order .head span{font-size:.74rem;color:#e0e6d3}.order label,.order .hint{color:#dddccb}.order-total{display:grid;padding:.15rem 0 1rem}.order-total>span,.pair span{font-size:.78rem;font-weight:630;color:#e5e3d5}.order-total strong{font:400 clamp(2.7rem,6vw,4.35rem)/1.1 var(--serif);color:#f3edd4;overflow-wrap:anywhere}.order small{color:#dddccc;font-size:.75rem}.pair{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #626f5b;padding:.8rem 0;gap:.55rem}.pair>div{display:grid;align-content:start;min-width:0}.pair>div+div{border-left:1px solid #626f5b;padding-left:.75rem}.pair strong{font:400 2.05rem/1.2 var(--serif);overflow-wrap:anywhere}.order h3{font-size:.83rem;margin:.8rem 0 .46rem}.order ul{list-style:none;margin:0;padding:0}.order li{display:flex;justify-content:space-between;gap:1rem;padding:.27rem 0;border-bottom:1px solid #626f5b40;font-size:.77rem}.order li span:first-child{overflow-wrap:anywhere}.order li span:last-child{text-align:right;flex-shrink:0}.order-actions{display:flex;gap:.55rem;margin-top:1rem;flex-wrap:wrap}.order .primary{padding:.48rem .8rem;border:1px solid #efe7be;border-radius:7px;background:#efe7be;color:#263831}.order .primary:hover{background:#fff8da}.order .secondary{background:transparent;color:#f3edda;border-color:#a4ae8e}.order .secondary:hover{background:#384b40}.order #error{background:#fff1c7;border-radius:6px;color:#5a2c24;padding:.65rem .76rem;font-weight:650}.order #notice:empty{display:none}.order textarea{width:100%;background:#fefaf0;color:var(--ink);border:1px solid #d3cabb;border-radius:6px;min-height:7rem;margin-top:.4rem}.explain{margin:2rem 0 2.8rem;max-width:56ch}.explain h2{margin:0;font:400 2.1rem/1.1 var(--serif)}.explain p{margin:.45rem 0;color:var(--muted)}.footer{display:flex;justify-content:space-between;gap:.9rem;border-top:1px solid var(--line);padding:1rem 0 1.8rem;font-size:.79rem}.skip{position:absolute;left:.5rem;top:.5rem;transform:translateY(-200%);padding:.6rem;background:white;z-index:2}.skip:focus{transform:none}
.guide{width:min(700px,100%);padding:3rem 0}.guide h1{font-size:clamp(3.75rem,9vw,6rem);line-height:.86}.guide .lead{font-size:1.12rem;color:var(--muted);max-width:54ch}.guide h2{font:400 2.2rem/1.1 var(--serif);margin:2.1rem 0 .35rem}.guide .formula{background:#e9dfca;padding:.55rem .95rem;border-left:3px solid #80704b}.guide-cta{display:inline-block;border-radius:6px;padding:.59rem .9rem;color:#fffdec;background:#33533b;text-decoration:none;font-weight:680}
@media(max-width:820px){.wrap{width:calc(100% - 36px)}.hero{grid-template-columns:1fr minmax(210px,285px)}.planning{gap:.8rem}.panel{padding:.9rem}.dimensions,.choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:660px){.wrap{width:calc(100% - 24px)}.top{padding:.9rem 0;font-size:.75rem}.brand{font-size:1.55rem}.mark{width:26px;height:26px}.hero{padding:2rem 0 1.45rem;grid-template-columns:1fr;gap:.25rem}.hero h1{font-size:clamp(3.85rem,15.3vw,5.6rem)}.hero p{margin-top:.95rem}.beds-illustration{height:110px;width:min(100%,350px);padding:.65rem 0 .25rem .35rem}.planning{display:flex;flex-direction:column}.left,.order{width:100%}.order{position:static}.options .choices{grid-template-columns:repeat(3,minmax(0,1fr))}.choices label{font-size:.72rem}.dimensions{column-gap:.55rem}.guide{padding-top:2.4rem}}
@media print{body,.order{background:#fff;color:#222}.top,.hero,.left,.footer,.explain,.order-actions,#notice,.skip{display:none!important}.wrap,.planning,.order{width:100%;display:block;position:static;padding:0;border:0}.order *{color:#222!important}.order .order-total strong{font-size:2.7rem}.order li{border-color:#bbb}}

.jump{display:none}#order-panel{scroll-margin-top:1rem}@media(max-width:660px){.jump{display:inline-block;margin-top:.45rem;font-size:.8rem}.beds-illustration{height:92px}}