@charset "UTF-8";
:root{--paper:#f4f3ef;--ink:#111410;--yellow:#f8df24;--line:#d7d9d1;--muted:#62675b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,'Noto Sans',system-ui,sans-serif}html[lang=ja] body,html[lang=zh-CN] body{font-family:'Noto Sans CJK SC','Hiragino Kaku Gothic ProN','Microsoft YaHei',system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{border:0}header{position:sticky;top:0;z-index:40;background:#111410f7;color:white;display:flex;align-items:center;padding:20px 4%;gap:30px;min-height:90px;border-bottom:1px solid #ffffff20;backdrop-filter:blur(14px)}.logo{width:158px;max-height:55px;object-fit:contain}nav{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:12px}nav a{padding:10px 0;border-bottom:1px solid transparent}nav a:hover{border-color:var(--yellow)}.header-tools{display:flex;align-items:center;gap:16px}.header-tools select{background:transparent;color:white;border:1px solid #ffffff40;max-width:150px;padding:8px 5px;border-radius:3px}.header-tools option{color:#111;background:white}.cart-trigger{background:transparent;color:white;font-size:12px;white-space:nowrap}.cart-trigger b{background:var(--yellow);color:black;padding:4px 6px;margin-left:5px;border-radius:20px}.mobile-toggle{display:none}.skip{position:absolute;top:-150px;left:10px;background:var(--yellow);color:black;padding:10px;z-index:100}.skip:focus{top:10px}.hero{background:#151912;color:white;position:relative;min-height:710px;height:calc(100svh - 90px);max-height:1040px;display:flex;align-items:end;overflow:hidden}.hero-photo{position:absolute;inset:0;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 56%;animation:arrival 1.6s ease-out}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080c08ed,transparent 80%),linear-gradient(90deg,#080c0865,transparent 80%)}.hero-caption{position:relative;z-index:1;padding:5% 5%;max-width:850px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.hero h1{font-size:clamp(45px,5.7vw,90px);line-height:1;letter-spacing:-.045em;margin:22px 0}.hero p{font-size:16px;line-height:1.7;max-width:570px;color:#e7eadf}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:16px 23px;background:var(--yellow);color:#111;font-size:12px;font-weight:700;border:1px solid transparent;border-radius:2px}.btn:hover{background:#fff16a}.btn.secondary{border-color:var(--line);background:transparent;color:inherit}.hero .btn{margin-top:15px}.hero-corner{position:absolute;right:5%;bottom:6%;z-index:2;font-size:10px;letter-spacing:2px}.marquee{background:var(--yellow);padding:23px 5%;display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:2px;font-weight:700}.section{padding:95px 5%}.section-title{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:40px}h2{font-size:clamp(28px,3.4vw,52px);line-height:1.15;letter-spacing:-1.5px;margin:15px 0}h3{font-size:22px;font-weight:600;line-height:1.3}p{line-height:1.75}.muted,.fine{color:var(--muted)}.fine{font-size:12px;line-height:1.7}.section-title p{max-width:640px}.text-link{display:inline-block;font-size:12px;font-weight:600;line-height:1.6;border-bottom:1px solid;padding-bottom:6px}.text-button{background:none;color:inherit;padding:8px 0}.category-row{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:45px}.category-row a{display:flex;align-items:center;gap:16px;padding:25px 12px;font-size:13px;border-right:1px solid var(--line)}.category-row a:last-child{border:0}.category-row b{font-size:10px;color:#7a8070}.category-row span{margin-left:auto}.category-row a:hover{background:var(--yellow)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}.product-card{min-width:0}.product-card[hidden]{display:none}.product-image{display:block;position:relative;overflow:hidden;background:#e5e5e0;aspect-ratio:4/5;border-radius:3px}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-image:hover img{transform:scale(1.025)}.image-arrow{position:absolute;bottom:14px;right:14px;background:var(--paper);border-radius:50%;width:35px;height:35px;display:grid;place-items:center}.card-copy{padding:18px 0;border-bottom:1px solid var(--line)}.card-copy small{font-size:10px;text-transform:uppercase;letter-spacing:1.8px;color:var(--muted)}.card-copy h3{margin:10px 0 18px}.dark{background:#151912;color:white}.dark .muted,.dark .fine{color:#b9c0b0}.dark .faq-list{border-color:#ffffff30}.dark details{border-color:#ffffff30}.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.editorial-grid img{width:100%;aspect-ratio:3/4;object-fit:cover}.split{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.split>img{width:100%;border-radius:3px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:600;font-size:16px;line-height:1.55}details p{font-size:14px;color:var(--muted);margin:15px 0 0}.dark details p{color:#c5cbbf}.page-intro{padding:85px 5% 60px;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(40px,5.5vw,82px);line-height:1.1;letter-spacing:-2px;margin:20px 0}.page-intro p{max-width:680px;color:var(--muted)}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:35px}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-buttons button{background:transparent;border:1px solid var(--line);padding:12px 16px;border-radius:30px;font-size:12px}.filter-buttons button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}input,select,textarea{width:100%;background:#fff;color:var(--ink);border:1px solid #b8beb0;padding:13px;border-radius:2px}textarea{min-height:145px;resize:vertical}label{display:block;font-size:12px;line-height:1.6}label input,label select,label textarea{display:block;margin:9px 0 20px}#product-search{width:250px;min-width:200px}.product-detail{display:grid;grid-template-columns:1.05fr 1fr;gap:6%;padding:60px 5% 75px}.gallery{min-width:0}#gallery-zoom{position:relative;padding:0;width:100%;background:#dfdfd8;display:block}#gallery-zoom span{position:absolute;bottom:15px;right:15px;width:38px;height:38px;background:var(--paper);display:grid;place-items:center;font-size:23px;border-radius:50%}.gallery-main{width:100%;height:720px;max-height:80svh;object-fit:contain}.thumb-row{display:flex;gap:10px;margin-top:12px;overflow:auto;padding:2px 0 8px}.thumb{background:transparent;padding:0;flex:0 0 82px;border:2px solid transparent;height:95px}.thumb img{width:100%;height:100%;object-fit:cover}.thumb[aria-pressed=true]{border-color:#111}.product-info{align-self:start;padding-top:20px}.product-info h1{font-size:clamp(32px,3.5vw,55px);line-height:1.15;letter-spacing:-1.5px;margin:20px 0}.product-desc{font-size:17px;line-height:1.8;color:#4f5747}.add-form{display:grid;grid-template-columns:1fr 100px;gap:12px;margin-top:35px}.add-form .btn{grid-column:1/-1}.add-form label input,.add-form label select{margin-bottom:0}.product-links{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;border-top:1px solid var(--line);padding-top:25px;margin-top:28px}.spec-list{margin:0;border-top:1px solid var(--line)}.spec-list>div{display:grid;grid-template-columns:1fr 2fr;border-bottom:1px solid var(--line);padding:22px 0;gap:35px}.spec-list dt{font-size:14px;font-weight:600}.spec-list dd{margin:0;font-size:14px;line-height:1.8;color:#505847}.detail-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;margin-top:50px}.detail-columns p{font-size:14px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:8%}.contact-layout aside h2{font-size:25px}.wide-scene{display:block;margin-bottom:60px}.wide-scene img{width:100%;max-height:800px;object-fit:contain}.cart-dialog{width:min(570px,100%);height:100svh;max-height:100svh;margin:0 0 0 auto;padding:28px;border:0;background:var(--paper);color:var(--ink);overflow-y:auto;box-shadow:-10px 0 60px #0003}.cart-dialog::backdrop,#lightbox::backdrop{background:#0008;backdrop-filter:blur(3px)}.drawer-head{display:flex;align-items:center;justify-content:space-between}.drawer-head h2{font-size:28px}.drawer-head button{background:transparent;font-size:32px}.cart-item{display:grid;grid-template-columns:78px 1fr;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}.cart-item img{width:78px;height:95px;object-fit:cover}.cart-item h3{font-size:16px;margin:0 0 5px}.cart-item p{font-size:12px;margin:0 0 8px}.cart-row{display:flex;gap:12px;align-items:center}.cart-row input{width:72px;padding:7px}.cart-row button{background:transparent;font-size:12px;text-decoration:underline}.cart-actions{display:flex;flex-direction:column;gap:10px;margin-top:25px}.cart-actions p{font-size:13px}#lightbox{border:0;background:#111;max-width:95vw;max-height:95svh;padding:45px 15px 15px}#lightbox img{max-height:84svh;max-width:90vw;object-fit:contain}#lightbox-close{position:absolute;right:10px;top:0;color:white;background:transparent;font-size:35px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);background:var(--ink);color:white;padding:15px 25px;border-radius:3px;opacity:0;pointer-events:none;transition:.25s;z-index:100;font-size:14px;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}footer{background:#10130f;color:white;padding:65px 5% 30px;display:grid;grid-template-columns:1fr 1fr;gap:40px}footer>div:nth-child(2){display:flex;flex-direction:column;align-items:end;gap:14px;font-size:13px}footer p{font-size:13px}footer .brandline{font-size:10px;letter-spacing:4px}footer .fine{grid-column:1/-1;color:#aab29f;border-top:1px solid #ffffff25;padding-top:25px}.reveal{opacity:0;transform:translateY(15px);transition:opacity .5s,transform .5s}.reveal.shown{opacity:1;transform:none}@keyframes arrival{from{transform:scale(1.04)}to{transform:scale(1)}}
@media(min-width:1700px){.section,.page-intro,.product-detail{padding-left:max(5%,calc((100vw - 1540px)/2));padding-right:max(5%,calc((100vw - 1540px)/2))}}@media(max-width:1150px){header{gap:15px;padding:18px 3%}nav{gap:14px;font-size:11px}.logo{width:130px}.header-tools{gap:8px}.header-tools select{max-width:115px}.category-row a{gap:9px;font-size:11px;padding:20px 9px}.hero{min-height:650px}.product-detail{gap:4%}.gallery-main{height:630px}}@media(max-width:900px){.mobile-toggle{display:block;color:white;background:transparent;font-size:25px;margin-left:auto}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ink);padding:20px 5%;border-bottom:1px solid #ffffff30}nav.open{display:flex;flex-direction:column;align-items:start}nav a{font-size:15px;padding:15px}.header-tools{margin-left:0}.hero{height:80svh;min-height:630px}.hero-caption{max-width:80%;padding-bottom:50px}.hero-corner{display:none}.category-row{grid-template-columns:1fr 1fr}.category-row a{border-bottom:1px solid var(--line);font-size:13px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-detail{grid-template-columns:1fr 1fr;gap:25px;padding:35px 4%}.gallery-main{height:560px}.product-info h1{font-size:32px}.product-desc{font-size:15px}.split{gap:35px}.section{padding:65px 4%}.detail-columns{grid-template-columns:1fr}.contact-layout{gap:35px}.filter-bar{align-items:start;flex-direction:column}.filter-bar input{width:100%}}
@media(max-width:640px){header{padding:14px 4%;min-height:74px;gap:10px}.logo{width:110px}.header-tools select{max-width:110px;font-size:11px}.cart-trigger{font-size:11px;padding:0}.header-tools{gap:7px}.hero{min-height:600px;height:80svh}.hero-photo img{object-position:57% 50%}.hero:after{background:linear-gradient(0deg,#090d09f0,transparent 100%)}.hero-caption{max-width:100%;padding:30px 5%}.hero h1{font-size:42px}.hero p{font-size:14px}.marquee{font-size:8px;letter-spacing:1px;padding:18px 4%;gap:10px}.section-title{align-items:start;flex-direction:column;gap:10px}.section h2{letter-spacing:-.7px}.product-grid{gap:25px 12px}.card-copy h3{font-size:17px}.card-copy small{font-size:8px;letter-spacing:1px}.card-copy .text-link{font-size:11px}.editorial-grid{grid-template-columns:1fr 1fr;gap:12px}.editorial-grid>a:first-child{grid-column:1/-1}.split{grid-template-columns:1fr}.page-intro{padding:55px 5% 40px}.page-intro h1{font-size:40px;letter-spacing:-1px}.product-detail{grid-template-columns:1fr;padding:25px 5% 50px}.gallery-main{height:auto;max-height:80svh;min-height:300px}.product-info h1{font-size:36px}.product-info{padding-top:10px}.spec-list>div{grid-template-columns:1fr;gap:10px}.form-grid,.contact-layout{grid-template-columns:1fr;gap:10px}.form-grid label input,.form-grid label select{margin-bottom:10px}.contact-layout aside{margin-top:35px}.section{padding:55px 5%}.detail-columns{gap:20px}.cart-dialog{padding:22px}.cart-actions .btn{width:100%}footer{grid-template-columns:1fr;gap:20px}footer>div:nth-child(2){align-items:start}footer .fine{grid-column:1}.category-row a{padding:20px 10px}.add-form{grid-template-columns:1fr 90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-photo img{animation:none}*{transition:none!important}.reveal{opacity:1;transform:none}}
/* v6: technical data, cinematic entry and curated editorial chapters */
.opening-screen[hidden]{display:none}.opening-screen{position:fixed;inset:0;background:#0d120c;color:white;z-index:200;overflow:hidden}.opening-frames,.opening-shade{position:absolute;inset:0}.opening-frames img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0d120c}.opening-room{opacity:1}.opening-outdoor{opacity:0}.opening-shade{background:linear-gradient(0deg,#000c,transparent 45%);pointer-events:none}.opening-brand{position:absolute;bottom:8%;left:5%}.opening-brand img{width:240px;max-width:65vw}.opening-brand p{font-size:14px;letter-spacing:2px;margin:17px 0}.opening-brand>span{font-size:10px;letter-spacing:4px}.opening-skip{position:absolute;top:25px;right:5%;padding:13px 20px;color:white;background:#111b;border:1px solid #ffffff80;font-size:12px;border-radius:2px}.opening-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--yellow);width:0}.opening-screen.running .opening-room{animation:introRoom 5.5s both}.opening-screen.running .opening-outdoor{animation:introOutdoor 5.5s both}.opening-screen.running .opening-progress{animation:introProgress 5.5s linear both}@keyframes introRoom{0%{opacity:0;transform:scale(1.025)}10%,42%{opacity:1}65%,100%{opacity:0;transform:scale(1)}}@keyframes introOutdoor{0%,42%{opacity:0;transform:scale(1.025)}65%,100%{opacity:1;transform:scale(1)}}@keyframes introProgress{to{width:100%}}
.panorama-hero{background:#121610;color:white}.panorama-hero>img{width:100%;height:auto;max-height:78svh;object-fit:contain}.panorama-hero-copy{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 5%}.panorama-hero-copy h1{font-size:clamp(28px,3.2vw,50px);letter-spacing:-1.5px;margin:12px 0 0;line-height:1.1}.panorama-hero-copy>div:last-child{display:flex;flex-direction:column;align-items:center;gap:8px}.panorama-hero-copy .text-button{font-size:11px;letter-spacing:.5px}.panorama-list{display:flex;flex-direction:column;gap:50px}.panorama-list figure{margin:0}.panorama-list figure>img{width:100%;height:auto;object-fit:contain;border-radius:3px}.panorama-list figcaption{padding:18px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}.panorama-section{background:#eceee5}.technical-block{border-top:1px solid var(--line)}.technical-source{padding:25px 0 10px}.technical-source h3{font-size:24px}.table-scroll{overflow:auto}.technical-table{border-collapse:collapse;width:100%;text-align:left;font-size:14px;min-width:400px}.technical-table th{background:#e8ebe1;padding:16px 20px;font-size:12px}.technical-table td{padding:16px 20px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.compact{margin-top:25px}.model-version{background:#e9ece3;padding:20px;margin:10px 0;border-radius:3px}.model-select{grid-column:1/-1}.demo-label{padding:2px 6px;border:1px solid #aaa77d;color:#656237;font-size:9px;letter-spacing:.5px;border-radius:2px}.philosophy{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-top:45px;padding-bottom:45px;border-bottom:1px solid var(--line)}.philosophy span{font-size:10px;letter-spacing:2px;color:var(--muted)}.philosophy h3{font-size:24px;line-height:1.4}.story-spread{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.story-chapter:nth-of-type(even) .story-visual{order:2}.story-chapter:nth-of-type(even) .story-copy{order:1}.story-visual{min-width:0}.story-copy p{font-size:17px;line-height:1.9;max-width:520px}.branded-art{position:relative;margin:0;border-radius:3px;overflow:hidden}.branded-art>img{width:100%;height:auto;object-fit:contain}.branded-art figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:27px 20px 17px;background:linear-gradient(transparent,#000c);gap:10px}.branded-art figcaption img{width:125px;height:auto;max-width:35%}.branded-art figcaption span{color:white;font-size:10px;letter-spacing:1px}.story-product{display:flex;align-items:center;gap:22px;margin-top:35px;border-top:1px solid var(--line);padding-top:25px}.story-product>img{width:120px;height:130px;object-fit:contain;background:white;border-radius:2px}.story-product>span{display:flex;flex-direction:column;gap:10px}.story-product small{font-size:10px;text-transform:uppercase;letter-spacing:1.5px}.story-product strong{font-size:21px;line-height:1.4}.story-product em{font-size:11px;font-style:normal;text-decoration:underline;text-underline-offset:5px}.dark .story-product{border-color:#ffffff30}.story-more{margin-top:35px}.story-more summary{font-size:12px;font-weight:normal;letter-spacing:1px}.story-extras{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:850px;margin:25px auto 0}.story-extras figure:only-child{grid-column:1/-1;max-width:450px;margin:auto}.story-ending{text-align:center}.story-ending>p{max-width:700px;margin:25px auto}.story-intro p{font-size:20px}
@media(max-width:900px){.panorama-hero-copy{padding:30px 4%}.story-spread{gap:5%}.story-copy h2{font-size:35px}.story-copy p{font-size:15px}.story-product>img{width:85px;height:100px}.story-product strong{font-size:17px}.philosophy{gap:20px}.philosophy h3{font-size:20px}}
@media(max-width:640px){.opening-brand{left:6%;bottom:15%}.opening-brand img{width:180px}.opening-brand p{font-size:11px}.opening-brand>span{letter-spacing:2.5px}.opening-frames img{object-fit:contain}.panorama-hero-copy{flex-direction:column;align-items:start;padding:27px 5%;gap:20px}.panorama-hero-copy h1{font-size:28px;letter-spacing:-.8px}.panorama-hero-copy>div:last-child{align-items:start}.panorama-hero>img{min-height:280px;object-fit:contain}.panorama-list{gap:25px}.panorama-list figcaption{gap:20px;font-size:10px}.story-spread,.philosophy{grid-template-columns:1fr}.story-chapter:nth-of-type(even) .story-visual,.story-chapter:nth-of-type(even) .story-copy{order:initial}.story-copy{padding-top:20px}.story-copy h2{font-size:32px}.story-extras{grid-template-columns:1fr}.story-product strong{font-size:20px}.branded-art figcaption{padding:25px 14px 14px}.branded-art figcaption span{font-size:9px}.philosophy{gap:8px}.technical-table{font-size:13px;min-width:320px}.technical-table th,.technical-table td{padding:12px}.product-card .demo-label{font-size:8px}.model-version{padding:15px}.story-visual .branded-art{max-width:480px;margin:auto}}
@media(prefers-reduced-motion:reduce){.opening-screen.running img,.opening-screen.running .opening-progress{animation:none}.opening-room{opacity:1}.opening-outdoor{opacity:0}}
