*{box-sizing:border-box}html{background:#eee7db;color:#56381f}body{margin:0;font-family:'Yu Mincho','Hiragino Mincho ProN',serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}main{width:100%;max-width:520px;margin:auto;background:#fbf5e9;container-type:inline-size;box-shadow:0 0 70px #74553b15}.hero{position:relative;aspect-ratio:1024/1227;isolation:isolate;overflow:hidden}.photo{position:absolute;width:100%;height:auto;inset:0;z-index:-2}.eyebrow{position:absolute;top:1.5%;left:3.2%;font-family:Didot,'Times New Roman',serif;font-size:1.85cqw;letter-spacing:.25em;display:flex;align-items:center;gap:2.4cqw}.eyebrow:after{content:'';width:11cqw;border-top:1px solid #876348}.brand{position:absolute;top:2.7%;left:1.7%;margin:0;font-family:Didot,'Times New Roman',serif;font-weight:400;font-size:31cqw;line-height:1;letter-spacing:-1.35cqw;color:#876747;z-index:-1}.headline{position:absolute;top:24.6%;left:4%;font-weight:400;font-size:11.5cqw;line-height:1.03;letter-spacing:-.04em;margin:0}.vertical{position:absolute;right:2.2%;top:35%;writing-mode:vertical-rl;font-size:2.75cqw;letter-spacing:.15em;margin:0}.ribbon{position:absolute;left:49%;top:92.4%;white-space:nowrap;font-family:Didot,'Times New Roman',serif;font-size:1.8cqw;font-weight:bold;letter-spacing:.22em;transform:rotate(-7deg);transform-origin:left center}.menu-button{position:absolute;right:2.5%;top:.6%;width:44px;height:44px;border:0;background:transparent;display:grid;align-content:center;gap:4px;padding:12px}.menu-button span{height:1px;background:#725235;width:100%}.purchase{padding:2.6cqw 4cqw 2cqw;background:linear-gradient(115deg,#fff9ee,#f9f1e2)}.product-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ac835b;padding-top:.5cqw}.product-row h2{font-family:Didot,'Times New Roman',serif;font-size:6.8cqw;font-weight:400;margin:0;line-height:1.2}.price{font-family:'Times New Roman',serif;font-size:3.1cqw;letter-spacing:.03em}.price small{font-size:2cqw}.cta{margin-top:.6cqw;width:100%;border:0;border-radius:1.5cqw;padding:1.2cqw 2cqw;background:linear-gradient(110deg,#ae8153,#a87948);color:#fffaf0;font-size:4cqw;letter-spacing:.12em;line-height:1.3;min-height:44px}.cta:hover{background:#94683e}.tagline{text-align:center;font-size:2.8cqw;letter-spacing:.1em;margin:1.5cqw 0}.demo-note{display:flex;align-items:center;gap:2.5cqw;font-size:max(9px,1.35cqw);letter-spacing:.16em;text-align:center;white-space:nowrap;margin:1.6cqw 0 .3cqw}.demo-note:before,.demo-note:after{content:'';height:1px;background:#b28d67;flex:1}button:focus-visible,a:focus-visible{outline:3px solid #583a24;outline-offset:4px}dialog{width:min(88vw,390px);border:1px solid #b48c63;padding:28px;background:#fcf6eb;color:#56381f;box-shadow:0 20px 100px #35211140}dialog::backdrop{background:#39281d77;backdrop-filter:blur(5px)}dialog h2{font-weight:400;font-size:25px}dialog p{font-size:14px;line-height:1.9}dialog button{border:1px solid #98704b;padding:12px 18px;background:#a97e52;color:white;min-height:44px}dialog nav{display:grid;gap:20px;margin:25px 0}dialog a{color:inherit;text-underline-offset:5px}@media(prefers-reduced-motion:no-preference){button{transition:background .2s}}

.foreground{z-index:0;pointer-events:none}.cap{clip-path:ellipse(15.3% 9.2% at 67.6% 22.5%)}.orchid{clip-path:polygon(74% 0,100% 0,100% 25%,93% 22%,88% 18%,85% 13%,88% 9%,78% 8%)}
