:root{--tone:#cba24a;--tone2:#5b7aa0;--dark:#172231;--light:#f5f0e8;--ink:var(--dark);--paper:var(--light);--line:color-mix(in srgb,var(--ink) 14%,transparent);font-family:"Noto Sans TC",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);overflow-x:hidden}img{display:block;width:100%;height:100%;object-fit:cover}.top{position:fixed;z-index:20;inset:0 0 auto;min-height:74px;padding:12px clamp(18px,4vw,62px);display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--paper) 76%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center}.logo-img{width:min(220px,52vw);height:auto}nav{display:flex;gap:18px}nav a{font-size:14px;font-weight:900;color:color-mix(in srgb,var(--ink) 68%,transparent);text-decoration:none}.nav-toggle{display:none}main{padding-top:74px}section{padding:clamp(58px,8vw,120px) clamp(18px,5vw,76px)}.hero{min-height:calc(100svh - 74px)}h1{font-size:clamp(42px,7vw,98px);line-height:.92;margin:0}h2{font-size:clamp(30px,5vw,64px);line-height:1;margin:0 0 20px}h3{margin:0;font-size:24px}p{line-height:1.85;color:color-mix(in srgb,var(--ink) 72%,transparent)}a,button{font:inherit}.hero a,.contact button{display:inline-flex;padding:13px 20px;background:var(--tone);color:var(--paper);font-weight:900;text-decoration:none;border:0}.kicker{font-size:12px;letter-spacing:.16em;color:var(--tone);font-weight:900;text-transform:uppercase}.card,.shot,.contact{border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 82%,white);padding:22px}.card span{color:var(--tone);font-weight:900}.shot{padding:0;overflow:hidden}.shot img{height:360px}figcaption{padding:16px;font-weight:900}.reveal{opacity:0;transform:translateY(26px);transition:.75s ease}.reveal.in{opacity:1;transform:none}form{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:760px}input,textarea{padding:14px;border:1px solid var(--line);font:inherit}textarea,button,.ok{grid-column:1/-1}.three,.detail,.product-cards,.ingredient-grid,.pill-list,.pet-products,.service-list,.meat-cuts,.menu-list,.drink-grid,.shelf,.gift-cards,.cocktail-list,.collection,.timeline,.spec-grid,.briefs,.mini-gallery,.radial,.job-board,.process-cards,.food-gallery,.dark-gallery,.quiet-menu,.wine-menu,.breakfast-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.property-wall,.photo-grid,.masonry,.map-grid,.checklist,.data-wall,.coffee-row,.zen-gallery,.table-gallery,.sticker-gallery,.bubble-gallery,.bread-gallery,.gift-grid,.night-gallery,.lookbook,.shop-gallery,.beauty-gallery,.health-gallery,.pet-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.law-column .hero{display:grid;gap:clamp(24px,5vw,70px);align-items:center}.estate-editorial .hero{grid-template-columns:.82fr 1.18fr;position:relative}.estate-editorial .cover{height:72vh}.estate-editorial .price-strip{position:absolute;right:6vw;bottom:5vw;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(720px,80vw)}.construction-blueprint{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:28px 28px}.construction-blueprint .hero{grid-template-columns:1fr 1fr}.construction-blueprint .site-photo{height:68vh;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}.law-column .hero{grid-template-columns:220px minmax(240px,1fr) minmax(300px,1.05fr);max-width:1120px;margin:auto}.law-column .hero-image{height:min(68vh,620px);min-height:430px;overflow:hidden;position:relative}.law-column .hero-image img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter 1.2s ease;filter:saturate(.82)}.law-column .hero-image:hover img{transform:scale(1.06);filter:saturate(1.08)}.law-column .law-photo{height:70vh;padding:0}.accounting-dashboard .hero{grid-template-columns:.8fr 1.2fr;background:var(--dark);color:var(--paper)}.accounting-dashboard .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.accounting-dashboard .screen{height:70vh;padding:0}.interior-masonry .hero{grid-template-columns:1fr .8fr .45fr}.interior-masonry .tall{height:75vh}.interior-masonry .small{height:42vh}.interior-masonry .masonry .shot:nth-child(1){grid-row:span 2}.architecture-atlas .hero{grid-template-columns:1fr 1fr}.architecture-atlas .hero>div{height:72vh}.architecture-atlas .numbered .card{min-height:260px;font-size:1.15rem}.insurance-radar .hero{place-items:center;text-align:center;background:radial-gradient(circle,color-mix(in srgb,var(--tone) 24%,var(--paper)),var(--paper) 58%)}.insurance-radar .orb{width:min(620px,86vw);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.staffing-board .hero{grid-template-columns:.8fr 1.2fr}.staffing-board .columns{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}.staffing-board .columns .card:nth-child(2){margin-top:50px}.cleaning-before-after .hero{grid-template-columns:1fr 1fr;position:relative}.cleaning-before-after .copy{position:absolute;left:8vw;bottom:7vw;width:min(600px,80vw);background:var(--paper);padding:28px}.cleaning-before-after .before,.cleaning-before-after .after{height:72vh}.tech-console{--paper:#08101b;--ink:#edf7ff;--line:rgba(255,255,255,.14)}.tech-console .hero{grid-template-columns:1fr 1fr}.tech-console .terminal{border:1px solid var(--line);background:#0f1b2b;padding:34px}.tech-console .screen-img{height:70vh}.cafe-menu .hero{grid-template-columns:.7fr 1.3fr}.cafe-menu .menu-card{border:1px solid var(--line);padding:34px}.cafe-menu .cup-photo{height:72vh}.hotpot-steam .hero,.bar-poster .hero{position:relative;display:grid;place-items:end start;color:white}.hotpot-steam .steam-bg,.bar-poster .poster-photo{position:absolute;inset:0;z-index:-1}.hotpot-steam .steam-bg img,.bar-poster .poster-photo img{filter:brightness(.48)}.hotpot-steam .hot-copy,.bar-poster .poster-type{width:min(900px,90vw)}.yakiniku-fire,.bar-poster,.fashion-runway{--paper:#070707;--ink:#f4efe8;--line:rgba(255,255,255,.16)}.yakiniku-fire .hero{grid-template-columns:1.1fr .9fr}.yakiniku-fire .hero>div:first-child{height:72vh}.japanese-minimal .hero{grid-template-columns:.55fr 1fr;max-width:1100px;margin:auto}.japanese-minimal .hero div{height:65vh}.trattoria .hero{grid-template-columns:1fr 1fr;background:color-mix(in srgb,var(--tone) 14%,var(--paper))}.trattoria .plate{height:70vh}.stickers .hero{position:relative;min-height:80vh}.stickers .sticker{position:absolute;width:34vw;height:44vh;right:8vw;top:12vh;transform:rotate(5deg);border:12px solid white;box-shadow:0 20px 60px #0003}.stickers .two{right:34vw;top:38vh;transform:rotate(-7deg)}.bubbles .hero{grid-template-columns:.8fr 1.2fr}.bubbles .bottle{height:76vh;border-radius:48px;overflow:hidden}.bakery .hero{grid-template-columns:1.2fr .8fr}.bakery .window{height:72vh}.bakery .sign{border-top:8px solid var(--tone);padding:30px}.gift .hero{grid-template-columns:.8fr 1.2fr}.gift .box{height:70vh;box-shadow:24px 24px 0 color-mix(in srgb,var(--tone) 26%,transparent)}.bar-poster .poster-type h1{font-size:clamp(60px,13vw,180px)}.runway .hero{padding:0;display:grid;grid-template-columns:1fr .8fr;align-items:end}.runway .runway-photo{height:calc(100svh - 74px)}.ecommerce .hero{grid-template-columns:1fr .9fr}.ecommerce .product-hero{height:74vh;border-radius:34px 4px;overflow:hidden}.serum .hero{grid-template-columns:.85fr 1.15fr}.serum .glow{height:72vh;border-radius:50% 50% 8px 8px;overflow:hidden}.routine .hero{display:grid;grid-template-columns:.85fr .85fr 1fr}.routine .routine-img{height:66vh}.market .hero{grid-template-columns:.8fr 1.2fr}.market .market-photo{height:70vh;border-radius:36px;overflow:hidden}@media(max-width:900px){nav{display:none;position:fixed;top:74px;left:16px;right:16px;background:var(--paper);padding:18px;flex-direction:column;border:1px solid var(--line)}nav.open{display:flex}.nav-toggle{display:block;width:42px;height:36px;border:1px solid var(--line);background:var(--paper)}.nav-toggle span{display:block;height:2px;margin:8px;background:var(--ink)}.hero,.story,.three,.property-wall,.photo-grid,.masonry,.map-grid,.checklist,.data-wall,.coffee-row,.zen-gallery,.table-gallery,.sticker-gallery,.bubble-gallery,.bread-gallery,.gift-grid,.night-gallery,.lookbook,.shop-gallery,.beauty-gallery,.health-gallery,.pet-gallery,.detail,.product-cards,.ingredient-grid,.pill-list,.pet-products,.service-list,.meat-cuts,.menu-list,.drink-grid,.shelf,.gift-cards,.cocktail-list,.collection,.timeline,.spec-grid,.briefs,.mini-gallery,.radial,.job-board,.process-cards,.food-gallery,.dark-gallery,.quiet-menu,.wine-menu,.breakfast-grid,form{grid-template-columns:1fr!important}.sticker,.cleaning-before-after .copy,.estate-editorial .price-strip{position:static!important;width:auto!important;transform:none!important}}
/* law visual correction */
.law-column .article-columns{padding-top:34px!important;padding-bottom:34px!important;margin-top:0!important;min-height:0!important}.law-column .briefs{padding-top:28px!important;margin-top:0!important;align-items:start}.law-column .briefs .shot{height:360px!important}.law-column .briefs .shot img{height:300px!important;object-fit:cover}.law-column .law-photo{margin-top:0!important}
