*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f7f2;color:#132d23;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit}header,main,footer{max-width:1360px;margin:auto}header{padding:27px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ccd4cb}header>a:last-child{font-size:14px;text-decoration:none}.brand{font-size:22px;font-weight:800;line-height:1;letter-spacing:.09em;text-decoration:none}.brand span{display:block;font-size:10px;letter-spacing:.32em;margin-top:8px}main{padding:0 40px}section{padding:80px 0;border-bottom:1px solid #cbd3ca}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;min-height:730px;align-items:center}.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.17em;font-weight:bold;color:#a83920}h1{font-size:clamp(48px,5.7vw,82px);font-weight:750;letter-spacing:-.065em;line-height:1.02;margin:26px 0 30px}h1>span{color:#c74625}h2{font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.05em;margin:14px 0 28px}.intro{font-size:20px;margin-bottom:30px}.button,button{font:inherit;font-size:15px;border:0;background:#173d2e;color:white;display:inline-block;padding:16px 24px;text-decoration:none;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.detail{font-size:12px;color:#52645a;line-height:1.7}.product{height:490px;position:relative;background:#e4e9df;border-radius:50%;margin:20px 0}.paper{position:absolute;width:43%;aspect-ratio:74/105;background:white;padding:22px;box-shadow:0 6px #d2d7cc,0 10px #f9f8f4,0 14px #cbd0c5,7px 24px 35px #162b2420;display:flex;flex-direction:column;justify-content:space-between}.paper span{font-size:9px;letter-spacing:.12em}.paper b{font-size:clamp(21px,2.5vw,34px);letter-spacing:-.04em;line-height:1.06}.paper em{font-size:32px;font-style:normal}.paper small{font-size:9px}.p1{top:12px;left:2%;transform:rotate(-11deg);background:#163c2c;color:white}.p2{top:82px;left:29%;transform:rotate(1deg);z-index:2;background:#f3c655;color:#263228}.p3{top:157px;left:57%;transform:rotate(11deg);z-index:3;background:#e05a3d;color:#fff}.mock-label{position:absolute;bottom:-20px;left:0;font-size:11px;color:#52645a;width:100%;text-align:center}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px}.split p{max-width:580px}.mode{padding:16px 20px;background:#e9eddf;margin:30px 0;font-size:14px}.studio{display:grid;grid-template-columns:1.1fr .8fr;gap:90px}.sticky{position:sticky;top:22px}fieldset{border:0;padding:24px 0;margin:0;border-bottom:1px solid #ccd4cb}legend{font-size:22px;font-weight:bold}legend>span{font-size:13px;margin-right:14px;color:#a83920}.quantities{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quantities button{padding:14px 8px;color:#173d2e;background:transparent;border:1px solid #b8c5b8;text-align:left}.quantities button[aria-pressed=true]{background:#173d2e;color:white;border-color:#173d2e}.quantities strong,.quantities small{display:block}.quantities small{font-size:12px}label{display:block;font-size:14px;font-weight:bold;margin:18px 0}input,textarea{display:block;width:100%;font:inherit;font-weight:normal;margin-top:7px;padding:14px;border:1px solid #b8c5b8;background:white;color:#173d2e;border-radius:0}textarea{min-height:100px;resize:vertical}input:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #bd7d46;outline-offset:3px}.tabs{display:flex;gap:5px;margin:10px 0 25px}.tabs button{padding:8px 15px;background:#e5e9de;color:#173d2e}.tabs button[aria-pressed=true]{background:#173d2e;color:white}.block-preview{aspect-ratio:74/105;background:white;padding:24px;max-width:330px;position:relative;box-shadow:4px 6px #d5d7cc,8px 12px #e4e5da;margin:0 12px 26px 0}.preview-name{font-weight:bold;font-size:18px;overflow-wrap:anywhere}#preview-logo{max-width:110px;max-height:75px;margin-top:15px}#preview-offer{font-size:17px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.4}#preview-footer{position:absolute;bottom:20px;font-size:11px}#preview-lines{height:58%;margin-top:25px;background:repeating-linear-gradient(transparent,transparent 24px,#d6ddd3 25px,transparent 26px)}.summary{border-top:1px solid #c5d0c2;padding:24px 0;margin-top:30px}.summary>strong{float:right;font-size:25px;letter-spacing:-.04em}.summary>p{font-size:13px}.actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:28px}#order-state{padding:22px;background:#e5eadd}#order-state button{width:100%;margin:8px 0}.check{display:flex;align-items:start;font-size:13px;gap:12px}.check input{width:auto;margin-top:5px}#status{position:sticky;bottom:12px;background:#173d2e;color:white;padding:18px;z-index:5;max-width:700px}#status:empty{display:none}.specs{display:grid;grid-template-columns:1fr 1fr;gap:50px}dl{display:grid;grid-template-columns:1fr 2fr;font-size:14px}dt,dd{margin:0;padding:12px 0;border-bottom:1px solid #cbd3ca}dt{font-weight:bold}footer{padding:45px 40px}footer>.detail{max-width:600px}button[hidden],[hidden]{display:none!important}@media(max-width:850px){header{padding:22px}main{padding:0 22px}.hero,.studio,.split,.specs{grid-template-columns:1fr;gap:20px}section{padding:45px 0}.hero{min-height:0}h1{font-size:clamp(48px,10vw,74px)}.product{max-width:530px;width:100%;height:470px;margin:20px auto}.paper b{font-size:31px}.studio{gap:45px}.sticky{position:static}.block-preview{width:85%;max-width:330px}.summary{max-width:480px}footer{padding:30px 22px}header>a:last-child{max-width:125px;text-align:right}.specs{gap:10px}}@media(max-width:430px){.product{height:365px}.paper{padding:14px}.paper b{font-size:24px}.paper em{font-size:25px}.p2{top:65px}.p3{top:120px}.mock-label{bottom:-15px}.quantities{grid-template-columns:repeat(2,1fr)}.intro{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

:root{--brand:#173d2e}.button,button,.quantities button[aria-pressed=true],.tabs button[aria-pressed=true],#status{background:var(--brand)}.block-preview{border-top:5px solid var(--brand)}#preview-logo{object-fit:contain}

h1,.brand{overflow-wrap:anywhere}#orders{overflow-x:auto}#orders th,#orders td{text-align:left;padding:12px 10px;border-bottom:1px solid #cbd3ca;font-size:13px}#orders button{font-size:12px;padding:8px;margin:3px}#editor label>small{display:block;font-weight:normal;font-size:12px;color:#52645a}input[type=checkbox]{width:auto}#items{width:100%;font:inherit;padding:14px;background:white;border:1px solid #b8c5b8}