/*
Theme Name: 青山空間設計
Theme URI: https://qingshan-case-review.nico720605.chatgpt.site/
Author: 優勢方舟 A-Ark
Description: 青山空間設計官網主題，版型移植自青山預覽站。
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: qingshan
*/
:root{--ink:#222522;--muted:#737871;--line:#e3e6e0;--paper:#fff;--accent:#334b3d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto;display:block}a:focus-visible,button:focus-visible{outline:3px solid #8ea891;outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:#fff;z-index:10;padding:12px}.brand img{width:88px;height:88px;object-fit:contain}.header{max-width:1480px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 5vw;border-bottom:1px solid var(--line);gap:20px}.nav{display:flex;gap:32px;font-size:14px}.nav a[aria-current=page]{border-bottom:1px solid var(--ink)}.landing{min-height:100svh;display:grid;place-content:center;text-align:center;padding:40px 24px}.landing img{width:min(420px,75vw);margin:auto}.enter{display:inline-block;margin:20px auto 0;padding:9px 30px;border-bottom:1px solid var(--ink);font-size:14px;letter-spacing:.2em}.gate{min-height:calc(100svh - 145px);padding:30px 5vw 50px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1480px;margin:auto}.tile{position:relative;overflow:hidden;min-height:480px;background:#28352c;color:white}.tile img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .65s}.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.58))}.tile:hover img{transform:scale(1.025)}.tile-label{position:absolute;left:30px;bottom:36px;z-index:1}.tile-label strong{display:block;font-weight:400;font-size:28px;letter-spacing:.16em}.tile-label span{display:block;font-size:14px;letter-spacing:.16em;margin-top:5px}.content{max-width:1200px;margin:0 auto;padding:55px 5vw 90px}.eyebrow{font-size:14px;letter-spacing:.18em;color:var(--muted)}h1{font-weight:400;font-size:34px;letter-spacing:.12em;margin:8px 0 45px}h2{font-weight:400;font-size:24px}h3{font-weight:400}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}.gallery h2{font-size:17px;margin:12px 0}.articles{display:grid;grid-template-columns:repeat(2,1fr);gap:42px 28px}.articles img{aspect-ratio:3/2;width:100%;object-fit:cover}.articles h2{font-size:22px}.articles p{color:var(--muted)}.entry{max-width:900px;margin:auto}.entry h1{letter-spacing:.04em}.entry img{margin:20px auto}.entry .wp-block-gallery{display:flex;flex-wrap:wrap;gap:20px}.entry .wp-block-gallery figure{margin:0;flex:1 1 300px}.entry .wp-block-gallery img{width:100%;height:auto}.entry a{text-decoration:underline}.empty{padding:50px 0;color:var(--muted)}.choices{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:40px}.choices a{padding:10px 25px;border:1px solid var(--line)}.choices a[aria-current=page]{background:var(--accent);color:#fff}.steps{list-style:none;padding:0;counter-reset:step}.steps li{counter-increment:step;display:grid;grid-template-columns:65px 1fr;padding:22px 0;border-top:1px solid var(--line);gap:20px}.steps li:before{content:counter(step,decimal-leading-zero);font-size:24px;color:var(--muted)}.steps h2{margin:0 0 8px;font-size:21px}.steps p{margin:0;color:var(--muted)}.footer{display:flex;gap:20px;justify-content:space-between;padding:20px 5vw;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.pagination{margin-top:40px}.pagination a,.pagination span{display:inline-block;padding:8px 14px}.pagination .current{background:var(--accent);color:white}.back{display:inline-block;margin-bottom:25px;font-size:14px}.entry figure{margin:20px 0}.entry figcaption{font-size:14px;color:var(--muted)}@media(max-width:700px){.header{padding:8px 6vw;gap:10px}.brand img{width:64px;height:64px}.nav{gap:18px}.gate{grid-template-columns:1fr;padding:20px 6vw 35px;gap:14px}.tile{min-height:280px}.tile-label{left:24px;bottom:23px}.tile-label strong{font-size:25px}.gallery,.articles{grid-template-columns:1fr}.content{padding:35px 6vw 65px}h1{font-size:28px;margin-bottom:30px}.footer{flex-wrap:wrap;padding:18px 6vw}.steps li{grid-template-columns:42px 1fr;gap:12px}.choices a{padding:8px 16px}.landing img{width:min(360px,85vw)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tile img{transition:none}}

.animated-enter{animation:enter-appear .4s ease-out 2.6s both}@keyframes enter-appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.animated-enter{animation:none}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.line-contact:not(.network-button){position:fixed;right:24px;bottom:max(24px,env(safe-area-inset-bottom));padding:12px 22px;background:#067b34;color:#fff;border-radius:30px;box-shadow:0 4px 20px #0002;font-size:16px;z-index:20}.footer{padding-bottom:85px}.workflow{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}.workflow th,.workflow td{padding:24px 18px;border-bottom:1px solid var(--line);vertical-align:top}.workflow thead th{font-size:14px;color:var(--muted);font-weight:400}.workflow tbody th{font-size:18px;font-weight:400}.workflow th:nth-child(1){width:30%}.workflow th:nth-child(2){width:40%}.workflow th:nth-child(3){width:30%}.stage-number{display:block;color:var(--muted);font-size:14px;letter-spacing:.1em}.workflow ul{padding-left:18px;margin:0;font-size:16px}.workflow summary{display:inline-block;cursor:pointer;padding:7px 13px;border:1px solid #abb7ac;font-size:14px;list-style:none}.workflow summary::-webkit-details-marker{display:none}.workflow summary:focus-visible{outline:3px solid #8ea891;outline-offset:3px}.workflow details[open] summary{background:var(--accent);color:#fff}.stage-detail{margin-top:14px;font-size:14px}.sample-link{display:block;margin:12px 0;text-decoration:underline}.articles h2{font-size:18px;line-height:1.7}.preview-note{color:var(--muted);font-size:14px}.image-placeholder{display:grid;place-items:center;aspect-ratio:4/3;background:#f2f4f1;color:var(--muted)}@media(max-width:700px){.workflow th,.workflow td{padding:18px 8px}.workflow tbody th{font-size:16px}.workflow th:nth-child(1){width:28%}.workflow th:nth-child(2){width:36%}.workflow th:nth-child(3){width:36%}.workflow ul{font-size:14px;padding-left:15px}.workflow summary{padding:6px 8px}.line-contact:not(.network-button){right:16px;bottom:max(16px,env(safe-area-inset-bottom))}}
.inquiry{border:0;border-radius:14px;padding:30px;width:min(540px,92vw);max-height:90svh;overflow:auto;color:var(--ink);font:inherit;box-shadow:0 12px 60px #0003}.inquiry::backdrop{background:#0008}.inquiry h2{margin:8px 0}.inquiry p{font-size:14px;color:var(--muted)}.inquiry label{display:block;font-size:16px;margin:14px 0}.inquiry input:not([type=radio]):not([type=checkbox]),.inquiry select,.inquiry textarea{display:block;width:100%;font:inherit;padding:10px 12px;border:1px solid #bfc7bf;background:#fff;border-radius:5px;color:var(--ink);margin-top:6px}.inquiry textarea{font-size:16px;resize:vertical}.inquiry fieldset{padding:0;border:0;margin:15px 0}.inquiry legend{font-size:16px}.radio-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.radio-grid label{border:1px solid var(--line);padding:8px;margin:0;font-size:14px}.inquiry .unknown{font-size:14px}.inquiry-primary{width:100%;padding:12px;border:0;border-radius:5px;background:var(--accent);color:#fff;cursor:pointer}.inquiry-close{float:right;background:none;border:0;cursor:pointer;font-size:14px;padding:5px}.inquiry-open{display:block;text-align:center;margin:14px;text-decoration:underline}.inquiry-edit{border:0;background:none;font-size:14px;text-decoration:underline;cursor:pointer}.inquiry input:focus-visible,.inquiry select:focus-visible,.inquiry textarea:focus-visible{outline:3px solid #8ea891;outline-offset:2px}[hidden]{display:none!important}

.food-brand{border-left:2px solid #8ea891;padding-left:16px;margin:18px 0}.food-brand .radio-grid{grid-template-columns:1fr 1fr}.inquiry-result textarea{min-height:230px}

.service-topics{display:flex;gap:12px;flex-wrap:wrap;margin:-15px 0 35px}.service-topics a{border:1px solid var(--line);padding:9px 22px;font-size:16px}.service-topics a[aria-current=page]{background:var(--accent);color:#fff}.brand-cover{object-fit:contain!important;background:#fff;border:1px solid var(--line)}.brand-detail{max-width:440px}.material-placeholder{aspect-ratio:3/2;background:#f2f4f1;display:grid;place-items:center;color:var(--muted);font-size:14px;border:1px solid var(--line)}.material-inquiry{display:inline-block;margin:20px 0;padding:10px 24px;border:1px solid var(--accent);color:var(--accent)}.topic-cards{margin-bottom:35px}

/* Homepage photo-led version */
.showcase-home .featured-hero{position:relative;background:#1e2520;height:calc(100svh - 114px);min-height:520px;max-height:1000px;color:#fff;margin:0 2vw;overflow:hidden}.featured-photo{position:absolute;inset:0}.featured-photo img{width:100%;height:100%;object-fit:cover;animation:photo-in .45s ease-out}.featured-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#0008)}.hero-label{position:absolute;z-index:1;left:5vw;bottom:105px}.hero-label>span:first-child{font-size:14px;letter-spacing:.2em}.hero-label h1{font-size:clamp(30px,4vw,54px);font-weight:400;margin:7px 0 14px;letter-spacing:.15em}.hero-view{font-size:14px;border-bottom:1px solid #ffffff80;padding-bottom:4px}.hero-control{position:absolute;z-index:2;left:5vw;right:5vw;bottom:32px;display:flex;align-items:center;gap:25px;font-size:14px}.hero-control>span{letter-spacing:.12em}.hero-control button{background:none;color:#fff;border:0;cursor:pointer;font-size:14px;padding:8px}.hero-dots{display:flex;gap:12px;flex:1}.hero-dots button{width:26px;height:2px;min-height:24px;position:relative;padding:0}.hero-dots button:after{content:"";position:absolute;inset:11px 0;background:#ffffff50}.hero-dots button[aria-pressed=true]:after{background:#fff}.selected-section{max-width:1480px;margin:auto;padding:100px 6vw 110px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:38px;gap:20px}.section-heading span{font-size:14px;letter-spacing:.18em;color:var(--muted)}.section-heading h2{font-size:28px;letter-spacing:.1em;margin:7px 0 0}.section-heading>a{font-size:14px;border-bottom:1px solid #889084;padding-bottom:5px}.editorial-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:start;gap:6vw}.project-secondary{padding-top:140px}.project-image{overflow:hidden;background:#eee}.project-dominant .project-image{aspect-ratio:4/5}.project-secondary .project-image{aspect-ratio:5/6}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.project-card:hover img{transform:scale(1.025)}.project-caption{display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:16px}.project-caption h3{margin:0;font-size:18px}.project-caption span{font-size:12px;letter-spacing:.08em;color:var(--muted)}.showcase-entries{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);max-width:1320px;margin:0 auto 80px}.showcase-entries a{padding:38px 4vw;border-right:1px solid var(--line)}.showcase-entries a:last-child{border:0}.showcase-entries span{display:block;font-size:14px;color:var(--muted);letter-spacing:.14em}.showcase-entries strong{display:block;font-size:24px;font-weight:400;margin-top:8px;letter-spacing:.12em}.showcase-entries a:hover{background:#f5f6f3}@keyframes photo-in{from{opacity:.5}to{opacity:1}}@media(max-width:700px){.showcase-home .featured-hero{height:calc(88svh - 88px);min-height:450px;margin:0}.hero-label{left:6vw;bottom:100px}.hero-control{left:6vw;right:6vw;gap:12px}.hero-control button{padding:8px 4px}.hero-dots{gap:8px}.hero-dots button{width:18px;padding:0}.selected-section{padding:55px 6vw 65px}.editorial-grid{grid-template-columns:1fr;gap:42px}.project-secondary{padding-top:0}.project-dominant .project-image{aspect-ratio:4/5}.project-secondary .project-image{aspect-ratio:4/5}.section-heading h2{font-size:24px}.showcase-entries{margin:0 6vw 50px}.showcase-entries a{padding:25px 3vw}.showcase-entries strong{font-size:21px}.showcase-entries span{font-size:12px;letter-spacing:.08em}}@media(prefers-reduced-motion:reduce){.featured-photo img{animation:none}.project-image img{transition:none}}

.pricing-section{margin-top:80px;padding-top:40px;border-top:1px solid #ddd}.pricing-section h2{font-size:30px}.pricing-section p{line-height:1.9}.pricing-grid,.payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}.pricing-grid article,.payment-grid article{padding:26px;background:#f5f3ef}.fee-note{color:#70685e;font-size:14px}@media(max-width:640px){.pricing-grid,.payment-grid{grid-template-columns:1fr}.pricing-section{margin-top:48px}}
.workflow th:first-child{width:35%}.workflow td:nth-child(2){width:65%}.service-hero .logo-slide img{object-fit:contain;background:#f4f2ed;padding:6vh 12vw;box-sizing:border-box}.service-hero .logo-slide .hero-label,.service-hero:has(.logo-slide) .hero-control{color:#263d31}.service-hero .logo-slide:after{background:none}.service-hero:has(.logo-slide) .hero-dots button{background:#87968c}.service-hero:has(.logo-slide) .hero-dots button[aria-pressed="true"]{background:#263d31}.service-hero .logo-slide .hero-label{background:rgba(244,242,237,.9);padding:18px}@media(max-width:640px){.service-hero .logo-slide img{padding:5vh 8vw 25vh}} .showcase-home .service-hero{margin:0;width:100%;height:calc(100svh - 114px);max-height:none}@media(max-width:700px){.showcase-home .service-hero{height:calc(100svh - 88px);min-height:450px}} .works-home .featured-hero{margin:0;width:100%;height:calc(100svh - 114px);max-height:none}@media(max-width:700px){.works-home .featured-hero{height:calc(100svh - 88px);min-height:450px}} .service-hero .hero-label h1{max-width:780px;letter-spacing:.04em;line-height:1.45}.service-hero+.showcase-entries{grid-template-columns:1.5fr 1fr 1fr}.service-hero+.showcase-entries strong{font-size:clamp(17px,2vw,24px);line-height:1.6;letter-spacing:.03em}@media(max-width:700px){.service-hero .hero-label h1{font-size:30px;max-width:87vw}.service-hero+.showcase-entries{grid-template-columns:1fr;margin:0 6vw 40px}.service-hero+.showcase-entries a{border-right:0;border-bottom:1px solid var(--line)}} .stone-post{--ink:#292923;--muted:#77746d;--paper:#f5f3ed;--line:#c9c4b8;--accent:#9c8063}.stone-post *{box-sizing:border-box}.stone-post{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;line-height:1.75}.stone-post .post{max-width:1440px;margin:auto;padding:5.5vw 7vw 7vw;overflow:hidden}.stone-post .topline{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.2em;color:var(--muted)}.stone-post .hero{display:grid;grid-template-columns:.72fr 1.28fr;gap:5vw;align-items:center;padding:7vw 0 8vw}.stone-post .eyebrow{font-size:11px;letter-spacing:.24em;color:var(--accent);text-transform:uppercase}.stone-post h1{font-family:"Noto Serif TC","Songti TC","PMingLiU",serif;font-size:clamp(34px,5vw,68px);line-height:1.32;font-weight:500;letter-spacing:.04em;margin:20px 0 22px}.stone-post .dek{max-width:390px;font-size:15px;color:#55534d;line-height:2.05;margin:0}.stone-post .hero-photo{position:relative;height:min(70vw,790px);min-height:520px;margin-right:-8vw}.stone-post .hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 50%;display:block}.stone-post .photo-index{position:absolute;right:16px;bottom:14px;color:#fff;font-size:10px;letter-spacing:.2em;text-shadow:0 1px 8px #333}.stone-post .feature{display:grid;grid-template-columns:1.08fr .92fr;gap:7vw;align-items:center;margin:0 0 9vw}.stone-post .feature.reverse{grid-template-columns:.85fr 1.15fr}.stone-post .feature.reverse .photo{order:2;margin-right:-7vw;margin-left:0}.stone-post .photo{position:relative;min-height:500px;height:54vw;max-height:690px;margin-left:-8vw}.stone-post .photo img{width:100%;height:100%;display:block;object-fit:cover}.stone-post .feature.reverse .photo img{object-position:center}.stone-post .copy{max-width:440px;padding:1vw 0}.stone-post .num{font-family:Georgia,serif;font-size:13px;letter-spacing:.2em;color:var(--accent)}.stone-post h2{font-family:"Noto Serif TC","Songti TC","PMingLiU",serif;font-weight:500;letter-spacing:.08em;font-size:clamp(25px,3vw,39px);line-height:1.5;margin:14px 0 20px}.stone-post .copy p{margin:0;color:#5b5851;font-size:14px;line-height:2.1}.stone-post .callout{position:absolute;z-index:2;padding:7px 12px;background:rgba(245,243,237,.94);font-size:11px;letter-spacing:.1em;color:#49463f;white-space:nowrap}.stone-post .callout:before{content:"";position:absolute;width:72px;border-top:1px dashed #8f7c65;top:50%}.stone-post .c-left{left:6%;top:34%}.stone-post .c-left:before{left:100%}.stone-post .c-right{right:5%;bottom:27%}.stone-post .c-right:before{right:100%}.stone-post .materials{margin:2vw 0 10vw;display:grid;grid-template-columns:1fr 1.15fr .8fr;gap:2.3vw;align-items:center}.stone-post .materials figure{margin:0;position:relative}.stone-post .materials figure:nth-child(1){margin-top:8vw}.stone-post .materials figure:nth-child(2){margin-bottom:7vw}.stone-post .materials img{display:block;width:100%;height:clamp(280px,37vw,510px);object-fit:cover}.stone-post .materials figcaption{font-size:10px;letter-spacing:.14em;color:var(--muted);padding-top:10px}.stone-post .last{position:relative;height:64vw;max-height:800px;min-height:460px;margin:0 -8vw}.stone-post .last img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%}.stone-post .last-note{position:absolute;left:10%;bottom:10%;width:min(420px,44%);padding:28px 32px;background:rgba(245,243,237,.93)}.stone-post .last-note h2{font-size:clamp(23px,3vw,36px);margin:8px 0 12px}.stone-post .last-note p{margin:0;font-size:13px;line-height:2;color:#5b5851}.stone-post footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:36px;padding-top:16px;color:var(--muted);font-size:10px;letter-spacing:.18em}
    @media(max-width:760px){.stone-post .post{padding:26px 20px 40px}.stone-post .topline{font-size:9px}.stone-post .hero{grid-template-columns:1fr;gap:25px;padding:44px 0 60px}.stone-post .hero-photo{height:120vw;min-height:420px;margin:0 -20px 0 8vw}.stone-post .dek{max-width:none}.stone-post .feature,.stone-post .feature.reverse{grid-template-columns:1fr;gap:24px;margin-bottom:70px}.stone-post .feature.reverse .photo{order:0;margin:0 -20px 0 8vw}.stone-post .photo{height:112vw;min-height:400px;margin:0 8vw 0 -20px}.stone-post .copy{max-width:none;padding:0 4px}.stone-post .materials{grid-template-columns:1fr 1fr;gap:14px;margin:30px 0 70px}.stone-post .materials figure:nth-child(1){margin-top:0}.stone-post .materials figure:nth-child(2){margin-bottom:35px}.stone-post .materials figure:nth-child(3){grid-column:1/-1;width:70%;margin:-20px auto 0}.stone-post .materials img{height:65vw}.stone-post .materials figure:nth-child(3) img{height:70vw}.stone-post .callout{font-size:9px;padding:5px 8px}.stone-post .callout:before{width:42px}.stone-post .last{height:125vw;min-height:430px;margin:0 -20px}.stone-post .last-note{left:5%;bottom:5%;width:86%;padding:20px}.stone-post .last-note h2{font-size:25px}.stone-post footer{font-size:8px}}
  .stone-stack{background:#f5f3ed;color:#292923;overflow:hidden;padding-bottom:70px}.stone-heading{max-width:900px;margin:auto;padding:55px 6vw 45px}.stone-heading h1{font-weight:400;font-size:clamp(28px,4vw,48px);line-height:1.45}.stone-heading p,.stone-copy p{line-height:1.95;color:#615d55}.stone-wide{margin:0;width:100%}.stone-wide img{display:block;width:100%;height:auto;max-height:820px;object-fit:cover;aspect-ratio:16/10}.stone-wide figcaption,.stone-inset figcaption{font-size:13px;padding:14px 5vw;color:#726b60}.stone-copy{max-width:800px;margin:auto;padding:65px 7vw}.stone-copy>span{font-size:12px;letter-spacing:.15em;color:#917b61}.stone-copy h2{font-size:clamp(25px,3vw,36px);font-weight:400}.stone-layer{position:relative;padding-bottom:8vw}.stone-inset{position:relative;width:58%;margin:-12vw 5vw 0 auto;z-index:1;background:#f5f3ed;box-shadow:0 15px 40px #0002;border:8px solid #f5f3ed}.stone-inset img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.stone-offset{width:92%;margin:-5vw 0 0 auto;position:relative;z-index:1;border-top:8px solid #f5f3ed;border-left:8px solid #f5f3ed}.samples .stone-wide img{aspect-ratio:16/9}.texture{margin-top:55px}.texture img{max-height:450px;aspect-ratio:2.5/1}.stone-spec{font-size:13px;line-height:1.8;color:#726b60;max-width:800px;margin:35px auto 0;padding:0 6vw}@media(max-width:700px){.stone-heading{padding:35px 6vw}.stone-copy{padding:38px 7vw}.stone-inset{width:75%;margin-top:-15vw;border-width:5px}.stone-wide img{aspect-ratio:4/3}.stone-offset{width:94%;margin-top:-4vw}.texture img{aspect-ratio:16/9}}.stone-stack .stone-layer{padding-bottom:0}.stone-stack .stone-inset,.stone-stack .stone-offset{width:100%;margin:0;position:static;border:0;box-shadow:none;background:transparent}.stone-stack .stone-wide img,.stone-stack .stone-inset img,.stone-stack .samples .stone-wide img,.stone-stack .texture img{width:100%;aspect-ratio:16/9;height:auto;max-height:none;object-fit:cover}.stone-stack .stone-wide,.stone-stack .stone-inset{margin:0;width:100%}.stone-stack .texture{margin-top:36px}.stone-stack figcaption{padding:16px 6vw 24px} .kitchen-post{--bg:#e9eeeb;--ink:#253a32;--text:#38443e;--line:#bfcac3}.kitchen-post *{box-sizing:border-box}.kitchen-post{scroll-behavior:smooth}.kitchen-post{margin:0;background:var(--bg);color:var(--text);font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;-webkit-font-smoothing:antialiased}.kitchen-post header{max-width:1240px;margin:auto;padding:28px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.kitchen-post .brand{color:var(--ink);font-size:19px;font-weight:600;letter-spacing:3px}.kitchen-post .label{font-size:12px;letter-spacing:2px}.kitchen-post main{max-width:1240px;margin:auto;padding:0 40px}.kitchen-post .opening{padding:74px 0 45px}.kitchen-post .eyebrow{font-size:12px;letter-spacing:2px;color:#607568;margin:0 0 22px}.kitchen-post h1{font-size:clamp(32px,5vw,62px);font-weight:500;line-height:1.35;letter-spacing:.035em;color:var(--ink);margin:0;max-width:1050px}.kitchen-post .deck{font-size:19px;letter-spacing:1px;margin:22px 0 0}.kitchen-post .hero{margin:0 0 55px}.kitchen-post figure{margin:34px 0 52px}.kitchen-post figure img{display:block;width:100%;height:auto;background:#d3dcd6}.kitchen-post figcaption{font-size:12px;color:#65736c;line-height:1.8;padding:12px 0;border-bottom:1px solid var(--line)}.kitchen-post .copy{max-width:780px;margin:auto;font-size:17px;line-height:2.05;letter-spacing:.025em}.kitchen-post .copy p{margin:0 0 22px}.kitchen-post .section{padding-top:42px;border-top:1px solid var(--line);margin-top:44px}.kitchen-post .num{display:block;font-size:12px;letter-spacing:3px;color:#687c70;margin-bottom:13px}.kitchen-post h2{color:var(--ink);font-size:clamp(24px,3vw,32px);font-weight:500;line-height:1.6;letter-spacing:.035em;margin:0 0 24px}.kitchen-post .portrait img{max-height:650px;object-fit:contain;background:#dce3de}.kitchen-post .steps{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;color:var(--ink)}.kitchen-post .steps span:not(:last-child):after{content:' →';margin-left:12px;color:#7b8d82}.kitchen-post .ending{padding:65px 0 72px}.kitchen-post .ending blockquote{margin:0 0 28px;font-family:serif;font-size:clamp(26px,3.6vw,40px);line-height:1.6;color:var(--ink)}.kitchen-post footer{border-top:1px solid var(--line);padding:28px 40px 38px;max-width:1240px;margin:auto;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px}.kitchen-post footer a{color:var(--ink);text-decoration:none}@media(max-width:640px){.kitchen-post header{padding:22px 20px}.kitchen-post .brand{font-size:16px}.kitchen-post .label{font-size:10px;letter-spacing:1px}.kitchen-post main{padding:0 20px}.kitchen-post .opening{padding:48px 0 30px}.kitchen-post .deck{font-size:16px}.kitchen-post .copy{font-size:16px;line-height:1.95}.kitchen-post .section{padding-top:30px;margin-top:32px}.kitchen-post figure{margin:25px 0 36px}.kitchen-post .hero{margin-bottom:32px}.kitchen-post footer{padding:24px 20px}.kitchen-post .ending{padding:45px 0}}
 .kitchen-inner{max-width:1240px;margin:auto;padding:0 40px}.kitchen-back{display:inline-block;margin-top:28px}.kitchen-post{padding-bottom:20px}@media(max-width:640px){.kitchen-inner{padding:0 20px}}
/* Aligned full-width article photography */
.kitchen-post{--bg:#fff;background:#fff;max-width:none!important;width:100%;padding:0 0 20px!important}.kitchen-post .kitchen-inner{max-width:none;padding:0}.kitchen-post .opening,.kitchen-post .kitchen-back{margin-left:6vw;margin-right:6vw}.kitchen-post .copy{padding-left:6vw;padding-right:6vw;max-width:960px}.kitchen-post .section{border-top:0}.kitchen-post figure,.kitchen-post .hero{width:100%;margin-left:0;margin-right:0}.kitchen-post figure img,.kitchen-post .portrait img{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:none;object-fit:cover;background:#fff}.kitchen-post figcaption{padding:14px 6vw 20px}.stone-stack{background:#fff}

.hero-track{display:flex;position:absolute;inset:0;transition:transform .6s cubic-bezier(.22,.61,.36,1);will-change:transform}.hero-track .featured-photo{position:relative;inset:auto;flex:0 0 100%;height:100%;min-width:0}.hero-track .featured-photo img{animation:none}.hero-control{pointer-events:auto}@media(prefers-reduced-motion:reduce){.hero-track{transition-duration:.01s}}

/* Charcoal treatment for the case and service overview pages */
body.dark-showcase{background:#222322;color:#fff}.dark-showcase .header,.dark-showcase .footer,.dark-showcase .showcase-entries,.dark-showcase .showcase-entries a{border-color:#484b47}.dark-showcase .header{background:#222322}.dark-showcase .header{isolation:isolate}.dark-showcase .brand img{background:transparent;filter:grayscale(1) invert(1);mix-blend-mode:screen}.dark-showcase .nav a[aria-current=page]{border-color:#fff}.dark-showcase .section-heading span,.dark-showcase .project-caption span,.dark-showcase .showcase-entries span,.dark-showcase .footer{color:#c4c9c3}.dark-showcase .section-heading h2,.dark-showcase .project-caption h3,.dark-showcase .articles h2,.dark-showcase .showcase-entries strong{color:#fff}.dark-showcase .section-heading>a{border-color:#c4c9c3}.dark-showcase .showcase-entries a:hover{background:#30332f}.dark-showcase .project-image{background:#30332f}

.works-home .editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 4vw}.works-home .project-secondary{padding-top:0}.works-home .project-image{aspect-ratio:16/10}.works-home .project-caption{align-items:start;flex-wrap:wrap}.project-detail{background:#fff;color:#35443d;padding:35px 0 60px}.project-detail>.back{margin:0 6vw}.project-detail .opening{max-width:1100px;margin:auto;padding:45px 6vw 30px}.project-detail h1{color:#203d30;letter-spacing:.04em;margin-bottom:15px}.project-detail .subtitle{font-family:serif;font-size:clamp(22px,3vw,31px)}.project-detail .copy{max-width:900px;margin:35px auto;padding:0 6vw;font-size:17px;line-height:2}.project-detail .copy h2{font-size:clamp(25px,3vw,36px)}.project-detail figure{margin:30px 0 45px;width:100%}.project-detail figure img{width:100%;height:auto;max-height:none;display:block}.project-detail figcaption{padding:14px 6vw;color:#62726a;font-size:12px}.project-detail .num{font-size:12px;letter-spacing:2px}.project-detail .next{display:flex;justify-content:space-between;gap:20px;padding:25px 6vw;border-top:1px solid #ddd}.project-detail .courtyard-reference{position:relative}.project-detail .reference-words{position:absolute;right:0;top:0;bottom:0;width:11.4%;background:#fff;display:flex;justify-content:space-evenly;padding-top:2%;overflow:hidden}.project-detail .reference-words span{writing-mode:vertical-rl;font-family:serif;font-size:clamp(7px,1.4vw,19px);line-height:1.25;color:#242424}.project-detail .reference-words span:last-child{font-size:clamp(9px,1.9vw,26px)}.project-detail .reference-words b{font-weight:400;color:#ba3434}@media(max-width:700px){.works-home .editorial-grid{grid-template-columns:1fr;gap:35px}.project-detail .copy{font-size:16px}}
.project-detail,.project-detail h1,.project-detail h2,.project-detail .copy,.project-detail .num,.project-detail .eyebrow,.project-detail figcaption{color:#222;background-color:#fff}.hero-track picture{display:block;width:100%;height:100%}.hero-dots{min-width:0;gap:8px}.hero-dots button{flex:1;max-width:26px;min-width:6px}.works-home .featured-hero{aspect-ratio:16/9;height:auto;min-height:0;max-height:none}.works-home .hero-track img{object-fit:contain;object-position:center}@media(max-width:700px){.works-home .featured-hero{aspect-ratio:9/16;height:auto;min-height:0}.hero-control{gap:9px;font-size:12px}.hero-control button{font-size:12px}.hero-dots{gap:5px}}

.landing-intro{max-width:620px;margin:30px auto 0}.landing-intro h1{font-size:16px;letter-spacing:.06em;margin:0 0 4px}.landing-intro p{font-size:13px;color:var(--muted);margin:0}.landing-intro nav{display:flex;justify-content:center;gap:25px;font-size:13px;margin-top:12px}.section-heading h1{font-size:28px;margin:7px 0 0;letter-spacing:.08em}.seo-intro{max-width:800px;font-size:15px;margin:0 0 35px;color:inherit}.seo-service{padding-top:20px}.seo-service details{border-top:1px solid var(--line);padding:16px 0}.seo-service summary{cursor:pointer}.seo-service a{text-decoration:underline}.dark-showcase .seo-service{color:#fff}.featured-hero .hero-label h2{font-size:clamp(30px,4vw,54px);margin:7px 0 14px;letter-spacing:.15em}@media(max-width:700px){.section-heading h1{font-size:24px}.landing-intro h1{font-size:14px}}

/* Case and service overview title hierarchy */
.dark-showcase .hero-label>span:first-child{font-size:12px}
.dark-showcase .section-heading span,.dark-showcase .showcase-entries span{font-size:12px}
.dark-showcase .hero-label h2,.dark-showcase .section-heading h1,.dark-showcase .section-heading h2,.dark-showcase .project-caption h3,.dark-showcase .articles h2,.dark-showcase .showcase-entries strong,.dark-showcase .nav a{font-weight:700}

.photo-gallery-button{display:inline-block;border:1px solid #888e87!important;padding:12px 18px!important;white-space:normal;flex-shrink:0;max-width:210px;color:#fff!important}.photo-gallery-button:hover{background:#383c36}.photo-gallery-page{max-width:1600px;margin:auto;padding:42px 5vw 80px}.all-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.gallery-photo{padding:0;border:0;background:none;color:#fff;text-align:left;cursor:pointer;min-width:0}.gallery-photo img{width:100%;aspect-ratio:4/3;object-fit:cover}.gallery-photo span{display:block;margin-top:8px;font-size:14px}.photo-viewer{background:#222;color:#fff;border:1px solid #666;width:min(1100px,96vw);max-height:94svh;padding:25px}.photo-viewer::backdrop{background:#000d}.photo-viewer>img{width:100%;height:auto;max-height:72svh;object-fit:contain}.photo-close{display:block;margin-left:auto;margin-bottom:15px;color:#fff;background:none;border:0;cursor:pointer}.photo-viewer-caption{margin:12px 0}.photo-project-link{display:inline-block;text-decoration:underline}.dark-showcase .photo-gallery-page .eyebrow{color:#c4c9c3}@media(max-width:700px){.photo-gallery-page{padding:30px 4vw 75px}.all-photo-grid{gap:18px 8px}.gallery-photo span{font-size:11px}.photo-gallery-button{max-width:140px;padding:10px 12px!important;font-size:13px}.works-home .section-heading{align-items:center}}

.network-page{max-width:1100px;padding-top:90px;padding-bottom:100px}.network-page h1{max-width:800px}.network-lead{font-size:clamp(23px,3vw,36px);line-height:1.6}.network-page p{line-height:1.95;max-width:850px}.network-page section{border-top:1px solid #ddd;margin-top:50px;padding-top:30px}.network-button{display:inline-block;border:1px solid currentColor;background:transparent;color:inherit;padding:16px 22px;text-decoration:none;font:inherit;cursor:pointer;margin:12px 10px 12px 0}.footer nav{display:flex;gap:24px}.partner-form{max-width:760px;margin-top:45px;display:grid;gap:22px}.partner-form label{display:grid;gap:10px}.partner-form input,.partner-form select,.partner-form textarea{width:100%;box-sizing:border-box;background:#fff;border:1px solid #bbb;border-radius:0;padding:14px;font:inherit;color:#222}.partner-result[hidden]{display:none}.partner-result{border-top:1px solid #ddd;padding-top:30px}.integration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin:35px 0}.integration-grid article{border-top:1px solid #777;padding-top:20px}.integration-grid h3{font-size:24px}.integration-grid p{line-height:1.8}.regional-note{margin-top:25px;line-height:1.8}@media(max-width:650px){.network-page{padding-top:45px}.integration-grid{grid-template-columns:1fr}.footer{flex-wrap:wrap}.footer nav{width:100%}}
.project-card[hidden]{display:none}
.header-navigation{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.languages{display:flex;gap:16px;font-size:12px;letter-spacing:.02em}.languages a{opacity:.6}.languages a[aria-current="true"]{opacity:1;border-bottom:1px solid currentColor}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:50px}.team-grid section{border-top:1px solid #ccc;padding-top:30px}.team-grid p,.team-grid li{line-height:1.9}.team-page{padding-top:70px}html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] .feature-copy{letter-spacing:0}html[lang="en"] .feature-copy h1,html[lang="en"] .feature-copy h2{font-size:clamp(28px,4vw,60px)}@media(max-width:650px){.header{gap:12px;padding:12px 5vw}.brand img{width:70px;height:70px}.nav{gap:18px!important;font-size:14px}.languages{gap:12px;font-size:11px}.team-grid{grid-template-columns:1fr;gap:30px}html[lang="en"] .nav{gap:14px!important;font-size:12px}}
html[lang="en"] .hero-label h2{font-size:clamp(26px,4.5vw,64px);letter-spacing:0;max-width:850px;line-height:1.2}html[lang="en"] .hero-control button{font-size:14px}html[lang="en"] .section-heading h1{line-height:1.25;letter-spacing:0}
.case-photo-window{position:relative;overflow:hidden;width:100%}.project-detail .case-photo-window img{position:absolute;max-width:none;height:auto;margin:0}.case-ending{padding-top:30px;border-top:1px solid #ddd;margin-top:60px}.project-facts{font-size:14px;color:#666}.review-banner{padding:9px 5vw;text-align:center;background:#e9e5dd;color:#333;font-size:12px;letter-spacing:.03em}

.image-edge-crop{display:block;overflow:hidden;width:100%;line-height:0}.project-image>.image-edge-crop{height:100%}.project-image>.image-edge-crop>img{height:100%;object-fit:cover}.project-detail .image-edge-crop>img{height:auto}
.featured-photo>.image-edge-crop{height:100%}
.laotang-case figure{margin-left:0;margin-right:0;width:100%}.laotang-case figure>img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.office-case figure{width:100%;margin-left:0;margin-right:0}.office-case figure>img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.an-case figure>img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}.an-case .meta{font-size:12px;display:flex;gap:15px;color:#666}.an-case .closing h2{font-family:serif}.an-case .copy p{line-height:2}/* AN cover fills the carousel frame; article photographs retain original ratios. */
.works-home .hero-track .featured-photo[data-project="project-an-skin-care"]>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.works-home .hero-track .featured-photo[data-project="project-an-skin-care"]>picture{width:100%;height:100%;display:block}.works-home .hero-track .featured-photo[data-project="project-an-skin-care"]>picture img{width:100%;height:100%;object-fit:cover;object-position:center}
.works-home .hero-track .featured-photo[data-project="project-gumo-gumo"]>picture{display:block;width:100%;height:100%}.works-home .hero-track .featured-photo[data-project="project-gumo-gumo"]>picture img{width:100%;height:100%;object-fit:cover;object-position:center}

/* Keep responsive carousel images and edge-trim wrappers inside a definite full-height frame. */
.hero-track .featured-photo>picture{position:absolute;inset:0;display:block;width:100%;height:100%}
.hero-track .featured-photo>picture>.image-edge-crop{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden}
.hero-track .featured-photo>picture>.image-edge-crop>img{display:block;height:100%;object-fit:cover;object-position:center}

@media(max-width:700px){.works-home .hero-track .featured-photo[data-project="project-gumo-gumo"]>picture img{object-fit:contain;background:#1e2520}}

.article-navigation{max-width:1040px;margin:70px auto 0;padding:40px 5vw 80px;border-top:1px solid #d9ddd8;color:#222;background:#fff}.article-pagination{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:18px}.article-page-button{display:flex;flex-direction:column;gap:8px;padding:18px 20px;border:1px solid #bbb;line-height:1.65}.article-page-button span{font-size:13px;color:#6b726c}.article-page-button strong{font-weight:500;font-size:16px}.article-page-button:hover,.article-title-directory a:hover{background:#f2f5f2}.article-page-button:last-child{text-align:right}.article-return{display:flex;align-items:center;justify-content:center;padding:15px;text-decoration:underline;text-underline-offset:5px}.is-unavailable{opacity:.45}.article-title-directory{margin-top:48px}.article-title-directory h2{font-size:20px;font-weight:700;margin-bottom:20px}.article-title-directory ul{padding:0;margin:0;list-style:none;border-top:1px solid #ddd}.article-title-directory a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #ddd;font-size:16px;line-height:1.6}.article-title-directory a[aria-current=page]{color:#647366}.article-title-directory a>span:last-child{white-space:nowrap;font-size:12px}@media(max-width:600px){.article-navigation{margin-top:40px;padding:30px 6vw 95px}.article-pagination{grid-template-columns:1fr 1fr;gap:12px}.article-return{grid-column:1/-1;grid-row:2;padding:15px;border:1px solid #bbb}.article-page-button{padding:14px;font-size:14px}.article-page-button strong{font-size:15px}.article-title-directory{margin-top:35px}}
.hvac-post{background:#fff}.hvac-post figure img{width:100%;height:auto;max-height:none;object-fit:contain}.hvac-screen-window,.hvac-service-cover{position:relative;overflow:hidden;width:100%;aspect-ratio:712/945;background:#fff}.hvac-screen-window>img,.hvac-service-cover>img{position:absolute!important;top:-31.22%;left:0;width:100%!important;height:auto!important;max-height:none!important}.hvac-post .copy{max-width:960px}.hvac-post .copy p{line-height:2}.hvac-post sup a{font-size:11px;color:#69756b}.hvac-table-wrap{overflow-x:auto}.hvac-post table{border-collapse:collapse;width:100%;font-size:14px;min-width:540px;line-height:1.8}.hvac-post th,.hvac-post td{padding:14px 12px;border-bottom:1px solid #d9ded9;text-align:left;vertical-align:top}.hvac-post th{background:#edf0ed}.hvac-post .small{font-size:12px;color:#70776e;line-height:1.8}.hvac-post h3{font-size:19px}.hvac-references{font-size:13px!important;line-height:1.9}.hvac-post .hvac-article-nav{display:flex;justify-content:space-between;gap:15px;padding:25px 6vw;border-top:1px solid #ddd}.hvac-article-nav a,.hvac-more>a{background:#151a17;color:white;padding:15px 18px;text-decoration:none;display:block;font-size:14px}.hvac-more>a{margin:12px 0}.hvac-more>a span{display:block;font-size:12px;margin-top:7px;opacity:.75}.hvac-service-cover{aspect-ratio:16/10}.hvac-service-cover>img{top:-66.3%;}.articles>a>p{font-size:13px;line-height:1.8}@media(max-width:700px){.hvac-post .hvac-article-nav{flex-direction:column}.hvac-post h1{font-size:30px;line-height:1.5}.hvac-post .copy{font-size:16px}}
.article-pagination{display:flex;flex-wrap:wrap}.article-page-button{flex:1 1 220px;background:#151515;color:#fff;border:0;text-align:left!important}.article-page-button span{color:#fff}.article-page-button small{display:block;color:#ddd;font-size:12px;line-height:1.7}.article-page-button:hover,.article-return:hover{background:#333}.article-return{background:#151515;color:#fff;border:0;text-decoration:none;flex:0 0 100%;order:2}.article-list-copy{display:flex;flex-direction:column;gap:5px}.article-list-copy strong{font-size:16px;font-weight:500}.article-list-copy small{font-size:12px;line-height:1.7;color:#767b76}.article-title-directory ul{border:0}.article-title-directory li{margin-bottom:12px}.article-title-directory a{border:0;background:#151515;color:#fff;padding:18px 20px}.article-title-directory a:hover{background:#333}.article-title-directory a[aria-current=page]{color:#fff;background:#303530}.article-title-directory .article-list-copy small{color:#ccc}.article-title-directory a>span:last-child{color:#fff}@media(max-width:600px){.article-page-button{flex-basis:100%}.article-return{border:0}.article-title-directory a{padding:18px}}

.article-title-directory ul{border-top:1px solid #ddd}.article-title-directory li{margin:0}.article-title-directory a{border-bottom:1px solid #ddd;background:transparent;color:#222;padding:18px 0}.article-title-directory a:hover{background:#f2f5f2}.article-title-directory a[aria-current=page]{background:transparent;color:#647366}.article-title-directory a>span:last-child{color:inherit}@media(max-width:600px){.article-title-directory a{padding:18px 0}}
.installation-panel{position:relative;overflow:hidden;width:100%;background:#fff}.hvac-post .installation-panel>img{position:absolute;display:block;height:auto;max-width:none}.installation-overview{aspect-ratio:1131/944}.hvac-post .installation-overview>img{width:101.856764%;left:-.884173%;top:-1.059322%}.installation-detail{aspect-ratio:560/561}.hvac-post .installation-detail>img{width:205.714286%;left:-1.785714%;top:-172.014261%}.ductwork-panel{position:relative;overflow:hidden;width:100%;background:#fff}.hvac-post .ductwork-panel>img{position:absolute;display:block;height:auto;max-width:none}.ductwork-overview{aspect-ratio:698/583}.hvac-post .ductwork-overview>img{width:102.005731%;left:-1.002865%;top:-51.457976%}.ductwork-detail{aspect-ratio:345/345}.hvac-post .ductwork-detail>img{width:206.376812%;left:-2.028986%;top:-258.260870%}.articles img.hvac-single-cover{display:block;position:static;width:100%;height:auto;aspect-ratio:698/583;object-fit:contain;max-width:100%}
/* ===== WordPress 主題補充：主選單、下拉、聯絡按鈕、開場動畫 ===== */
.header{position:relative;z-index:40}
.nav-toggle{display:none;background:none;border:1px solid currentColor;color:inherit;padding:6px 16px;font-size:14px;letter-spacing:.1em;cursor:pointer}
.nav .menu,.nav .sub-menu{list-style:none;margin:0;padding:0}
.nav .menu{display:flex;align-items:center;gap:32px}
.nav .menu>li{position:relative}
.nav .menu>li.menu-item-has-children>a::after{content:"▾";margin-left:6px;font-size:11px}
.nav .menu>li>.sub-menu{display:none;position:absolute;top:100%;left:-24px;padding:18px 24px;margin-top:12px;min-width:200px;background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 30px #0001}
.nav .menu>li>.sub-menu::before{content:"";position:absolute;left:0;right:0;top:-13px;height:13px}
.nav .menu>li:hover>.sub-menu,.nav .menu>li:focus-within>.sub-menu{display:grid;gap:10px}
.nav .sub-menu a{display:block;white-space:nowrap;padding:2px 0}
.nav .sub-menu a:hover{color:var(--accent)}
.nav .menu>li.mega>.sub-menu{grid-template-columns:repeat(2,minmax(180px,auto));gap:0 40px}
.nav .mega>.sub-menu>li>a{font-size:12px;letter-spacing:.15em;color:var(--muted);margin-bottom:8px;pointer-events:none}
.nav .mega>.sub-menu>li>.sub-menu{display:grid;gap:10px}
.nav .menu>li.menu-cta>a{display:inline-block;padding:8px 22px;border-radius:999px;background:var(--ink);color:#fff;border:0}
.nav .menu>li.menu-cta>a:hover{background:var(--accent)}
.dark-showcase .nav .menu>li>.sub-menu{background:#222322;border-color:#484b47}
.dark-showcase .nav .sub-menu a:hover{color:#c4c9c3}
.dark-showcase .nav .menu>li.menu-cta>a{background:#fff;color:#222322}
@media(max-width:900px){
 .nav-toggle{display:block}
 .header-navigation{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:20px 6vw 30px;max-height:calc(100svh - 90px);overflow:auto}
 .dark-showcase .header-navigation{background:#222322;border-color:#484b47}
 .header.nav-open .header-navigation{display:block}
 .nav .menu{flex-direction:column;align-items:stretch;gap:0}
 .nav .menu>li{border-bottom:1px solid var(--line);padding:12px 0}
 .dark-showcase .nav .menu>li{border-color:#484b47}
 .nav .menu>li>.sub-menu,.nav .menu>li.mega>.sub-menu{display:grid;position:static;margin:10px 0 0;padding:0 0 0 14px;border:0;box-shadow:none;background:none;min-width:0}
 .nav .menu>li.mega>.sub-menu{grid-template-columns:1fr;gap:14px}
 .nav .menu>li>.sub-menu::before{display:none}
 .nav .menu>li.menu-cta{border:0;padding-top:20px}
 .nav .menu>li.menu-cta>a{display:block;text-align:center}
}
.qs-intro{position:fixed;inset:0;z-index:100;background:var(--paper);display:grid;place-content:center;padding:24px;transition:opacity .6s ease,visibility .6s;cursor:pointer}
.qs-intro img{width:min(420px,75vw);margin:auto}
.qs-intro.is-done{opacity:0;visibility:hidden;pointer-events:none}
.qs-skip-intro .qs-intro{display:none}
html.qs-intro-on{overflow:hidden}

/* ===== 正式首頁、服務項目、聯絡我們、設計日誌（2026-10） ===== */
.qs-kicker{display:block;font-size:12px;letter-spacing:.2em;color:var(--muted)}
.qs-section{max-width:1320px;margin:auto;padding:110px 6vw}
.qs-home>.qs-section+.qs-section{border-top:1px solid #484b47}
.qs-home .qs-kicker{color:#c4c9c3}
.qs-statement{display:grid;grid-template-columns:1fr 1.1fr;gap:6vw;align-items:end}
.qs-statement h1{font-size:clamp(30px,3.6vw,48px);font-weight:700;letter-spacing:.1em;line-height:1.45;margin:12px 0 0}
.qs-statement p{font-size:17px;line-height:2;color:#dfe3de;margin:0 0 28px}
.qs-actions{display:flex;flex-wrap:wrap;gap:12px}
.qs-btn{display:inline-block;padding:14px 26px;border:1px solid currentColor;font-size:15px;letter-spacing:.06em;transition:opacity .2s}
.qs-btn:hover{opacity:.8}
.qs-btn-solid{background:#fff;color:#222322;border-color:#fff}
.qs-works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 3vw}
.qs-works .project-image{aspect-ratio:4/5}
.qs-band{background:#f5f3ef;color:var(--ink)}
.qs-band .qs-kicker,.qs-band .section-heading span{color:var(--muted)}
.qs-band .section-heading h2{color:var(--ink)}
.qs-band .section-heading>a{border-color:#889084}
.qs-service-groups{display:grid;grid-template-columns:1fr 1fr;gap:5vw}
.qs-service-groups h3{font-size:24px;font-weight:700;letter-spacing:.1em;margin:0 0 4px}
.qs-note{font-size:14px;color:var(--muted);margin:0 0 20px}
.qs-service-list{list-style:none;margin:0;padding:0;border-top:1px solid #cfd3cc}
.qs-service-list li{display:grid;grid-template-columns:minmax(0,190px) 1fr;gap:20px;padding:18px 0;border-bottom:1px solid #cfd3cc}
.qs-service-list strong{font-weight:500;font-size:17px;line-height:1.7}
.qs-service-list span{font-size:15px;line-height:1.8;color:#5c6159}
.qs-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4vw}
.qs-why article{border-top:1px solid #6b6f6a;padding-top:24px}
.qs-why .qs-num{font-size:13px;letter-spacing:.2em;color:#c4c9c3}
.qs-why h3{font-size:22px;font-weight:700;margin:10px 0 12px}
.qs-why p{margin:0;line-height:1.95;color:#c4c9c3}
.qs-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #484b47}
.qs-steps li{padding:24px 20px 28px 0;border-bottom:1px solid #484b47}
.qs-steps span{display:block;font-size:13px;letter-spacing:.15em;color:#c4c9c3}
.qs-steps strong{display:block;font-weight:500;font-size:18px;margin-top:6px}
.qs-fee{max-width:820px;margin:30px 0 0;font-size:15px;line-height:1.9;color:#c4c9c3}
.qs-about{display:grid;grid-template-columns:1fr 1.1fr;gap:6vw;align-items:start}
.qs-about h2{font-size:clamp(26px,3vw,38px);font-weight:700;letter-spacing:.08em;line-height:1.5;margin:12px 0 0}
.qs-about p{margin:0 0 24px;line-height:2;color:#dfe3de}
.qs-links{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:15px}
.qs-links a{border-bottom:1px solid #8a8f89;padding-bottom:4px}
.articles.qs-journal{grid-template-columns:repeat(3,minmax(0,1fr))}
.qs-home .articles p{color:#c4c9c3}
.qs-faq details{border-top:1px solid #cfd3cc;padding:18px 0}
.qs-faq details:last-of-type{border-bottom:1px solid #cfd3cc}
.qs-faq summary{display:flex;justify-content:space-between;gap:20px;font-size:17px;cursor:pointer;list-style:none}
.qs-faq summary::-webkit-details-marker{display:none}
.qs-faq summary::after{content:"+";color:var(--muted)}
.qs-faq details[open] summary::after{content:"−"}
.qs-faq details p{max-width:860px;margin:12px 0 0;line-height:1.95;color:#5c6159}
.qs-faq details a{text-decoration:underline}
.qs-cta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:40px}
.qs-cta h2{font-size:clamp(26px,3vw,40px);font-weight:700;letter-spacing:.08em;margin:12px 0 0}
.qs-cta p{margin:12px 0 0;color:#c4c9c3}
/* 服務項目 */
.qs-lead{max-width:820px;font-size:18px;line-height:2;color:#4d524c}
.qs-group{margin-top:70px}
.qs-group-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 20px;padding-bottom:16px;border-bottom:1px solid var(--ink)}
.qs-group-head h2{font-size:28px;font-weight:700;letter-spacing:.1em;margin:6px 0 0}
.qs-group-head p{margin:0;font-size:14px;color:var(--muted)}
.qs-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 4vw}
.qs-cards article{padding:28px 0;border-bottom:1px solid var(--line);scroll-margin-top:30px}
.qs-cards h3{font-size:22px;font-weight:700;letter-spacing:.06em;margin:0 0 10px}
.qs-cards p{margin:0;line-height:1.95;color:#4d524c}
.qs-cards a{display:inline-block;margin-top:12px;font-size:14px;border-bottom:1px solid currentColor}
.qs-faq-page{margin-top:80px}
.qs-faq-page h2{font-size:24px;font-weight:700;letter-spacing:.06em;margin:0 0 20px}
.qs-page-links{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:40px}
.qs-page-links a{border-bottom:1px solid currentColor;padding-bottom:4px}
/* 聯絡我們 */
.qs-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:50px 0 20px}
.qs-contact-grid>div{display:flex;flex-direction:column;gap:12px;padding:32px 28px;background:#f5f3ef}
.qs-contact-grid h2{font-size:22px;font-weight:700;margin:0}
.qs-contact-grid p{flex:1;margin:0;line-height:1.9;color:#4d524c}
.qs-contact-grid .network-button{align-self:flex-start;margin:8px 0 0}
.qs-prep{columns:2;column-gap:40px;padding-left:20px;line-height:2.1}
.network-page .qs-faq-page{border-top:0;padding-top:0}
/* 設計日誌 */
.blog .articles{grid-template-columns:repeat(3,minmax(0,1fr))}
.qs-post-date{display:block;margin-top:12px;font-size:13px;letter-spacing:.08em;color:var(--muted)}
.blog .articles h2{margin:4px 0 6px}
@media(max-width:900px){.qs-works,.articles.qs-journal,.blog .articles{grid-template-columns:repeat(2,minmax(0,1fr))}.qs-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.qs-contact-grid{grid-template-columns:1fr}}
@media(max-width:700px){.qs-section{padding:65px 6vw}.qs-statement,.qs-about,.qs-service-groups,.qs-why,.qs-cards{grid-template-columns:1fr}.qs-statement{gap:28px}.qs-why{gap:36px}.qs-service-list li{grid-template-columns:1fr;gap:4px}.qs-works,.articles.qs-journal,.blog .articles{grid-template-columns:1fr}.qs-cta{align-items:start}.qs-prep{columns:1}.qs-group{margin-top:50px}}

/* ===== 餐飲空間設計頁（/services/restaurant-design/，2026-10） ===== */
.qs-restaurant{color:#fff}
.qs-restaurant ::selection{background:#c4c9c3;color:#222322}
.qs-restaurant h2{font-weight:700;letter-spacing:.08em;line-height:1.5}
.rd-hero{position:relative;height:calc(100svh - 113px);min-height:560px;max-height:980px;overflow:hidden;background:#1e2520}
.rd-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.rd-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#141514f2 0%,#141514b3 38%,#14151400 72%),linear-gradient(0deg,#141514cc 0%,#14151400 40%)}
.rd-hero-copy{position:absolute;z-index:1;left:6vw;bottom:clamp(64px,12vh,120px);max-width:600px}
.rd-hero h1{font-size:clamp(40px,5.4vw,72px);font-weight:700;letter-spacing:.14em;line-height:1.25;margin:0 0 20px}
.rd-hero-copy>p{font-size:17px;line-height:2;color:#dfe3de;margin:0 0 30px;max-width:520px}
.rd-credit{position:absolute;z-index:1;right:6vw;bottom:28px;margin:0;font-size:12px;letter-spacing:.12em;color:#c4c9c3}
.rd-intro{display:grid;grid-template-columns:1fr 1.15fr;gap:6vw;align-items:start}
.rd-intro h2{font-size:clamp(26px,3vw,38px);margin:0}
.rd-intro p{margin:0 0 22px;font-size:17px;line-height:2;color:#dfe3de}
.rd-link{display:inline-block;font-size:15px;border-bottom:1px solid #8a8f89;padding-bottom:4px;transition:border-color .2s}
.rd-link:hover{border-color:#fff}
.rd-route{position:relative;max-width:1480px;margin:0 auto;padding:0 6vw 40px;display:grid;grid-template-columns:200px minmax(0,1fr);gap:5vw;border-top:1px solid #484b47}
.rd-rail{position:sticky;top:32px;align-self:start;display:flex;gap:18px;padding-top:110px}
.rd-rail-track{position:relative;flex:0 0 1px;background:#484b47}
.rd-rail-fill{position:absolute;inset:0;background:#fff;transform:scaleY(0);transform-origin:top}
.rd-rail ol{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.rd-rail a{display:block;font-size:14px;letter-spacing:.08em;color:#8f948e;transition:color .3s}
.rd-rail a:hover{color:#dfe3de}
.rd-rail a[aria-current=step]{color:#fff;font-weight:700}
.rd-stops{min-width:0}
.rd-stop{padding:110px 0 0;scroll-margin-top:20px}
.rd-stop+.rd-stop{margin-top:30px;border-top:1px solid #484b47}
.rd-stop-text{max-width:680px;margin-bottom:44px}
.rd-no{display:block;font-size:13px;letter-spacing:.15em;color:#c4c9c3;margin-bottom:12px}
.rd-stop h2{font-size:clamp(24px,2.6vw,34px);margin:0 0 18px}
.rd-stop-text>p{margin:0 0 24px;font-size:16px;line-height:2;color:#dfe3de}
.rd-points{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-wrap:wrap;gap:10px 28px;font-size:15px;color:#fff}
.rd-points li{position:relative;padding-left:16px}
.rd-points li::before{content:"";position:absolute;left:0;top:.8em;width:7px;height:1px;background:#c4c9c3}
.qs-restaurant figure{margin:0}
.qs-restaurant figure img{display:block;width:100%;height:auto;background:#30332f}
.qs-restaurant figcaption{margin-top:12px;font-size:13px;letter-spacing:.06em;color:#c4c9c3}
.rd-pair{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:end}
.rd-pair-flip{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
.rd-pair-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}
.rd-pair-single{grid-template-columns:minmax(0,1fr);max-width:520px}
.rd-wide img{aspect-ratio:3/2;object-fit:cover}
.rd-backstage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #6b6f6a}
.rd-backstage>div{padding:30px 28px 34px 0}
.rd-backstage>div+div{padding-left:28px;border-left:1px solid #484b47}
.rd-backstage h3{font-size:20px;font-weight:700;margin:0 0 10px}
.rd-backstage p{margin:0 0 18px;line-height:1.95;color:#c4c9c3}
.rd-note{margin:26px 0 0;font-size:14px;color:#c4c9c3}
.rd-render{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:5vw;align-items:end;border-top:1px solid #484b47}
.rd-render h2{font-size:clamp(24px,2.6vw,34px);margin:0 0 16px}
.rd-render p{margin:0;line-height:2;color:#dfe3de}
.rd-includes{border-top:1px solid #484b47}
.rd-include-grid{display:grid;grid-template-columns:1fr 1fr;gap:5vw}
.rd-include-grid h3{font-size:20px;font-weight:700;margin:0 0 14px}
.rd-include-grid ul{list-style:none;margin:0;padding:0;border-top:1px solid #484b47}
.rd-include-grid li{padding:15px 0;border-bottom:1px solid #484b47;font-size:16px}
.rd-include-grid a{border-bottom:1px solid #8a8f89;padding-bottom:3px}
.qs-restaurant>.qs-section+.qs-section{border-top:1px solid #484b47}
.qs-restaurant .qs-band h2{color:var(--ink)}
.qs-restaurant .qs-band .qs-faq summary{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.rd-rail-fill{display:none}.rd-rail a{transition:none}}
@media(max-width:900px){.rd-route{display:block;padding:0 6vw 30px}.rd-rail{min-width:0;top:0;z-index:5;margin:0 -6vw;padding:0;background:#222322;border-bottom:1px solid #484b47}.rd-rail-track{display:none}.rd-rail ol{min-width:0;flex:1;display:flex;gap:22px;overflow-x:auto;padding:14px 6vw;scrollbar-width:none;white-space:nowrap}.rd-rail ol::-webkit-scrollbar{display:none}.rd-stop{padding-top:70px}.rd-backstage{grid-template-columns:1fr}.rd-backstage>div,.rd-backstage>div+div{padding:24px 0;border-left:0;border-bottom:1px solid #484b47}.rd-render,.rd-intro,.rd-include-grid{grid-template-columns:1fr;gap:28px}}
@media(max-width:700px){.rd-hero{height:calc(100svh - 88px);min-height:520px}.rd-hero>img{object-position:72% 50%}.rd-hero::after{background:linear-gradient(0deg,#141514f5 0%,#141514b3 45%,#14151433 100%)}.rd-hero-copy{left:6vw;right:6vw;bottom:72px}.rd-credit{left:6vw;right:auto;bottom:24px}.rd-pair,.rd-pair-flip,.rd-pair-two{grid-template-columns:1fr}.rd-pair-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rd-stop-text{margin-bottom:30px}}

/* 餐飲空間設計頁：審查修正（2026-10-21） */
.qs-restaurant h2{text-wrap:balance}
.rd-rail a span{display:inline-block;width:28px;font-size:12px;letter-spacing:.1em;color:#8f948e}
.rd-rail a[aria-current=step] span{color:#c4c9c3}
.rd-stop-text h2{margin-top:0}
.rd-credit{bottom:clamp(96px,11vh,120px)}
.qs-restaurant .section-heading>a{white-space:nowrap}
.qs-restaurant a:focus-visible{outline:1px solid #fff;outline-offset:4px}
.qs-restaurant .qs-band a:focus-visible{outline-color:#222522}
@media(max-width:900px){.rd-rail ol{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%)}.rd-rail a span{width:auto;margin-right:6px}.rd-rail a:active{color:#fff}}
@media(max-width:700px){.rd-credit{bottom:24px}.rd-includes .section-heading{flex-direction:column;align-items:flex-start}}

/* 服務項目下拉：欄頭顏色與大小（2026-10-21，依簡報配色） */
@media(min-width:901px){
.nav .menu>li.mega>.sub-menu,.dark-showcase .nav .menu>li.mega>.sub-menu{background:#fbfaf6;border-color:#e3e6e0;padding:24px 32px 26px;gap:0 56px}
.nav .mega>.sub-menu>li>a{font-size:16px;font-weight:700;letter-spacing:.06em;margin-bottom:12px}
.nav .mega .sub-menu .sub-menu a,.dark-showcase .nav .mega .sub-menu .sub-menu a{color:#222522}
.nav .mega .sub-menu .sub-menu a:hover,.dark-showcase .nav .mega .sub-menu .sub-menu a:hover{color:#2f5d4e}
}
.nav .mega>.sub-menu>li:nth-child(1)>a{color:#2f5d4e}
.nav .mega>.sub-menu>li:nth-child(2)>a{color:#a9643a}
@media(max-width:900px){
.nav .mega>.sub-menu>li>a{font-size:15px;font-weight:700;letter-spacing:.06em}
.dark-showcase .nav .mega>.sub-menu>li:nth-child(1)>a{color:#9cc3b1}
.dark-showcase .nav .mega>.sub-menu>li:nth-child(2)>a{color:#dba57f}
}

/* 商業與居家空間設計頁（2026-10-21，沿用餐飲頁走讀編排） */
.rd-pair-wide{max-width:none}
.rd-cases-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 3vw}
.rd-cases-2 .project-image{aspect-ratio:16/10}
.rd-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 3vw;margin-top:56px;align-items:start}
.rd-gallery img{aspect-ratio:4/3;object-fit:cover}
.rd-disclaimer{padding-top:16px;border-top:1px solid #484b47;font-size:14px!important;line-height:1.9!important;color:#c4c9c3!important}
@media(max-width:700px){.rd-cases-2,.rd-gallery{grid-template-columns:1fr}.rd-gallery{margin-top:40px}}

/* 跨區展店協作頁（2026-10-21） */
.rd-cities{list-style:none;margin:0;padding:0;border-top:1px solid #484b47}
.rd-cities li{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid #484b47;align-items:baseline}
.rd-cities strong{font-size:20px;font-weight:700;letter-spacing:.1em}
.rd-cities span{font-size:16px;line-height:1.9;color:#dfe3de}
.rd-cities a{border-bottom:1px solid #8a8f89;padding-bottom:2px}
.rd-cities a:hover{border-color:#fff}
@media(max-width:700px){.rd-cities li{grid-template-columns:1fr;gap:4px}}

/* ===== 首頁：作品集目錄（2026-10-21，seed 3ca1915f） ===== */
.hm-home{color:#fff}
.hm-home ::selection{background:#c4c9c3;color:#222322}
.hm-home a:focus-visible{outline:1px solid #fff;outline-offset:4px}
.hm-home .qs-band a:focus-visible{outline-color:#222522}
.hm-home h2,.hm-home h3{text-wrap:balance}
.hm-intro{display:grid;grid-template-columns:1fr 1.15fr;gap:6vw;align-items:end}
.hm-intro h1{font-size:clamp(32px,3.8vw,52px);font-weight:700;letter-spacing:.1em;line-height:1.4;margin:0}
.hm-intro p{font-size:17px;line-height:2;color:#dfe3de;margin:0 0 28px}
.hm-chapter{max-width:1480px;margin:0 auto;padding:100px 6vw;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:5vw;border-top:1px solid #484b47}
.hm-chapter-head{align-self:start;position:sticky;top:32px}
.hm-ch-no{display:block;font-size:clamp(56px,6vw,88px);font-weight:300;line-height:1;letter-spacing:.02em;color:#6b6f6a;font-variant-numeric:tabular-nums}
.hm-chapter-head h2{font-size:clamp(26px,2.6vw,34px);font-weight:700;letter-spacing:.14em;margin:14px 0 14px}
.hm-chapter-head p{margin:0 0 22px;font-size:15px;line-height:1.9;color:#c4c9c3}
.hm-more{display:inline-block;font-size:14px;border-bottom:1px solid #8a8f89;padding-bottom:4px}
.hm-more:hover{border-color:#fff}
.hm-group{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 6px;font-size:15px;font-weight:700;letter-spacing:.12em;color:#c4c9c3}
.hm-group span{font-size:13px;font-weight:400;color:#8f948e;font-variant-numeric:tabular-nums}
.hm-group+.hm-toc{margin-bottom:48px}
.hm-toc{list-style:none;margin:0;padding:0;border-top:1px solid #6b6f6a;counter-reset:toc}
.hm-toc li{border-bottom:1px solid #484b47;counter-increment:toc}
.hm-toc a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:baseline;gap:4px 18px;padding:20px 8px 20px 0;transition:background .25s,padding .25s}
.hm-toc a::before{content:counter(toc,decimal-leading-zero);font-size:13px;color:#8f948e;font-variant-numeric:tabular-nums}
.hm-toc a::after{content:"→";grid-column:3;grid-row:1;color:#8f948e;transition:transform .25s,color .25s}
.hm-toc a:hover,.hm-toc a:focus-visible{background:#2a2b2a;padding-left:12px}
.hm-toc a:hover::after,.hm-toc a:focus-visible::after{transform:translateX(4px);color:#fff}
.hm-name{font-size:19px;font-weight:500;letter-spacing:.06em}
.hm-type,.hm-city{font-size:14px;color:#c4c9c3}
.hm-toc a>.hm-type{grid-column:2;grid-row:2}
.hm-toc img{display:none}
.hm-case-list a{grid-template-columns:44px minmax(0,1fr) 120px minmax(0,200px) 24px}
.hm-case-list a::after{grid-column:5}
.hm-case-list .hm-type,.hm-case-list .hm-city{grid-row:1}
.hm-case-list .hm-city{grid-column:3}
.hm-case-list .hm-type{grid-column:4}
.hm-works-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:3.5vw;align-items:start}
.hm-preview{position:sticky;top:32px;margin:0;aspect-ratio:4/5;background:#30332f;overflow:hidden}
.hm-preview-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s cubic-bezier(.22,.61,.36,1)}
.hm-preview-img.is-on{opacity:1}
.hm-preview-cap{position:absolute;left:0;right:0;bottom:0;padding:40px 20px 16px;font-size:13px;letter-spacing:.08em;color:#fff;background:linear-gradient(0deg,#141514cc,#14151400)}
.hm-services{display:grid;grid-template-columns:1fr 1fr;gap:4vw}
.hm-group-green{color:#9cc3b1}
.hm-group-clay{color:#dba57f}
.hm-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #6b6f6a}
.hm-steps li{padding:22px 16px 26px 0;border-bottom:1px solid #484b47;font-size:17px;font-weight:500}
.hm-steps span{display:block;font-size:13px;font-weight:400;color:#8f948e;margin-bottom:6px;font-variant-numeric:tabular-nums}
.hm-journal a>.hm-type{grid-column:3;grid-row:1}
.hm-journal a::after{content:none}
.hm-journal a{grid-template-columns:44px minmax(0,1fr) auto}
.hm-about>p{margin:0 0 36px;max-width:720px;font-size:16px;line-height:2;color:#dfe3de}
.hm-home>.qs-section+.qs-section{border-top:1px solid #484b47}
.hm-home .qs-band h2,.hm-home .qs-band summary{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.hm-preview-img,.hm-toc a,.hm-toc a::after{transition:none}}
@media(max-width:1000px){.hm-chapter{grid-template-columns:1fr;gap:36px;padding:70px 6vw}.hm-chapter-head{position:static}.hm-works-body{grid-template-columns:1fr}.hm-preview{display:none}.hm-case-list img{display:block;grid-row:1/3;grid-column:2;width:84px;aspect-ratio:1;object-fit:cover}.hm-case-list a{grid-template-columns:36px 84px minmax(0,1fr) 20px;gap:2px 14px;align-items:center}.hm-case-list .hm-name{grid-column:3;grid-row:1}.hm-case-list .hm-type{grid-column:3;grid-row:2}.hm-case-list .hm-city{display:none}.hm-case-list a::before{grid-row:1/3}.hm-case-list a::after{grid-column:4;grid-row:1/3}.hm-intro{grid-template-columns:1fr;gap:28px}}
@media(max-width:700px){.hm-services{grid-template-columns:1fr;gap:40px}.hm-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-name{font-size:17px}.hm-ch-no{font-size:56px}.hm-journal a>.hm-type{grid-column:2;grid-row:2}}

/* 首頁案例目錄：欄位明確定位（修正規則互相覆蓋） */
.hm-toc.hm-case-list a{grid-template-columns:44px minmax(0,1fr) 110px minmax(0,190px) 24px;align-items:baseline}
.hm-toc.hm-case-list a::before{grid-column:1;grid-row:1}
.hm-toc.hm-case-list a>.hm-name{grid-column:2;grid-row:1}
.hm-toc.hm-case-list a>.hm-city{grid-column:3;grid-row:1}
.hm-toc.hm-case-list a>.hm-type{grid-column:4;grid-row:1}
.hm-toc.hm-case-list a::after{grid-column:5;grid-row:1}
.hm-toc a>.hm-name{grid-column:2;grid-row:1}
@media(max-width:1000px){
.hm-toc.hm-case-list a{grid-template-columns:30px 84px minmax(0,1fr) 20px;gap:4px 14px;align-items:center}
.hm-toc.hm-case-list a::before{grid-column:1;grid-row:1/3}
.hm-toc.hm-case-list a>img{display:block;grid-column:2;grid-row:1/3;width:84px;height:84px;object-fit:cover}
.hm-toc.hm-case-list a>.hm-name{grid-column:3;grid-row:1;align-self:end}
.hm-toc.hm-case-list a>.hm-type{grid-column:3;grid-row:2;align-self:start}
.hm-toc.hm-case-list a>.hm-city{display:none}
.hm-toc.hm-case-list a::after{grid-column:4;grid-row:1/3}
}

/* 首頁案例目錄：放寬目錄欄 */
@media(min-width:1001px){
.hm-works-body{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:3vw}
.hm-toc.hm-case-list a{grid-template-columns:40px minmax(0,1fr) 92px minmax(0,150px) 20px;gap:4px 14px}
}

/* 首頁案例目錄：中等寬度把城市與店型疊成一欄 */
@media(min-width:1001px) and (max-width:1400px){
.hm-chapter{grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:4vw}
.hm-toc.hm-case-list a{grid-template-columns:36px minmax(0,1fr) minmax(0,140px) 20px;gap:2px 14px;align-items:center}
.hm-toc.hm-case-list a::before{grid-row:1/3}
.hm-toc.hm-case-list a>.hm-name{grid-row:1/3}
.hm-toc.hm-case-list a>.hm-city{grid-column:3;grid-row:1;align-self:end}
.hm-toc.hm-case-list a>.hm-type{grid-column:3;grid-row:2;align-self:start;font-size:13px;color:#8f948e}
.hm-toc.hm-case-list a::after{grid-column:4;grid-row:1/3}
}

/* 首頁：審查修正（2026-10-21） */
.hm-intro{max-width:1480px}
.hm-index{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 36px;padding-top:28px;margin-top:8px;border-top:1px solid #484b47}
.hm-index a{font-size:15px;letter-spacing:.08em;color:#dfe3de;border-bottom:1px solid transparent;padding-bottom:4px;transition:border-color .25s,color .25s}
.hm-index a:hover{color:#fff;border-color:#fff}
.hm-index span{margin-right:10px;font-size:13px;color:#8f948e;font-variant-numeric:tabular-nums}
.hm-chapter{scroll-margin-top:24px}
.hm-chapter-head h2{margin-top:0}
.hm-toc a:hover,.hm-toc a:focus-visible{padding-left:0}
.hm-toc a>.hm-name{transition:transform .25s}
.hm-toc a:hover>.hm-name,.hm-toc a:focus-visible>.hm-name{transform:translateX(6px)}
.hm-toc:not(.hm-case-list) a{grid-template-columns:minmax(0,1fr) auto;gap:4px 18px}
.hm-toc:not(.hm-case-list) a::before{content:none}
.hm-toc:not(.hm-case-list) a>.hm-name{grid-column:1;grid-row:1}
.hm-toc:not(.hm-case-list) a>.hm-type{grid-column:1;grid-row:2}
.hm-toc:not(.hm-case-list) a::after{grid-column:2;grid-row:1/3;align-self:center}
.hm-toc.hm-journal a>.hm-type{grid-column:2;grid-row:1}
.hm-duo{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #484b47}
.hm-duo>.hm-chapter{display:block;max-width:none;margin:0;padding:90px 3vw 90px 6vw;border-top:0}
.hm-duo>.hm-chapter+.hm-chapter{padding:90px 6vw 90px 3vw;border-left:1px solid #484b47}
.hm-duo .hm-chapter-head{position:static;margin-bottom:32px}
.hm-duo .hm-services{grid-template-columns:1fr;gap:36px}
.hm-duo .hm-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.hm-home .hero-control{right:calc(5vw + 150px)}
@media(prefers-reduced-motion:reduce){.hm-toc a>.hm-name{transition:none}}
@media(max-width:1000px){
.hm-duo{grid-template-columns:1fr}
.hm-duo>.hm-chapter,.hm-duo>.hm-chapter+.hm-chapter{padding:70px 6vw;border-left:0}
.hm-duo>.hm-chapter+.hm-chapter{border-top:1px solid #484b47}
.hm-toc.hm-case-list a>.hm-city{display:block;grid-column:3;grid-row:2;align-self:center}
.hm-toc.hm-case-list a>.hm-name{grid-row:1}
.hm-toc.hm-case-list a>.hm-type{grid-row:3}
.hm-toc.hm-case-list a::before,.hm-toc.hm-case-list a>img,.hm-toc.hm-case-list a::after{grid-row:1/4}
.hm-index{gap:10px 22px}
}
@media(max-width:700px){.hm-home .hero-control{right:calc(6vw + 128px)}.hm-duo .hm-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 首頁：修正第二輪（並排欄黏附、手機輪播控制） */
@media(min-width:1001px){
.hm-duo{align-items:start;background:linear-gradient(#484b47,#484b47) 50% 0/1px 100% no-repeat}
.hm-duo>.hm-chapter{position:sticky;top:0}
.hm-duo>.hm-chapter+.hm-chapter{border-left:0}
}
@media(max-width:700px){.hm-home .hero-dots{visibility:hidden}}

/* ===== 首頁圖片版（/home-photo/，2026-10-21） ===== */
.hp-home{color:#fff}
.hp-home a:focus-visible{outline:1px solid #fff;outline-offset:4px}
.hp-home .qs-band a:focus-visible{outline-color:#222522}
.hp-home .hero-control{right:calc(5vw + 150px)}
.hp-intro{max-width:none;margin:0;padding:72px 2vw 40px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px 40px}
.hp-intro h1{margin:0;font-size:clamp(26px,2.8vw,40px);font-weight:700;letter-spacing:.12em}
.hp-intro p{margin:0;font-size:15px;color:#c4c9c3}
.hp-intro a{margin-left:18px;color:#fff;border-bottom:1px solid #8a8f89;padding-bottom:3px}
.hp-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2vw;padding:0 2vw}
.hp-tile{position:relative;display:block;overflow:hidden;background:#30332f;aspect-ratio:4/3}
.hp-full{grid-column:1/-1;aspect-ratio:21/9}
.hp-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.22,.61,.36,1)}
.hp-tile:hover img,.hp-tile:focus-visible img{transform:scale(1.03)}
.hp-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#141514c7 0%,#14151400 38%)}
.hp-cap{position:absolute;z-index:1;left:clamp(18px,2.4vw,40px);bottom:clamp(16px,2.2vw,36px);display:flex;flex-direction:column;gap:6px}
.hp-cap strong{font-size:clamp(20px,2vw,30px);font-weight:700;letter-spacing:.1em}
.hp-cap span{font-size:14px;letter-spacing:.06em;color:#dfe3de}
.hp-services{padding:90px 2vw 100px;display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:20px 4vw;align-items:baseline}
.hp-services h2{margin:0;font-size:24px;font-weight:700;letter-spacing:.12em}
.hp-services p{margin:0;display:flex;flex-wrap:wrap;gap:14px 30px;font-size:17px}
.hp-services p a{border-bottom:1px solid #6b6f6a;padding-bottom:4px;transition:border-color .2s}
.hp-services p a:hover{border-color:#fff}
.hp-services .hp-sub{grid-column:2;font-size:14px;color:#c4c9c3}
.hp-home .qs-band h2,.hp-home .qs-band summary{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.hp-tile img{transition:none}}
@media(max-width:700px){.hp-wall{grid-template-columns:1fr;gap:10px;padding:0}.hp-full,.hp-tile{aspect-ratio:4/3}.hp-intro{padding:48px 6vw 28px}.hp-intro a{display:inline-block;margin:8px 0 0}.hp-services{grid-template-columns:1fr;padding:64px 6vw 72px}.hp-services .hp-sub{grid-column:1}.hp-services p{gap:12px 22px;font-size:16px}.hp-home .hero-control{right:calc(6vw + 128px)}.hp-home .hero-dots{visibility:hidden}}

/* 首頁圖片版：裁掉原圖白邊 */
.hp-tile img{transform:scale(1.035)}
.hp-tile:hover img,.hp-tile:focus-visible img{transform:scale(1.065)}

/* ===== 首頁 v3：最初版本加圖片（2026-10-21） ===== */
.v3-group{margin:34px 0 14px;font-size:16px;font-weight:700;letter-spacing:.12em}
.v3-green{color:#2f5d4e}
.v3-clay{color:#a9643a}
.v3-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.v3-tile{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#cfd3cc}
.v3-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.v3-tile:hover img,.v3-tile:focus-visible img{transform:scale(1.07)}
.v3-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#141514c4 0%,#14151400 45%)}
.v3-tile-name{position:absolute;z-index:1;left:18px;right:18px;bottom:16px;color:#fff;font-size:17px;font-weight:700;letter-spacing:.06em;line-height:1.5}
.v3-tile-name em{display:block;font-style:normal;font-size:12px;font-weight:400;color:#dfe3de}
.v3-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3vw}
.v3-why img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:22px}
.v3-why h3{font-size:22px;font-weight:700;margin:0 0 8px}
.v3-why p{margin:0;color:#c4c9c3;line-height:1.9}
.v3-process{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:4vw;align-items:start}
.v3-process figure{margin:0}
.v3-process figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.v3-process figcaption{margin-top:10px;font-size:13px;color:#c4c9c3}
.v3-process .qs-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.v3-about{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.v3-about figure{margin:0}
.v3-about figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.v3-about h2{margin-bottom:18px}
.v3-cta-wrap{position:relative;overflow:hidden}
.v3-cta-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v3-cta-wrap::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#141514eb 0%,#141514b8 60%,#14151480 100%)}
.v3-cta-wrap .qs-cta{position:relative;z-index:2;padding-top:130px;padding-bottom:130px}
.qs-home>.v3-cta-wrap{border-top:0}
@media(prefers-reduced-motion:reduce){.v3-tile img{transition:none}}
@media(max-width:900px){.v3-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.v3-process,.v3-about{grid-template-columns:1fr}}
@media(max-width:700px){.v3-why{grid-template-columns:1fr;gap:36px}.v3-tiles{gap:10px}.v3-tile-name{left:12px;right:12px;bottom:12px;font-size:15px}.v3-cta-wrap .qs-cta{padding-top:80px;padding-bottom:80px}}