:root{
--cream:#fbf8f3;--paper:#f4eee6;--sand:#e9ddd0;--brown:#6f5143;--ink:#292421;--muted:#756b64;--line:#ddd1c5;--white:#fffdf9;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-size:16px;line-height:1.65}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.site-header{position:sticky;top:0;z-index:20;background:rgba(251,248,243,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(111,81,67,.1)}
.header-inner{max-width:1280px;margin:auto;padding:18px 32px;display:flex;align-items:center;justify-content:space-between}
.logo,.footer-logo{font-family:"Cormorant Garamond",serif;font-size:35px;letter-spacing:.17em;color:var(--brown);line-height:1}
.logo span,.footer-logo span,.eyebrow span,.mock-brand span,.bag span,.story span{font-family:Arial,sans-serif}
.nav{display:flex;align-items:center;gap:30px;font-size:13px}
.nav a{color:#3e3733}
.nav a:hover{text-decoration:underline;text-underline-offset:5px}
.nav-cta{background:var(--brown)!important;color:white!important;padding:11px 19px;border-radius:30px}
.menu-btn{display:none;border:0;background:none;font-size:23px;color:var(--brown)}
.hero{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.55fr .85fr;min-height:650px;background:var(--paper)}
.hero-image{overflow:hidden;min-height:650px}
.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:70px 62px 65px;background:var(--paper)}
.eyebrow,.section-label{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#977966;font-weight:600}
.hero-copy .eyebrow{font-family:"Cormorant Garamond",serif;font-size:23px;letter-spacing:.25em;margin-bottom:16px}
.hero h1{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:75px;line-height:.88;margin:0 0 28px;color:#332a25}
.hero-lead{font-size:18px;line-height:1.55;max-width:390px;color:#554b45;margin:0 0 31px}
.button{display:inline-flex;align-items:center;gap:18px;align-self:flex-start;border:0;background:var(--brown);color:#fff;padding:14px 23px;border-radius:4px;font-size:13px;font-weight:600;letter-spacing:.03em;cursor:pointer}
.button span{font-size:18px;line-height:1}
.button:hover{background:#563d32}
.hero-note{font-family:Italianno,cursive;font-size:27px;color:#8b6a58;line-height:1.15;margin:35px 0 0;max-width:330px}
.values{max-width:1280px;margin:0 auto;background:#fffdf9;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}
.values div{padding:25px 20px;text-align:center;border-right:1px solid var(--line)}
.values div:last-child{border-right:0}
.values span{display:block;font-size:25px;color:#9a735d;margin-bottom:4px}
.values strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.11em}
.values small{color:var(--muted);font-size:12px}
.section{max-width:1160px;margin:0 auto;padding:105px 32px}
.intro{padding-bottom:95px}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:26px;align-items:end}
h2{font-family:"Cormorant Garamond",serif;font-size:60px;line-height:.98;font-weight:600;margin:0;color:#342b26}
h2 em{font-weight:500;color:#8d6a57}
.intro-text{font-size:18px;color:#5f554f;max-width:510px}
.intro-text p{margin:0 0 20px}
.product{max-width:none;background:#f1e8de;display:grid;grid-template-columns:1.05fr .95fr;padding-left:max(32px,calc((100vw - 1160px)/2));padding-right:max(32px,calc((100vw - 1160px)/2));align-items:center;gap:90px}
.product-visual{min-height:600px;display:flex;align-items:center;justify-content:center}
.mock-product{position:relative;width:480px;height:490px}
.mock-box{position:absolute;width:285px;height:345px;left:55px;top:65px;background:#efe2d3;box-shadow:15px 18px 35px rgba(77,51,39,.15);padding:42px 30px;border:1px solid #d8c7b7;transform:rotate(-3deg)}
.mock-brand{font-family:"Cormorant Garamond",serif;letter-spacing:.2em;font-size:20px;color:#6f5143}
.mock-title{font-family:"Cormorant Garamond",serif;font-size:49px;line-height:.84;margin-top:55px;color:#503b30}
.mock-sub{font-size:9px;letter-spacing:.18em;margin-top:25px;color:#735b4e}
.mock-doodle{margin-top:80px;color:#8f705d;font-size:20px}
.mock-cards{position:absolute;right:5px;top:35px;display:flex;gap:9px;transform:rotate(8deg)}
.mini-card{width:108px;height:150px;background:#fffaf3;border:1px solid #d9ccc0;padding:21px 12px;font-family:"Cormorant Garamond",serif;font-size:20px;line-height:1.05;text-align:center;box-shadow:7px 9px 18px rgba(77,51,39,.1)}
.mini-card span{display:block;margin-top:35px;font-family:Arial;font-size:28px;color:#98725e}
.pencils{position:absolute;left:35px;bottom:55px;font-size:31px;letter-spacing:7px;color:#b18b70;transform:rotate(-8deg)}
.bag{position:absolute;right:20px;bottom:20px;background:#e7d5c3;color:#745646;border:1px solid #cdb8a5;width:170px;height:125px;border-radius:4px 4px 18px 18px;text-align:center;padding-top:40px;font-family:"Cormorant Garamond",serif;font-size:20px;letter-spacing:.14em;box-shadow:8px 12px 22px rgba(77,51,39,.1)}
.product-copy{padding:105px 0}
.product-copy h2{margin-top:22px}
.product-description{color:#665b54;margin:25px 0 28px}
.check-list{list-style:none;padding:0;margin:0 0 35px;border-top:1px solid #d8c7b8}
.check-list li{padding:14px 0;border-bottom:1px solid #d8c7b8;display:flex;gap:13px}
.check-list span{color:#8d6a57}
.price-row{display:flex;align-items:end;justify-content:space-between;max-width:500px}
.price-row small,.order-price small{display:block;color:#81746c;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.price-row strong,.order-price strong{font-family:"Cormorant Garamond",serif;font-size:40px;color:#4f392f}
.quote-band{background:#fffdf9;text-align:center;padding:95px 25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.quote-mark{font-family:"Cormorant Garamond",serif;font-size:80px;line-height:.45;color:#b3917d}
.quote-band p{font-family:"Cormorant Garamond",serif;font-size:38px;line-height:1.1;color:#59453b;margin:20px 0 0}
.quote-band em{color:#8c6856}
.about{padding-top:100px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;margin-top:30px;align-items:start}
.about-photo{border-radius:2px;overflow:hidden;background:#e8ddd1}
.about-photo img{width:100%;height:660px;object-fit:cover;object-position:center}
.about-copy h2{font-size:55px;margin:10px 0 35px}
.story{font-size:15.5px;color:#5e554f}
.story p{margin:0 0 21px}
.story-last{font-family:Italianno,cursive;font-size:31px;color:#8d6a57}









.order{max-width:none;background:#efe5da;display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;padding-left:max(32px,calc((100vw - 1160px)/2));padding-right:max(32px,calc((100vw - 1160px)/2))}
.order-intro{padding-top:25px}
.order-intro h2{margin:20px 0}
.order-intro>p{color:#655a53;max-width:390px}
.order-price{margin-top:40px}
.order form{background:#fffdf9;padding:42px;border:1px solid #ded0c2}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
label{font-size:12px;letter-spacing:.03em;color:#574c46;font-weight:600}
input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #d6c9bd;background:#fffdfa;border-radius:2px;padding:13px 12px;font:inherit;font-size:14px;color:#3c3530;outline:none}
input:focus,select:focus,textarea:focus{border-color:#98735f;box-shadow:0 0 0 2px rgba(152,115,95,.1)}
.full{grid-column:1/-1}
.payment{margin:24px 0 18px;padding:14px 15px;background:#f5eee7;color:#675a52;font-size:12px}
.payment span{color:#8d6a57;margin-right:6px}
.consent{display:flex;align-items:flex-start;gap:9px;font-weight:400;font-size:11px;line-height:1.4;margin:18px 0}
.consent input{width:auto;margin:1px 0 0}
.submit{width:100%;justify-content:center}
.faq h2{margin:20px 0 50px}
.faq-list{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;padding:23px 0;font-family:"Cormorant Garamond",serif;font-size:25px;color:#4e3d34;display:flex;justify-content:space-between}
summary::-webkit-details-marker{display:none}
summary span{font-family:Arial;font-size:20px;color:#9a755f}
details p{max-width:720px;color:#685d56;padding:0 0 25px;margin:0;font-size:14px}
.footer{background:#6d5042;color:#f8f0e8;text-align:center;padding:65px 25px 30px}
.footer-logo{color:#fff;font-size:45px}
.footer p{font-family:Italianno,cursive;font-size:27px;margin:15px 0 30px;color:#eadbd0}
.footer-links{display:flex;justify-content:center;gap:28px;font-size:12px;margin-bottom:24px}
.footer-contact{display:flex;justify-content:center;gap:22px;font-size:12px;color:#f2e7df;margin-bottom:25px}
.footer small{font-size:10px;color:#cdbbb0}
@media(max-width:900px){
.header-inner{padding:16px 20px}.nav{display:none;position:absolute;top:66px;left:0;right:0;background:var(--cream);padding:15px 20px 22px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:13px 0}.nav-cta{text-align:center;margin-top:6px}.menu-btn{display:block}
.hero{grid-template-columns:1fr;min-height:auto}.hero-image{min-height:420px}.hero-copy{padding:48px 28px 52px}.hero h1{font-size:61px}.values{grid-template-columns:1fr 1fr}.values div{border-bottom:1px solid var(--line)}.values div:nth-child(2){border-right:0}.section{padding:75px 24px}.intro-grid,.about-grid{grid-template-columns:1fr;gap:35px}.intro h2{font-size:50px}.product{grid-template-columns:1fr;gap:0;padding-left:24px;padding-right:24px}.product-visual{min-height:480px}.product-copy{padding:20px 0 75px}.mock-product{transform:scale(.83)}.quote-band p{font-size:31px}.about-photo img{height:500px}.about-copy h2{font-size:48px}.step,.order{grid-template-columns:1fr;gap:30px;padding-left:24px;padding-right:24px}.order form{padding:25px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.faq h2{font-size:48px}
}
@media(max-width:520px){
.logo{font-size:30px}.hero-image{min-height:330px}.hero-copy{padding:38px 22px 45px}.hero h1{font-size:53px}.hero-lead{font-size:16px}.values div{padding:20px 10px}.values strong{font-size:10px}.values small{font-size:10px}.section{padding:62px 20px}h2{font-size:45px}.product{padding-left:20px;padding-right:20px}.product-visual{min-height:410px;overflow:hidden}.mock-product{transform:scale(.67)}.quote-band{padding:70px 20px}.quote-band p{font-size:27px}.about-photo img{height:420px}.about-copy h2{font-size:43px}.order{padding-left:20px;padding-right:20px}.footer-links{flex-wrap:wrap}.footer-contact{flex-direction:column;gap:5px}
}