@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:ital,wght@0,400;0,500;1,400&display=swap');
:root{--u:calc(100vw / 1440);--blue:#46472b;--green:#ad5570;--paper:#fcfaf5;--ink:#293b40;--line:#e4ded4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:calc(var(--u)*16)/1.6 'DM Sans',sans-serif}a{color:var(--blue)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:calc(var(--u)*4)}[hidden]{display:none!important}header{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--u)*22) calc(var(--u)*70);border-bottom:1px solid var(--line);background:#fffdf9}header a{font-size:calc(var(--u)*14);text-decoration:none}.logo{display:block;width:calc(var(--u)*230);height:calc(var(--u)*72);object-fit:contain}main{max-width:calc(var(--u)*1300);margin:auto;padding:calc(var(--u)*42) calc(var(--u)*30)}.intro{margin-bottom:calc(var(--u)*34)}h1,h2{font-family:'Fraunces',serif;font-weight:400;color:var(--blue);line-height:1.12}h1{font-size:calc(var(--u)*58);margin:calc(var(--u)*10) 0 calc(var(--u)*18)}h1 em{color:var(--green);font-weight:400}h2{font-size:calc(var(--u)*27);margin:0 0 calc(var(--u)*24)}p{margin:calc(var(--u)*12) 0}.eyebrow{color:var(--green);font-size:calc(var(--u)*11);letter-spacing:calc(var(--u)*2);font-weight:700}.layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:calc(var(--u)*30);align-items:start}.layout>*{min-width:0}.panel{background:#fffdf9;border:1px solid var(--line);border-radius:calc(var(--u)*24);padding:calc(var(--u)*30);margin-bottom:calc(var(--u)*24)}.step{display:inline-grid;place-items:center;width:calc(var(--u)*34);height:calc(var(--u)*34);background:#eaf0e5;color:var(--green);font:calc(var(--u)*16) 'DM Sans',sans-serif;border-radius:50%;margin-right:calc(var(--u)*8)}.fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(var(--u)*18)}.fields.address{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}label{display:flex;flex-direction:column;gap:calc(var(--u)*7);font-size:calc(var(--u)*14);font-weight:500;min-width:0;margin-bottom:calc(var(--u)*18)}label small{font-weight:400}input,select,textarea{width:100%;min-width:0;border:1px solid #cbd3c7;background:white;color:var(--ink);border-radius:calc(var(--u)*10);padding:calc(var(--u)*12);font-size:calc(var(--u)*15)}textarea{resize:vertical}fieldset{border:0;padding:0;margin:0}.modes{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*14);margin-bottom:calc(var(--u)*20)}.modes label{border:1px solid var(--line);border-radius:calc(var(--u)*14);padding:calc(var(--u)*18);margin:0;position:relative;cursor:pointer}.modes label:has(:checked){border-color:var(--green);background:#eef3e9}.modes input{width:calc(var(--u)*18);height:calc(var(--u)*18);accent-color:var(--green)}.modes small{font-size:calc(var(--u)*12)}.inline{flex-direction:row;align-items:center}.inline input{width:calc(var(--u)*18);height:calc(var(--u)*18);accent-color:var(--green)}.hint,.micro{color:#6a746b;font-size:calc(var(--u)*13);line-height:1.6}.micro{text-align:center;font-size:calc(var(--u)*12)}.text-link{font-size:calc(var(--u)*14)}.summary{position:sticky;top:calc(var(--u)*24);background:#f1f4ea}.row{display:flex;gap:calc(var(--u)*12);justify-content:space-between;margin:calc(var(--u)*16) 0;font-size:calc(var(--u)*14)}.row b{text-align:right}.total{border-top:1px solid #d4ddcd;padding-top:calc(var(--u)*22);margin-top:calc(var(--u)*22);display:flex;flex-direction:column;gap:calc(var(--u)*5)}.total strong{font:calc(var(--u)*38) 'Fraunces',serif;color:var(--blue)}.button,.secondary{display:flex;align-items:center;justify-content:center;text-align:center;min-height:calc(var(--u)*52);border-radius:calc(var(--u)*100);padding:calc(var(--u)*14) calc(var(--u)*22);background:var(--blue);color:white;border:0;text-decoration:none;font-size:calc(var(--u)*15);font-weight:700;width:100%;line-height:1.4}.button:hover{background:#343622}.secondary{background:transparent;color:var(--blue);border:1px solid var(--blue)}.support{text-align:center;font-size:calc(var(--u)*13);color:#6a746b}.item{display:grid;grid-template-columns:calc(var(--u)*80) minmax(0,1fr) auto;gap:calc(var(--u)*16);padding:calc(var(--u)*18) 0;border-bottom:1px solid var(--line);margin-bottom:calc(var(--u)*16)}.item img{width:100%;height:calc(var(--u)*90);object-fit:cover;border-radius:calc(var(--u)*10)}.item h3{font-size:calc(var(--u)*15);margin:0 0 calc(var(--u)*5);line-height:1.4}.item .unit{font-size:calc(var(--u)*12);color:#6a746b}.item strong{color:var(--blue);font-size:calc(var(--u)*15)}.item-end{text-align:right}.remove{display:block;margin:calc(var(--u)*12) 0 0 auto;border:0;background:none;text-decoration:underline;color:#7d6156;font-size:calc(var(--u)*12)}.quantity{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:calc(var(--u)*30);margin-top:calc(var(--u)*10);overflow:hidden}.quantity button{width:calc(var(--u)*34);height:calc(var(--u)*34);border:0;background:#f1f4ea;color:var(--blue)}.quantity span{min-width:calc(var(--u)*30);text-align:center;font-size:calc(var(--u)*14)}.item-message{font-size:calc(var(--u)*12);overflow-wrap:anywhere}.review{max-width:calc(var(--u)*900);margin:auto}.review pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f5ee;padding:calc(var(--u)*24);border-radius:calc(var(--u)*14);font:calc(var(--u)*14)/1.8 'DM Sans',sans-serif}.review-actions{display:flex;gap:calc(var(--u)*16)}footer{text-align:center;border-top:1px solid var(--line);padding:calc(var(--u)*28);font-size:calc(var(--u)*12);color:#6a746b}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:999px){:root{--u:calc(100vw / 820)}header{padding:calc(var(--u)*20) calc(var(--u)*30)}.layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:calc(var(--u)*18)}.panel{padding:calc(var(--u)*20)}.fields,.modes{grid-template-columns:1fr}.item{grid-template-columns:calc(var(--u)*60) minmax(0,1fr)}.item-end{grid-column:2;text-align:left;display:flex;justify-content:space-between}.remove{margin:0}.logo{width:calc(var(--u)*210)}}
@media(max-width:639px){:root{--u:calc(100vw / 390)}header{padding:calc(var(--u)*14) calc(var(--u)*18);gap:calc(var(--u)*12)}header>a:last-child{font-size:calc(var(--u)*11);text-align:right;max-width:calc(var(--u)*115)}.logo{width:calc(var(--u)*175);height:calc(var(--u)*54)}main{padding:calc(var(--u)*30) calc(var(--u)*16)}h1{font-size:calc(var(--u)*42)}.intro>p:last-child{font-size:calc(var(--u)*14)}.layout{display:flex;flex-direction:column;gap:0}.layout>div,.layout>aside{width:100%}.panel{padding:calc(var(--u)*20);border-radius:calc(var(--u)*18)}h2{font-size:calc(var(--u)*24)}.modes{grid-template-columns:1fr 1fr;gap:calc(var(--u)*10)}.modes label{padding:calc(var(--u)*12);font-size:calc(var(--u)*12)}.modes small{font-size:calc(var(--u)*11)}input,select,textarea{font-size:calc(var(--u)*16)}.review-actions{flex-direction:column}.total strong{font-size:calc(var(--u)*34)}.item{grid-template-columns:calc(var(--u)*64) minmax(0,1fr)}.summary{position:static}}