:root{--ink:#2f291f;--muted:#7a6c59;--paper:#f5f0e7;--paper2:#ebe2d3;--line:#d7cbb8;--accent:#8a6a42;--deep:#17130e;--white:#fffaf1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Serif SC","Songti SC",serif;line-height:1.85;letter-spacing:.02em}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}header{position:fixed;top:0;left:0;right:0;z-index:20;background:rgba(245,240,231,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{max-width:1380px;margin:auto;padding:18px 32px;display:flex;align-items:center;gap:30px}.logo{font-size:28px;letter-spacing:.18em;font-weight:600}.logo small{display:block;font-size:11px;letter-spacing:.42em;color:var(--muted);line-height:1}.links{margin-left:auto;display:flex;gap:24px;font-size:14px;color:#5e5243}.links a{position:relative}.links a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--accent);transition:.35s}.links a:hover:after{width:100%}.searchbar{margin:85px auto 0;max-width:1380px;padding:18px 32px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center}.searchbar input{flex:1;border:1px solid var(--line);background:#fff8ed;padding:12px 16px;font-size:14px;color:var(--ink)}.searchbar button,.btn{border:1px solid var(--ink);background:transparent;padding:12px 22px;color:var(--ink);letter-spacing:.12em;cursor:pointer;transition:.35s}.searchbar button:hover,.btn:hover{background:var(--ink);color:var(--white)}.hero{min-height:calc(100vh - 145px);display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center;max-width:1380px;margin:auto;padding:70px 32px 90px}.eyebrow{font-size:12px;letter-spacing:.35em;color:var(--accent);text-transform:uppercase}.hero h1{font-size:clamp(42px,7vw,92px);line-height:1.08;margin:18px 0 24px;font-weight:500;letter-spacing:.04em}.lead{font-size:18px;color:#5e5243;max-width:690px}.hero-media{position:relative;min-height:560px}.hero-media img{height:560px;width:100%;object-fit:cover;border-radius:48% 48% 6px 6px;filter:saturate(.78);box-shadow:0 30px 80px rgba(60,45,25,.18)}.scroll-note{margin-top:42px;color:var(--muted);font-size:13px;letter-spacing:.2em}.section{max-width:1380px;margin:auto;padding:115px 32px;border-top:1px solid var(--line)}.section-title{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:end;margin-bottom:52px}.section-title h2{font-size:clamp(32px,4vw,62px);line-height:1.15;font-weight:500;margin:0}.section-title p{color:var(--muted);margin:0}.chapter{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.quote{font-size:28px;line-height:1.6;border-left:1px solid var(--accent);padding-left:28px;color:#4a3d2e}.soft-card{background:#fff8ed;border:1px solid var(--line);padding:36px}.ideas{display:grid;gap:26px}.idea{display:grid;grid-template-columns:110px 1fr;gap:28px;border-top:1px solid var(--line);padding-top:26px}.idea b{font-size:38px;color:#b29a76;font-weight:300}.select-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}.product-large,.product-side{position:relative;background:#fff8ed;border:1px solid var(--line);overflow:hidden}.product-large img{height:620px;width:100%;object-fit:cover}.product-side img{height:290px;width:100%;object-fit:cover}.product-copy{padding:28px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tags span{border:1px solid var(--line);padding:4px 10px;font-size:12px;color:var(--muted)}.timeline{counter-reset:item;display:grid;gap:18px}.step{display:grid;grid-template-columns:140px 1fr;gap:32px;padding:34px;border-top:1px solid var(--line);background:linear-gradient(90deg,rgba(255,250,241,.55),transparent)}.step:before{counter-increment:item;content:"0" counter(item);font-size:42px;color:#b39b77}.magazine{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article{border-top:1px solid var(--line);padding-top:22px}.article img{height:260px;width:100%;object-fit:cover;margin-bottom:18px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.video-card{position:relative;border:1px solid var(--line);background:#fff8ed;overflow:hidden}.video-thumb{position:relative}.video-thumb img{height:245px;width:100%;object-fit:cover}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);width:66px;height:66px;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(47,41,31,.35);opacity:0;transition:.35s}.play:after{content:"";position:absolute;left:27px;top:20px;border-left:18px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent}.video-card:hover .play{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-meta{padding:20px}.stats{font-size:12px;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap}.reviews,.faq{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.review,.faq-item{background:#fff8ed;border:1px solid var(--line);padding:28px}.visit-box{display:grid;grid-template-columns:1fr .8fr;gap:30px;background:#19140f;color:#f5efe3;padding:58px}.visit-box p{color:#d5c8b3}.qr{display:grid;grid-template-columns:1fr 1fr;gap:14px}.qr div{min-height:160px;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;color:#d9cbb5;text-align:center}footer{background:#17130e;color:#f5efe3;padding:56px 32px}.foot{max-width:1380px;margin:auto;display:grid;grid-template-columns:1fr 2fr;gap:38px}.foot p,.foot a{color:#cfc1ad}.breadcrumb{max-width:1380px;margin:145px auto 0;padding:18px 32px;color:var(--muted);font-size:13px}.page-hero{max-width:1380px;margin:auto;padding:80px 32px 90px}.page-hero h1{font-size:clamp(40px,6vw,82px);line-height:1.12;font-weight:500}.content-grid{max-width:1120px;margin:auto;padding:0 32px 110px;display:grid;gap:34px}.content-grid figure{margin:0}.content-grid img{height:460px;width:100%;object-fit:cover}.fade{animation:fade .8s ease both}@keyframes fade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media(max-width:900px){.nav{padding:14px 18px;flex-wrap:wrap}.links{order:3;width:100%;overflow:auto;gap:16px;padding-bottom:4px}.searchbar{margin-top:118px;padding:14px 18px}.hero,.chapter,.section-title,.select-grid,.visit-box,.foot{grid-template-columns:1fr}.hero{padding:42px 18px}.hero-media,.hero-media img{min-height:0;height:420px}.section{padding:72px 18px}.magazine,.video-grid,.reviews,.faq{grid-template-columns:1fr}.step,.idea{grid-template-columns:1fr;gap:10px}.product-large img{height:420px}}
