:root{--ink:#17202a;--paper:#f6f5f1;--blue:#1e3a75;--red:#d9472d;--orange:#ef9c34;--line:#d9d8d3;--muted:#697075}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP",sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1280px,calc(100% - 48px));margin:auto}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font:800 1.18rem/1 "Plus Jakarta Sans",sans-serif;letter-spacing:-.07em}.mark{display:grid;grid-template-columns:10px 10px;gap:3px;width:23px;transform:rotate(-3deg)}.mark i{display:block;aspect-ratio:1}.mark i:nth-child(1){background:var(--blue)}.mark i:nth-child(2){background:var(--red)}.mark i:nth-child(3){background:var(--orange)}.mark i:nth-child(4){background:var(--ink)}.back{font:500 .73rem "DM Mono",monospace;letter-spacing:.06em}.back:hover{color:var(--red)}.hero{position:relative;height:min(66vw,690px);min-height:470px;color:#fff;overflow:hidden}.hero img{position:absolute;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,19,28,.63),rgba(11,19,28,.14) 63%)}.hero .shell{height:100%;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:46px}.eyebrow{font:500 .7rem "DM Mono",monospace;letter-spacing:.12em}.eyebrow:before{content:"";display:inline-block;width:23px;height:2px;background:var(--orange);vertical-align:middle;margin:0 9px 2px 0}h1{font:700 clamp(3.2rem,8vw,7.5rem)/.92 "Plus Jakarta Sans",sans-serif;letter-spacing:-.085em;margin:18px 0 0}.lead{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;padding:94px 0}.label{font:500 .72rem "DM Mono",monospace;color:var(--red);letter-spacing:.07em}.lead h2{font-size:clamp(1.65rem,3vw,2.9rem);line-height:1.3;letter-spacing:-.06em;margin:0}.lead p{color:var(--muted);font-size:.94rem;line-height:1.95;margin:18px 0 0;max-width:530px}.catalog{border-top:1px solid var(--ink)}.catalog-head{padding:17px 0;display:flex;justify-content:space-between;font:500 .7rem "DM Mono",monospace;letter-spacing:.09em}.items{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.item{border-right:1px solid var(--line);padding:27px 26px 30px;min-height:330px;display:flex;flex-direction:column}.swatch{height:102px;margin-bottom:27px}.swatch.tile-a{background:repeating-linear-gradient(0deg,#c8beb0 0 17px,#f7f5ee 18px 20px),repeating-linear-gradient(90deg,transparent 0 52px,#f7f5ee 53px 55px)}.swatch.tile-b{background:linear-gradient(135deg,#be6651 0 49%,#d68060 50% 100%)}.swatch.tile-c{background:repeating-linear-gradient(90deg,#36495c 0 26px,#d5d9d8 27px 29px)}.swatch.wood-a{background:repeating-linear-gradient(90deg,#c39e70 0 16px,#b28c62 17px 18px)}.swatch.wood-b{background:linear-gradient(90deg,#e3ded2 0 47%,#262d32 48% 52%,#e3ded2 53%)}.swatch.wood-c{background:repeating-linear-gradient(0deg,#754c35 0 16px,#563625 17px 18px)}.swatch.stone-a{background:radial-gradient(circle at 20% 50%,#d7d0c4 0 4%,transparent 5%),#b9b2a7}.swatch.stone-b{background:linear-gradient(135deg,#d3c4aa,#887d70)}.swatch.stone-c{background:repeating-linear-gradient(90deg,#20262a 0 30px,#d69a38 31px 34px)}.type{font:500 .68rem "DM Mono",monospace;color:var(--red)}.item h3{font:700 1.65rem "Plus Jakarta Sans",sans-serif;letter-spacing:-.075em;margin:9px 0 7px}.item p{color:var(--muted);font-size:.8rem;line-height:1.75;margin:0}.price{margin-top:auto;padding-top:23px;border-top:1px solid var(--line);font:500 .78rem "DM Mono",monospace}.note{padding:18px 0 0;color:var(--muted);font-size:.75rem;line-height:1.8}.details{margin:100px 0;background:var(--ink);color:#fff;padding:56px}.details-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;border-top:1px solid #607080;padding-top:19px}.details h3{font-size:1rem;margin:0 0 13px}.details p{font-size:.82rem;line-height:1.8;color:#d5dce2;margin:0}.cta{background:var(--red);color:#fff;padding:70px 0 36px}.cta h2{font:700 clamp(2.2rem,5vw,5rem)/1 "Plus Jakarta Sans",sans-serif;letter-spacing:-.08em;margin:22px 0 54px}.cta-row{border-top:1px solid rgba(255,255,255,.55);padding-top:20px;display:flex;justify-content:space-between;gap:25px;align-items:center}.mail{font:600 clamp(1rem,2vw,1.65rem) "DM Mono",monospace}.button{background:#fff;color:var(--ink);padding:15px 20px;font-weight:700;font-size:.8rem;white-space:nowrap}footer{padding:22px 0;background:var(--ink);color:#bbc1c7;font:500 .68rem "DM Mono",monospace}footer .shell{display:flex;justify-content:space-between}@media(max-width:720px){.shell{width:min(100% - 32px,1280px)}.hero{height:560px}.lead{grid-template-columns:1fr;gap:22px;padding:70px 0}.items{grid-template-columns:1fr}.item{min-height:270px}.details{margin:70px 0;padding:35px 26px}.details-grid{grid-template-columns:1fr;gap:25px}.cta{padding-top:48px}.cta-row{flex-direction:column;align-items:start}.mail{word-break:break-all}footer .shell{flex-direction:column;gap:8px}}