:root{--paper:#fffdf9;--cream:#f7f1e8;--card:#faf6ef;--ink:#2f211a;--brown:#4c2d18;--tan:#cba46b;--line:#e8ded1;--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;--sans:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eee7df;color:var(--ink);font-family:var(--sans)}a{color:inherit;text-decoration:none}.lp{max-width:1600px;margin:auto;background:var(--paper);box-shadow:0 0 50px #a8978326}.header{height:70px;display:grid;grid-template-columns:250px 1fr 280px;align-items:center;padding:0 36px;position:absolute;z-index:5;top:0;width:min(100%,1600px)}.logo{font:800 25px/1 Arial;letter-spacing:.12em}.header nav{display:flex;justify-content:center;gap:40px;font-size:12px;font-weight:700}.head-cta{justify-self:end;background:var(--brown);color:#fff;border-radius:30px;padding:15px 25px;font-size:12px}.hero{height:510px;display:grid;grid-template-columns:47% 53%;background:var(--cream)}.hero-copy{padding:98px 50px 40px 120px;position:relative;z-index:2}.overline{display:inline-block;font-family:var(--serif);font-size:13px;border-bottom:1px solid var(--tan);padding-bottom:5px}.hero h1{font:500 48px/1.7 var(--serif);letter-spacing:.13em;margin:18px 0}.hero-lead{font:600 13px/1.9 var(--serif)}.hero-image{overflow:hidden;position:relative}.hero-image:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,var(--cream) 0,transparent 22%)}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:64% 50%}.checks{display:flex;gap:28px;padding:0;margin:20px 0;list-style:none;font-size:12px;font-weight:700}.checks li:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:7px;border-radius:50%;background:#e3c797;color:var(--brown)}.buttons{display:flex;gap:15px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:28px;padding:14px 26px;font-size:12px;font-weight:700}.button.dark{background:var(--brown);color:#fff}.button.light{border:1px solid #a58d7e;background:#fff8}.band{padding:28px 38px;border-bottom:1px solid var(--line);display:grid;gap:18px}.intro{padding:12px 14px}.label{font:700 9px/1.2 var(--sans);letter-spacing:.08em;color:#8d6949}.intro h2{font:500 27px/1.7 var(--serif);letter-spacing:.06em;margin:10px 0}.intro>p:not(.label){font:500 12px/1.8 var(--serif)}.shapes{grid-template-columns:260px repeat(3,1fr)}.shapes article{height:205px;background:linear-gradient(135deg,#fff,var(--card));border-radius:10px;padding:26px 16px 18px 28px;display:grid;grid-template-columns:45% 55%;overflow:hidden;box-shadow:0 8px 30px #6f52370b}.shapes h3{font:600 25px var(--serif);margin:0 0 12px}.shapes article p{font:500 12px/1.8 var(--serif);margin:0}.shapes small{display:block;font-size:9px;margin:12px 0}.shapes article a,.mini{display:inline-block;border:1px solid #9d8d80;border-radius:20px;padding:8px 15px;font-size:9px}.crop{margin:0;height:100%;position:relative}.crop img{position:absolute;max-width:none;width:520px;height:290px;object-fit:cover}.round img{right:-110px;top:-44px;object-position:100% 20%;clip-path:circle(26% at 54% 38%)}.square img{right:-90px;top:-40px;object-position:80% 80%;clip-path:inset(20% 20% 25% 28% round 12px)}.original img{right:-120px;top:-42px;object-position:70% 50%;clip-path:circle(25% at 52% 43%)}.finishes{grid-template-columns:260px repeat(3,1fr) 230px}.finishes article{height:180px;background:var(--card);border-radius:10px;display:grid;grid-template-columns:42% 58%;position:relative;overflow:hidden}.finishes article>span{position:absolute;z-index:2;top:8px;left:8px;background:var(--brown);color:#fff;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:9px}.finish-pic{overflow:hidden}.finish-pic img{width:500px;height:100%;object-fit:cover}.p1 img{object-position:0 50%}.p2 img{object-position:50% 50%;transform:translateX(-145px)}.p3 img{object-position:100% 50%;transform:translateX(-300px)}.finishes article>div:last-child{padding:25px 15px}.finishes h3{font:600 16px/1.45 var(--serif);margin:0}.finishes i{display:block;width:42px;border-top:2px solid var(--tan);margin:12px 0}.finishes article p{font:500 10px/1.6 var(--serif)}.finishes aside{background:var(--card);border-radius:10px;padding:25px;text-align:center;display:flex;flex-direction:column;justify-content:space-between;font:500 13px/1.65 var(--serif)}.finishes aside a{border:1px solid #8c7668;border-radius:25px;padding:11px;font-size:10px}.prices{grid-template-columns:200px repeat(3,1fr);position:relative}.prices article{background:#fff;border-radius:8px;box-shadow:0 7px 30px #6f52370c;position:relative}.prices h3{font:600 20px var(--serif);margin:0;padding:16px 20px;display:flex;align-items:center;gap:12px}.shape-icon{width:36px;height:36px;background:#f7e1bd;border:1px solid #d8a257;display:inline-grid;place-items:center;color:#c89649}.circle{border-radius:50%}.box{border-radius:6px}.star{background:transparent;border:0;font-size:36px}.prices table{width:100%;border-collapse:collapse;font:600 10px/1.25 var(--serif)}.prices th,.prices td{padding:10px 7px;text-align:center;border-bottom:1px solid #eee5dc}.prices tbody th{background:#f7f3ee;text-align:left}.prices article>a{display:block;text-align:center;padding:13px;font-size:9px}.prices em{position:absolute;right:-25px;bottom:-12px;width:76px;height:76px;border-radius:50%;background:#ead4b4;display:grid;place-content:center;text-align:center;font:500 8px/1.25 var(--serif);font-style:normal}.flow{grid-template-columns:190px 1.4fr 1fr;align-items:center}.flow .intro h2{font-size:21px}.flow ol{display:grid;grid-template-columns:repeat(6,1fr);list-style:none;padding:0;margin:0}.flow li{text-align:center;position:relative;font:500 9px/1.3 var(--serif)}.flow li:not(:last-child):after{content:"→";position:absolute;right:-5px;top:30px;color:#b69c84}.flow li b{display:grid;place-items:center;width:64px;height:64px;margin:auto auto 8px;border-radius:50%;background:#fff;box-shadow:0 5px 20px #5d463414;font:500 10px var(--sans)}.merits{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.merits p{background:var(--card);padding:16px 10px;margin:0;text-align:center;font:500 8px/1.5 var(--serif)}.merits b{font-size:10px}.cases{grid-template-columns:200px 1fr 120px;align-items:center}.case-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.case-grid figure{margin:0}.case-img{height:90px;border-radius:8px;overflow:hidden}.case-img img{width:100%;height:100%;object-fit:cover}.c1 img{object-position:80% 25%}.c2 img{object-position:0}.c3 img{object-position:70% 70%}.c4 img{object-position:100%}.c5 img{object-position:60%}.case-grid figcaption{text-align:center;font:600 9px var(--serif);margin-top:8px}.case-more{font:600 10px/2 var(--serif)}.contact{min-height:220px;display:grid;grid-template-columns:32% 35% 33%;align-items:center;background:linear-gradient(90deg,#f4eadf,#fff)}.contact-img{height:220px;overflow:hidden}.contact-img img{width:100%;height:100%;object-fit:cover;object-position:60% 45%}.contact-copy{padding:25px 40px}.contact h2{font:600 25px var(--serif);margin:8px 0}.contact-copy>p:not(.label){font:500 10px/1.8 var(--serif)}.contact .checks{font-size:9px;gap:14px}.contact>div:last-child{text-align:center;padding:20px 40px}.large{width:100%;padding:19px}.contact small{display:block;margin-top:10px;font-size:8px}.script{font:italic 18px cursive;text-align:right;margin:0 20px 6px 0}@media(max-width:1100px){.header{grid-template-columns:1fr auto}.header nav{display:none}.hero{height:auto;grid-template-columns:1fr}.hero-copy{padding:95px 35px 55px}.hero-image{height:360px;order:-1}.shapes,.finishes,.prices{grid-template-columns:1fr 1fr}.intro{grid-column:1/-1}.flow,.cases,.contact{grid-template-columns:1fr}.flow ol{grid-template-columns:repeat(3,1fr);gap:20px}.contact-img{height:300px}}@media(max-width:650px){.header{height:58px;padding:0 18px}.head-cta{padding:11px 15px;font-size:9px}.hero-copy{padding:70px 22px 42px}.hero h1{font-size:34px;line-height:1.55}.hero-lead br{display:none}.checks{flex-direction:column;gap:8px}.buttons{display:grid}.band{padding:48px 20px}.shapes,.finishes,.prices{grid-template-columns:1fr}.shapes article{height:220px}.finishes article{height:190px}.finishes aside{min-height:150px}.flow ol{grid-template-columns:repeat(2,1fr)}.merits{grid-template-columns:1fr 1fr}.cases{display:block}.case-grid{grid-template-columns:1fr 1fr;margin:25px 0}.case-img{height:120px}.contact-copy,.contact>div:last-child{padding:35px 22px}}
