:root { --ink:#26231f; --cream:#f3eee5; --paper:#faf7f1; --line:rgba(38,35,31,.2); --red:#c74f36; }
* { box-sizing:border-box; }
html { background:var(--cream); }
body { margin:0; color:var(--ink); background:var(--cream); font-family:"DM Sans","Noto Sans SC",sans-serif; }
img { display:block; max-width:100%; }
a { color:inherit; text-decoration:none; }
.film-grain { pointer-events:none; position:fixed; inset:0; z-index:20; opacity:.1; mix-blend-mode:multiply; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.26'/%3E%3C/svg%3E"); }
.product-nav { min-height:78px; padding:0 3.2vw; display:flex; align-items:center; justify-content:space-between; background:rgba(250,247,241,.86); border-bottom:1px solid var(--line); }
.brand img { width:196px; height:auto; mix-blend-mode:multiply; }
.back-link,.micro { font:500 10px/1.2 "DM Mono",monospace; letter-spacing:.08em; }
.back-link { border-bottom:1px solid currentColor; padding-bottom:5px; transition:opacity .2s; }.back-link:hover { opacity:.55; }
.product-hero { min-height:calc(100svh - 78px); display:grid; grid-template-columns:minmax(0,1.13fr) minmax(340px,.87fr); background:linear-gradient(125deg,#ede4d8,#e5d8c8); }
.product-image-wrap { min-height:620px; position:relative; overflow:hidden; display:grid; place-items:center; background:#ece3d7; }
.product-image-wrap::after { content:""; position:absolute; inset:0; background:linear-gradient(120deg,rgba(255,255,255,.24),transparent 40%); pointer-events:none; }
.product-image-wrap img { width:100%; height:100%; padding:5.5vw 4.8vw; object-fit:contain; object-position:center; }
.product-summary { align-self:center; padding:8vw 8vw 8vw 7vw; }
.micro { margin:0; }.micro::first-letter { color:var(--red); }
.product-family { margin:38px 0 8px; color:#696158; font:500 10px/1.2 "DM Mono",monospace; letter-spacing:.1em; }
.product-summary h1 { max-width:560px; margin:0; font-size:clamp(56px,6.2vw,100px); font-weight:500; line-height:.86; letter-spacing:-.09em; }
.product-cn { margin:13px 0 0; font-size:15px; font-weight:500; }
.product-copy { max-width:340px; margin:50px 0 30px; font-size:14px; line-height:1.9; }
.price-block { padding:22px 0 20px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; align-items:baseline; justify-content:space-between; gap:18px; }
.price-block span { font:500 clamp(31px,3vw,47px)/1 "DM Sans",sans-serif; letter-spacing:-.07em; }.price-block small { text-align:right; color:#686057; font:400 9px/1.5 "DM Mono",monospace; letter-spacing:.05em; }
.inquiry-button { display:inline-block; margin-top:31px; padding:13px 0 8px; border-bottom:1px solid var(--ink); font:500 10px/1 "DM Mono",monospace; letter-spacing:.07em; }.inquiry-button span,.product-footer-card a span { color:var(--red); font-size:14px; }
.release-note { max-width:340px; margin:26px 0 0; color:#70695f; font-size:11px; line-height:1.75; }
.product-details { padding:135px 10.2vw 145px; display:grid; grid-template-columns:1fr 1fr; gap:10vw; background:var(--paper); }
.detail-intro h2 { max-width:470px; margin:25px 0 0; font-size:clamp(43px,5vw,78px); font-weight:500; line-height:.9; letter-spacing:-.08em; }
.spec-list { margin:0; border-top:1px solid var(--line); }.spec-list div { display:grid; grid-template-columns:90px 1fr; gap:25px; padding:20px 0; border-bottom:1px solid var(--line); }.spec-list dt,.spec-list dd { margin:0; }.spec-list dt { font:500 10px/1.5 "DM Mono",monospace; letter-spacing:.06em; }.spec-list dd { font-size:14px; line-height:1.55; }
.product-footer-card { min-height:420px; position:relative; padding:76px 10.2vw; overflow:hidden; background:#b8c4ad; }.product-footer-card::after { content:"TAO"; position:absolute; right:-.05em; bottom:-.44em; color:rgba(255,255,255,.3); font:500 34vw/.8 "Instrument Serif",Georgia,serif; letter-spacing:-.13em; }.product-footer-card>p:nth-child(2) { position:relative; z-index:1; margin:72px 0 25px; font-size:clamp(45px,5.7vw,86px); font-weight:500; line-height:.87; letter-spacing:-.08em; }.product-footer-card em { font-family:"Instrument Serif",Georgia,serif; font-weight:400; }.product-footer-card a { position:relative; z-index:1; display:inline-block; padding-bottom:7px; border-bottom:1px solid var(--ink); font:500 10px/1 "DM Mono",monospace; letter-spacing:.07em; }
@media (max-width:760px) { .product-nav { min-height:65px; padding:0 18px; }.brand img { width:145px; }.back-link { font-size:8px; }.product-hero { display:block; }.product-image-wrap { min-height:520px; }.product-image-wrap img { padding:34px 18px; }.product-summary { padding:65px 18px 76px; }.product-family { margin-top:29px; }.product-summary h1 { font-size:63px; }.product-copy { margin-top:38px; }.product-details { display:block; padding:80px 18px; }.detail-intro h2 { margin:22px 0 52px; font-size:51px; }.spec-list div { grid-template-columns:74px 1fr; }.product-footer-card { min-height:410px; padding:70px 18px; }.product-footer-card>p:nth-child(2) { margin-top:68px; font-size:56px; } }