:root{--bg:#101214;--panel:#171a1d;--text:#eeeae2;--muted:#a6aaa9;--gold:#d2b786;--line:#363a3d;--width:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}::selection{background:#78613f;color:#fff}.skip{position:fixed;top:-80px;left:16px;background:var(--gold);color:var(--bg);padding:12px;z-index:99}.skip:focus{top:16px}.site-header{max-width:1440px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff15;position:relative;z-index:2}.wordmark{display:flex;gap:14px;align-items:center;font-size:17px;letter-spacing:-.4px}.wordmark strong{font-weight:500}.brand-symbol{font-size:34px;line-height:1;font-family:Georgia,serif;color:var(--gold)}nav{display:flex;align-items:center;gap:36px;font-size:14px}nav a:hover,.text-link:hover{color:var(--gold)}.nav-contact{border:1px solid var(--line);padding:8px 18px}.nav-contact span{margin-left:20px}.hero{max-width:1440px;min-height:800px;position:relative;margin:auto;overflow:hidden}.hero-copy{position:relative;z-index:1;padding:70px 7% 300px;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:600;color:var(--gold);margin:0 0 25px;line-height:1.5}.hero h1{font-size:clamp(42px,4.7vw,70px);line-height:1.3;letter-spacing:1px;font-weight:500;margin:0 0 25px}.hero-copy>p:not(.eyebrow){color:#bbbebc;font-size:15px;line-height:2}.button{display:inline-flex;align-items:center;gap:40px;padding:12px 23px;border:1px solid var(--line);font-size:14px;line-height:1.6;cursor:pointer;border-radius:0;transition:background .2s,color .2s;background:transparent;color:var(--text);margin-top:15px}.button.outline:hover{background:#fff;color:var(--bg)}.button.gold{background:var(--gold);color:var(--bg);border-color:var(--gold)}.button.gold:hover{background:#e3cba0}.hero-art{position:absolute;right:-1%;bottom:25px;width:100%;z-index:0;pointer-events:none}.hero-art img{width:100%;height:auto}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10121455,transparent 55%),linear-gradient(0deg,var(--bg),transparent 15%,transparent 75%,var(--bg))}.hero-bottom{position:absolute;bottom:18px;left:7%;right:7%;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);letter-spacing:1px;z-index:1}.section{max-width:var(--width);padding:90px 45px;margin:auto}.studio-intro,.work-story{display:grid;grid-template-columns:1fr 2fr;gap:65px;border-top:1px solid var(--line);padding-top:90px}.studio-intro>.eyebrow,.work-story>.eyebrow{padding-top:12px}h2{font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.5;letter-spacing:.5px;margin:0 0 30px}h3{font-size:23px;font-weight:500;line-height:1.5}.studio-intro p:not(.eyebrow),.work-story p,.service-rows p{color:var(--muted);font-size:15px;max-width:630px;margin:0 0 20px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-head h2{margin:0}.section-head .eyebrow{margin-bottom:10px}.section-head>p{color:var(--muted);font-size:12px}.text-link{font-size:14px;display:inline-flex;gap:28px;border-bottom:1px solid var(--line);padding-bottom:7px}.work-photo{display:block;background:#272528;overflow:hidden}.work-photo img{width:100%;aspect-ratio:16/8;object-fit:cover;transition:transform .6s}.work-photo:hover img{transform:scale(1.03)}.work-caption{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:14px;margin-top:15px}.work-caption span{font-size:11px;color:var(--gold);letter-spacing:1px}.craft-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.craft-grid article{padding:32px;border-right:1px solid var(--line)}.number{font-size:12px;color:var(--gold);letter-spacing:1px}.craft-grid p{font-size:14px;color:var(--muted)}.craft-grid .craft-photo{padding:0;border:0;overflow:hidden}.craft-photo img{width:100%;height:100%;object-fit:cover}.contact-band{text-align:center;padding:100px 25px;background:#171a1d;border-top:1px solid var(--line);margin-top:45px}.contact-band h2{font-size:clamp(36px,4vw,52px);line-height:1.5}.contact-band>p:not(.eyebrow){color:var(--muted);font-size:14px}footer{max-width:var(--width);margin:auto;padding:45px;display:flex;gap:40px;align-items:start;justify-content:space-between;font-size:12px;color:var(--muted)}footer p{margin:0 0 5px}.footer-brand{font-size:19px;color:var(--text)}.copyright{font-size:10px}.page-heading,.work-heading{max-width:var(--width);padding:80px 45px 35px;margin:auto}.page-heading h1{font-size:clamp(38px,5vw,64px);font-weight:500;line-height:1.4;letter-spacing:.5px;margin:0 0 25px}.page-heading>p:last-child,.work-heading>p:last-child{color:var(--muted)}.back-link{color:var(--muted);font-size:12px;display:inline-block;margin-bottom:38px}.work-heading h1{font-size:clamp(44px,7vw,90px);line-height:1.2;font-weight:500;margin:15px 0 30px}.work-cover{max-width:var(--width);padding:0 45px;margin:20px auto 70px}.work-cover img{width:100%}.work-cover figcaption{text-align:right;font-size:11px;color:var(--muted);margin-top:10px}.work-story{border-top:1px solid var(--line)}.facts{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:38px 0 0;border-top:1px solid var(--line);padding-top:25px}.facts dt{font-size:11px;color:var(--muted)}.facts dd{margin:8px 0 0;font-size:14px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.gallery figure{margin:0}.gallery-open{border:0;padding:0;width:100%;background:#232528;cursor:zoom-in}.gallery img{width:100%;aspect-ratio:4/5;object-fit:cover}.gallery figure:first-child{grid-column:span 2}.gallery figure:first-child img{aspect-ratio:8/5;object-fit:cover}.gallery figcaption{font-size:12px;color:var(--muted);margin-top:12px}video{display:block;width:100%;height:auto;background:#000;border:1px solid var(--line);margin-top:30px}.caption{font-size:12px;color:var(--muted);line-height:1.8}.faq{max-width:1000px}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:16px}.faq details p{color:var(--muted);font-size:14px;margin:16px 0 0}.service-rows article{display:grid;grid-template-columns:1fr 2fr;gap:65px;border-top:1px solid var(--line);padding:45px 0}.service-rows article:last-child{border-bottom:1px solid var(--line)}.service-rows{padding-top:35px;padding-bottom:30px}.service-rows h2{margin:0 0 20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps span{color:var(--gold);font-size:12px}.steps p{font-size:14px;color:var(--muted)}.contact-panel{padding-top:35px}.email-address{font-size:clamp(20px,3vw,40px);line-height:1.8;border-bottom:1px solid var(--line);display:block;padding:10px 0 35px;overflow-wrap:anywhere;color:var(--gold)}.email-address span{float:right}.contact-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.contact-actions .button{margin-top:25px}#copy-status{font-size:13px;color:var(--gold)}.contact-notes{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:45px}.contact-notes ul{padding-left:20px;color:var(--muted);font-size:14px}.contact-notes li{margin:10px 0}dialog{background:#151719;color:var(--text);border:1px solid var(--line);max-width:min(95vw,1300px);max-height:94vh;padding:35px 20px 15px}dialog::backdrop{background:#000c}dialog img{max-height:78vh;width:auto;max-width:100%;margin:auto;object-fit:contain}dialog p{font-size:12px;color:var(--muted);text-align:center}.lightbox-close{position:absolute;right:12px;top:5px;color:#fff;background:transparent;border:0;font-size:28px;cursor:pointer}
@media(min-width:1500px){.hero{min-height:830px}.hero-art{bottom:-40px}.hero-copy{padding-bottom:340px}}@media(max-width:900px){.hero{min-height:730px}.hero-copy{padding:55px 6% 340px}.hero-art{width:135%;right:-21%;bottom:40px}.hero h1{font-size:48px}.hero-bottom{left:6%;right:6%}.hero-bottom span:nth-child(2){display:none}.section{padding:65px 30px}.studio-intro,.work-story{grid-template-columns:1fr;gap:10px}.craft-grid{grid-template-columns:1fr 1fr}.craft-grid .craft-photo{grid-column:span 2;max-height:300px}.craft-grid .craft-photo img{height:300px}.gallery{grid-template-columns:1fr 1fr}.gallery figure:first-child{grid-column:span 2}.gallery figure:first-child img{aspect-ratio:16/9}.service-rows article{grid-template-columns:1fr;gap:15px}.steps{gap:25px}footer{padding:35px 30px;flex-wrap:wrap}.page-heading,.work-heading{padding:65px 30px 25px}.work-cover{padding:0 30px}.contact-notes{grid-template-columns:1fr;gap:0}}
@media(max-width:600px){.site-header{padding:20px;gap:12px}.wordmark{font-size:12px;gap:9px}.brand-symbol{font-size:28px}nav{gap:18px;font-size:12px}.nav-contact{padding:0;border:0}.nav-contact span{display:none}nav a:nth-child(2){display:none}.hero{min-height:740px}.hero-copy{padding:48px 24px 340px}.hero h1{font-size:42px}.hero .eyebrow{font-size:9px;letter-spacing:1.8px;max-width:260px}.hero-copy>p:not(.eyebrow){font-size:13px}.hero-art{width:160%;right:-33%;bottom:60px}.hero-bottom{bottom:25px;left:24px;right:24px;font-size:9px}.section{padding:55px 24px}.section-head{gap:15px;align-items:center}.text-link{font-size:12px;gap:5px}.work-caption{display:block}.work-caption p{font-size:13px}.work-caption span{display:block;margin-top:18px}.work-photo img{aspect-ratio:4/3}.craft-grid{display:block}.craft-grid article{border-right:0;border-bottom:1px solid var(--line);padding:25px}.craft-grid .craft-photo img{height:220px}.gallery{gap:20px 14px}.gallery figcaption{font-size:10px}.steps{grid-template-columns:1fr;gap:25px}.steps>div{border-top:1px solid var(--line);padding-top:20px}.steps h3{margin:10px 0}.page-heading,.work-heading{padding:50px 24px 25px}.page-heading h1{font-size:39px}.work-cover{padding:0 24px;margin-bottom:40px}.contact-band{padding:65px 24px}.contact-band h2{font-size:37px}.desktop{display:none}footer{padding:35px 24px;display:block}footer>div{margin:25px 0}.copyright{margin-top:25px}.contact-actions{gap:10px}.contact-actions .button{padding:12px 18px}.facts{gap:20px}h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
/* Give the artwork and the copy their own vertical space. */
@media(min-width:901px){.hero{min-height:900px}.hero-copy{padding-bottom:440px}.hero-art{bottom:-85px}.hero-art:after{background:linear-gradient(90deg,#10121480,transparent 60%),linear-gradient(0deg,var(--bg),transparent 15%,transparent 65%,var(--bg))}}
@media(max-width:600px){.hero{min-height:650px}.hero-art{width:100%;right:0;bottom:60px}.hero-copy{padding-bottom:270px}}