/* db — cinematic editorial direction. Existing footage and documentary assets. */
:root{--gold:#caa47a;--gold-light:#e5c9a2;--night:#111710;--ivory:#eee7d8;--soft:#b4b9aa;--serif:"Noto Serif TC","PMingLiU",serif}body{background:var(--night);color:var(--ivory)}::selection{background:#b5834d;color:white}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--gold-light)}.skip-link{color:#20261f}.section{padding:110px 7%}.eyebrow{letter-spacing:2.8px}.section .eyebrow{color:var(--gold)}h2{font-size:clamp(37px,4vw,62px);line-height:1.4;letter-spacing:2px}.header{height:110px;border:0;background:linear-gradient(#10170fb8,transparent);padding:0 5%}.brand-mark>span{color:var(--gold)}.header nav{font-size:12px;gap:27px}.header nav a:hover{color:var(--gold-light)}.nav-shop{border-color:#ddc09b75;background:#151a1266;padding:14px 22px}.scroll-tour{background:#10170f}.scroll-tour .hero{min-height:650px}.hero-content{max-width:1100px;padding-top:clamp(180px,22vh,260px)}.opening-mark{color:var(--gold-light);font-size:21px;letter-spacing:0;display:inline-block;margin-right:22px;font-family:Georgia,serif}.hero h1{font-size:clamp(64px,7.3vw,108px);line-height:1.23;letter-spacing:4px;text-shadow:0 4px 45px #0003;font-weight:400}.hero h1 span{color:var(--gold)}.hero-description{font-size:14px;color:#eeebdf;letter-spacing:1.3px;line-height:2.1;margin-top:28px}.hero .eyebrow{margin-bottom:30px;font-size:9px}.button{transition:background .25s,transform .25s;border-radius:0;padding:19px 25px}.button-light,.button-dark{background:var(--gold-light);color:#24291e;border:1px solid var(--gold-light)}.button-light:hover,.button-dark:hover{background:#f0d9b7;color:#171d13}.hero-secondary{color:#eee7d8}.hero-actions{margin-top:30px}.tour-controls button{background:#1c251cad;border-color:#dac29a70;backdrop-filter:blur(8px)}.tour-progress>span{background:var(--gold)}.hero-bottom{font-size:9px;color:#ede5d2;letter-spacing:1.5px}.category-strip{background:#191e17;border-color:#cba67b30;padding:29px 5%;gap:5%;color:#d4d7c8;letter-spacing:2px;font-size:12px}.category-strip i{background:var(--gold)}.strip-label{font-size:8px;letter-spacing:2px;color:var(--gold);padding-right:30px;border-right:1px solid #cba67b40}
.equipment{background:radial-gradient(ellipse at 95% 0,#343a2933,transparent 50%),#111710}.section-heading{margin-bottom:55px}.heading-aside p{color:var(--soft);font-size:13px}.text-link{color:inherit;border-color:#b6bd9c80}.text-link:hover{color:var(--gold-light);border-color:var(--gold-light)}.equipment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px 30px}.cinema-product .equipment-art{height:420px;aspect-ratio:auto;display:block;background:radial-gradient(ellipse at 50% 35%,#7b765341,#1c241a 62%,#131a12);border:1px solid #9d967332;position:relative;overflow:hidden}.cinema-product .equipment-art::after{content:"";position:absolute;left:10%;right:10%;bottom:49px;height:1px;background:linear-gradient(90deg,transparent,#d7c5a749,transparent)}.cinema-product .equipment-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform .6s;transform:scale(1.16);z-index:1}.cinema-product.stool .equipment-art>img{transform:scale(1.45)}.cinema-product.trolley .equipment-art>img{transform:scale(1.56)}.cinema-product.wash .equipment-art>img{object-fit:cover;transform:none;opacity:.93}.cinema-product:hover .equipment-art>img{transform:scale(1.22)}.cinema-product.stool:hover .equipment-art>img{transform:scale(1.51)}.cinema-product.trolley:hover .equipment-art>img{transform:scale(1.62)}.cinema-product.wash:hover .equipment-art>img{transform:scale(1.035)}.cinema-product.wash .equipment-art::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0e170fcc,transparent 45%);z-index:2}.art-number{top:20px;left:24px;font-family:Georgia,serif;font-size:60px;color:#d1bf9826;z-index:2}.art-label{z-index:3;bottom:22px;left:25px;color:#dad5bd;font-size:9px;letter-spacing:2px}.product-orbit{position:absolute;width:58%;height:18%;border:1px solid #c0b58a25;border-radius:50%;bottom:13%;left:21%;transform:rotate(-8deg)}.product-arrow{position:absolute;right:22px;bottom:16px;border:1px solid #bcb89969;border-radius:50%;height:37px;width:37px;display:grid;place-items:center;color:#eee7d8;z-index:3}.card-copy h3{font-family:var(--serif);font-size:26px;font-weight:400;letter-spacing:2px;margin:23px 0 13px}.card-copy h3 span{font-family:Georgia,serif;font-size:14px;color:var(--gold)}.card-copy p{font-size:12px;color:var(--soft)}.illustration-note{color:#9ea592;font-size:10px;margin-top:32px}
.statement{min-height:700px;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;padding:0;position:relative;background:#1f251b;text-align:left;overflow:hidden}.statement-picture{position:relative;min-height:700px}.statement-picture img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 40%}.statement-picture::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,#1f251b)}.statement-copy{padding:110px 12% 90px 8%;align-self:center;position:relative}.statement-copy .eyebrow{font-size:9px;color:var(--gold)}.statement-text{font-size:clamp(27px,3.3vw,47px);line-height:1.65;letter-spacing:1px}.statement-text span{color:var(--gold-light)}.statement-signature{color:#b3b8a5;font-size:10px;letter-spacing:2px}
.planning{position:relative;isolation:isolate;overflow:hidden;background:#1a2118;gap:12%;padding-top:125px;padding-bottom:125px}.planning.media-near::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101a10dc 0%,#11190feb 55%,#11190ff5),url('assets/craft-cinema/assembly-01.webp') left center/cover}.planning-intro>p:not(.eyebrow){color:var(--soft);font-size:13px;line-height:2.2;margin-top:30px}.planning-steps article{border-color:#c4c4a72b;padding:30px 0}.planning-steps article:last-child{border-color:#c4c4a72b}.planning-steps article>span{color:var(--gold);font-family:Georgia,serif;font-size:32px}.planning-steps h3{font-family:var(--serif);font-size:23px;letter-spacing:1px}.planning-steps p{color:var(--soft);font-size:12px}.showroom{grid-template-columns:1.3fr 1fr;background:#d8cebc;color:#252b21}.showroom-photo{min-height:630px;position:relative}.showroom-photo::after{content:"";position:absolute;inset:0;border:20px solid #11171014;pointer-events:none}.showroom-photo img{object-position:58% 65%}.showroom-copy{padding:85px 12%}.showroom-copy .eyebrow{color:#82623d}.showroom-copy h2{font-size:clamp(32px,3.5vw,49px)}.showroom-copy>p:not(.eyebrow){color:#5d6657;font-size:13px;line-height:2.1}.showroom-caption{color:#5d6657;border-color:#8c92775c}.showroom-copy .text-link{border-color:#6b755f}
.craft-section{background:#111710;color:#eee7d8;padding:0}.craft-heading{padding:95px 7% 48px;margin:0;gap:60px}.craft-heading h2{font-size:clamp(36px,4.2vw,64px)}.craft-heading>p{color:#aeb6a2;font-size:13px}.craft-index{margin:0 7%;border-color:#9f997642}.craft-index a{color:#d3d5c2;font-size:12px;padding:25px 0}.craft-index a>span{color:var(--gold)}.craft-chapter{position:relative;isolation:isolate;padding:90px 7%;gap:9%;border:0;background:#111710;--chapter-ink:#eee7d8;--chapter-muted:#b1b8a6}.craft-chapter:nth-child(2){background:#d8cebb;--chapter-ink:#263022;--chapter-muted:#5c6753}.craft-chapter:nth-child(3){background:#1d251b}.craft-chapter:nth-child(4){background:#c3c2ac;--chapter-ink:#263022;--chapter-muted:#525e49}.craft-chapter::before{content:"0" counter(craft-scene);counter-increment:craft-scene;position:absolute;top:25px;left:7%;font-family:Georgia,serif;font-size:135px;line-height:1;color:var(--chapter-muted);opacity:.08;z-index:-1}.craft-chapters{counter-reset:craft-scene}.craft-lead.portrait{max-width:440px}.craft-lead .craft-image-button{box-shadow:0 22px 65px #0003;outline:1px solid #f5ebca26}.craft-lead>figcaption{color:var(--chapter-muted);font-size:10px}.craft-lead>figcaption>span{color:var(--chapter-muted)}.craft-story{color:var(--chapter-ink)}.craft-story .eyebrow{color:var(--gold);font-size:9px}.craft-story .eyebrow>span{color:var(--chapter-muted)}.craft-chapter:nth-child(2) .eyebrow,.craft-chapter:nth-child(4) .eyebrow{color:#84613d}.craft-story h3{font-size:clamp(32px,3.5vw,50px);line-height:1.5;margin-bottom:25px}.craft-intro{font-size:13px;color:var(--chapter-muted);line-height:2.2}.craft-steps li{color:var(--chapter-muted);border-color:#92977b60}.craft-details{border-color:#92977b60}.craft-details>summary{color:var(--chapter-ink);font-size:12px;padding:20px 0}.craft-details>summary>span{color:var(--chapter-muted)}.craft-detail-grid figcaption{color:var(--chapter-muted)}.craft-closing{padding:50px 7%;background:#111710}.craft-closing>p{font-size:27px;color:#e1dfcb}.craft-lightbox{border-color:#c6bc8f44}.craft-lightbox-close{color:#e5d6b9;border-color:#c6bc8f66}
.faq{background:#151d13;grid-template-columns:1fr 1.2fr;gap:10%;padding-top:100px;padding-bottom:110px}.faq h2{font-size:clamp(34px,4vw,57px)}.faq-list details{border-color:#c4c4a72b}.faq-list details:first-child{border-color:#c4c4a72b}.faq-list summary{color:#e1e1ce;font-size:14px;padding:27px 0}.faq-list summary>span{color:var(--gold)}.faq-list details p{color:#b5bea8;font-size:13px}.faq-list details p a{color:#e3c59c}.contact{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#6a634344,transparent 65%),#242e21;padding:110px 7% 100px}.contact.media-near::before{content:"";position:absolute;inset:0;background:linear-gradient(#1d281df5,#1d281dd9),url('assets/craft-cinema/everyday-02.webp') center 55%/cover;z-index:-2}.contact-watermark{position:absolute;right:-15px;bottom:-100px;font-size:420px;line-height:1;font-weight:800;letter-spacing:-30px;color:#ddd3ab08;z-index:-1}.contact .eyebrow{color:var(--gold);font-size:9px}.contact h2{font-size:clamp(37px,4.7vw,68px);line-height:1.5}.contact-phone{color:#e8dfc7;font-size:24px}.contact>div{margin-top:45px}footer{background:#0d140c;padding:55px 7% 28px;color:#e5dfcd}footer>p{color:#a3ac98}footer>div{border-color:#c4c4a726;color:#8f9a85}.mobile-shop{background:#d8bb8b;color:#192113;box-shadow:0 8px 30px #0005}
@media(max-width:1050px){.header nav{gap:18px;font-size:11px}.nav-shop{padding:12px 15px}.cinema-product .equipment-art{height:340px}.section{padding:85px 6%}.craft-section{padding:0}.craft-heading{padding:75px 6% 38px}.craft-index{margin:0 6%}.craft-chapter{padding:70px 6%;gap:6%}.craft-lead.portrait{max-width:340px}.craft-story h3{font-size:33px}.craft-closing{padding:40px 6%}.statement{min-height:610px}.statement-picture{min-height:610px}.statement-copy{padding:80px 10% 70px 3%}.statement-text{font-size:32px}.showroom-photo{min-height:580px}.showroom-copy{padding:60px 10%}}
@media(max-width:700px){.section{padding:65px 7%}.header{height:82px;padding:0 7%;background:linear-gradient(#0c150ce6,transparent)}.header nav{top:82px;background:#111b11;border-color:#c4c4a733;font-size:13px}.header nav a{padding:18px 6px}.menu-toggle{padding:14px 0}.hero-content{max-width:none}.scroll-tour .hero{min-height:680px}.scroll-tour .hero-content{padding:126px 7% 90px}.scroll-tour .hero h1{font-size:47px;letter-spacing:1px;line-height:1.3}.hero .eyebrow{font-size:7px;letter-spacing:1.4px;margin-bottom:20px}.opening-mark{font-size:16px;margin-right:10px}.hero-description{margin-top:20px;font-size:12px;line-height:1.9}.hero-actions{gap:19px;margin-top:25px}.hero-actions .button{padding:15px 18px;font-size:11px;gap:20px}.hero-secondary{font-size:11px}.scroll-tour .hero-media video{top:53%}.tour-controls{bottom:119px}.tour-controls button{padding:12px 15px}.scroll-tour .hero-bottom{bottom:90px}.tour-scene{top:16%}.tour-scene p{font-size:32px;line-height:1.6}.category-strip{padding:24px 7%;gap:13px;font-size:10px;letter-spacing:0;justify-content:space-between;flex-wrap:wrap}.category-strip .strip-label{display:none}.category-strip i{width:2px;height:2px}h2{font-size:36px;letter-spacing:1px}.section-heading{margin-bottom:33px}.heading-aside p{font-size:12px}.equipment-grid{grid-template-columns:1fr;gap:32px}.cinema-product .equipment-art{height:350px}.art-number{font-size:55px;left:20px;top:15px}.art-label{font-size:8px;bottom:20px;left:21px}.product-arrow{right:20px;bottom:15px}.card-copy h3{font-size:25px;margin-top:19px}.card-copy p{font-size:12px;line-height:1.9}.illustration-note{font-size:9px;line-height:1.9}.statement{display:block;padding:0;min-height:0}.statement-picture{height:440px;min-height:0}.statement-picture img{object-position:center 30%}.statement-picture::after{background:linear-gradient(0deg,#1f251b,transparent 40%)}.statement-copy{padding:15px 7% 65px}.statement-text{font-size:32px;line-height:1.65;letter-spacing:0}.statement-signature{font-size:9px}.planning{grid-template-columns:1fr;gap:35px}.planning.media-near::before{background:linear-gradient(#11190fe6,#11190ff0),url('assets/craft-cinema/assembly-01.webp') center/cover}.planning-intro>p:not(.eyebrow){font-size:13px}.planning-steps h3{font-size:22px}.planning-steps p{font-size:12px}.planning-steps article{padding:25px 0}.showroom{grid-template-columns:1fr}.showroom-photo{height:410px;min-height:0}.showroom-photo::after{border-width:10px}.showroom-copy{padding:52px 7%}.showroom-copy h2{font-size:35px}.showroom-copy>p:not(.eyebrow){font-size:13px}.craft-section{padding:0}.craft-heading{padding:62px 7% 32px;display:block}.craft-heading h2{font-size:36px}.craft-heading>p{font-size:12px;margin-top:24px}.craft-index{margin:0 7%;grid-template-columns:1fr 1fr}.craft-index a{font-size:12px;padding:20px 0}.craft-index a:nth-child(-n+2){border-color:#9f997642}.craft-chapter{padding:45px 7% 55px;grid-template-columns:1fr;gap:28px}.craft-chapter::before{font-size:100px;top:20px;left:5%}.craft-lead.portrait{max-width:none;width:100%}.craft-lead.portrait img{max-height:none}.craft-story h3{font-size:33px;line-height:1.5;margin-bottom:20px}.craft-story .eyebrow{font-size:8px;letter-spacing:1.6px}.craft-intro{font-size:12px;line-height:2.1}.craft-lead>figcaption{font-size:9px}.craft-details>summary{font-size:11px}.craft-detail-grid figcaption{font-size:9px}.craft-closing{padding:35px 7% 50px}.craft-closing>p{font-size:25px}.faq{gap:35px}.faq h2{font-size:36px}.faq-list summary{font-size:13px;padding:23px 0}.faq-list details p{font-size:12px}.contact{padding:75px 7%}.contact h2{font-size:36px}.contact-watermark{font-size:280px;bottom:-65px;right:-5px;letter-spacing:-20px}.contact-phone{font-size:22px}.contact>div{margin-top:32px}footer{padding:45px 7% 105px}}
@media(min-width:701px) and (max-width:820px){.header .brand-text{display:none}.header nav{gap:15px}.header .brand-mark{font-size:48px}}
@media(prefers-reduced-motion:reduce){.cinema-product .equipment-art>img{transition:none}.cinema-product:hover .equipment-art>img{transform:scale(1.16)}.cinema-product.stool:hover .equipment-art>img{transform:scale(1.45)}.cinema-product.trolley:hover .equipment-art>img{transform:scale(1.56)}.cinema-product.wash:hover .equipment-art>img{transform:none}}