:root{--ink:#2f3542;--muted:#697382;--soft-ink:#4f5a68;--paper:#fbf8f2;--paper-rgb:251, 248, 242;--mist:#eef5f8;--blue:#8fb5cf;--blue-deep:#416a83;--pink:#f1cbd0;--sage:#b9c9ae;--cream:#f3dfb8;--lavender:#c9c3df;--line:#4f5a6829;--shadow:0 22px 60px #3e556624;--radius:8px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);text-rendering:optimizelegibility;margin:0;font-family:Noto Sans TC,Yu Gothic,Hiragino Sans,Microsoft JhengHei,system-ui,sans-serif;line-height:1.7}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:20;width:min(calc(100% - 32px), var(--max));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffcf7c2;border:1px solid #ffffffad;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:12px 16px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 16px 44px #5f6f7e1f}.brand-mark{align-items:center;gap:10px;min-width:220px;display:inline-flex}.brand-symbol{color:#c4964b;background:linear-gradient(145deg,#fffaf0,#eaf4f7);border:1px solid #416a8329;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 0 0 4px #ffffff70}.brand-mark strong,.brand-mark small{display:block}.brand-mark strong{letter-spacing:0;font-size:1rem}.brand-mark small{color:var(--muted);font-size:.74rem}.site-nav{align-items:center;gap:6px;display:flex}.site-nav a{min-height:40px;color:var(--soft-ink);border-radius:999px;padding:8px 13px;font-size:.92rem;transition:background .18s,color .18s,transform .18s}.site-nav a:hover,.site-nav a:focus-visible{color:var(--blue-deep);background:#8fb5cf2e;outline:none;transform:translateY(-1px)}.nav-toggle{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);cursor:pointer;background:#ffffffb8;border-radius:8px;place-items:center;display:none}.nav-toggle span:not(.sr-only){background:currentColor;border-radius:999px;width:19px;height:2px;margin:3px auto;display:block}.hero{min-height:78svh;padding:116px max(24px, calc((100vw - var(--max)) / 2)) 58px;isolation:isolate;border-bottom:1px solid #b9c9ae47;align-items:center;display:grid;position:relative;overflow:hidden}.hero-media,.hero-overlay{z-index:-2;position:absolute;inset:0}.hero-media{background-image:url(/hoshikizuna-hero.png);background-position:50%;background-size:cover;transform:scale(1.01)}.hero-overlay{z-index:-1;background:linear-gradient(90deg, rgba(var(--paper-rgb), .92) 0%, rgba(var(--paper-rgb), .72) 42%, rgba(var(--paper-rgb), .2) 74%), linear-gradient(180deg, rgba(var(--paper-rgb), .42), rgba(var(--paper-rgb), .7))}.hero-content{width:min(620px,100%)}.eyebrow,.section-kicker,.work-tag{color:var(--blue-deep);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:700}.hero h1{letter-spacing:0;margin:0;font-size:clamp(3.2rem,8vw,6.8rem);line-height:1.02}.hero-lead{width:min(560px,100%);color:var(--soft-ink);margin:22px 0 0;font-size:clamp(1.12rem,2vw,1.45rem);line-height:1.85}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:11px 20px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover,.button:focus-visible{outline:none;transform:translateY(-2px)}.button-primary{color:#fff;background:#416a83;box-shadow:0 16px 34px #416a833d}.button-primary:hover,.button-primary:focus-visible{background:#355a70;box-shadow:0 18px 42px #416a834d}.button-secondary{color:var(--blue-deep);background:#ffffffb8;border:1px solid #416a8333}.hero-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(680px,100%);margin:42px 0 0;display:grid}.hero-notes div{border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff94;border:1px solid #ffffffc7;min-height:92px;padding:16px;box-shadow:0 12px 34px #5c6f7b1a}.hero-notes dt{color:var(--ink);margin:0 0 2px;font-weight:700}.hero-notes dd{color:var(--muted);margin:0;font-size:.92rem}.section-inner{width:min(calc(100% - 40px), var(--max));margin:0 auto}.intro-band,.services-section,.process-section,.works-section,.contact-section{padding:clamp(72px,9vw,116px) 0}.intro-band{background:linear-gradient(90deg,#8fb5cf21,#0000 34%),linear-gradient(#fffdfa,#f7f3ec)}.two-column{grid-template-columns:minmax(260px,.82fr) minmax(320px,1fr);align-items:start;gap:clamp(34px,6vw,82px);display:grid}.section-heading{grid-template-columns:minmax(260px,.74fr) minmax(320px,1fr);align-items:end;gap:clamp(28px,5vw,74px);margin-bottom:34px;display:grid}.section-heading.compact{width:min(760px,100%);display:block}h2,h3,p{overflow-wrap:anywhere}h2{letter-spacing:0;margin:0;font-size:clamp(2rem,4.4vw,3.6rem);line-height:1.22}h3{letter-spacing:0;margin:0;font-size:1.15rem;line-height:1.42}.intro-copy p,.contact-layout p,.service-card p,.process-list p,.work-showcase p{color:var(--muted)}.intro-copy p:first-child,.contact-layout p:first-of-type{margin-top:0}.services-section{background:#fffdfa}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.service-card,.process-list li,.work-showcase article,.contact-panel{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffb8;box-shadow:0 18px 42px #51627014}.service-card{min-height:248px;padding:24px}.service-icon{width:40px;height:40px;color:var(--blue-deep);background:#8fb5cf2e;border-radius:50%;place-items:center;margin-bottom:22px;font-size:.8rem;font-weight:800;display:inline-grid}.service-card:nth-child(2) .service-icon,.work-showcase article:nth-child(2) .work-tag{color:#7d6e30;background:#f3dfb86b}.service-card:nth-child(3) .service-icon,.work-showcase article:nth-child(3) .work-tag{color:#8c6070;background:#f1cbd06b}.service-card:nth-child(4) .service-icon,.work-showcase article:nth-child(4) .work-tag{color:#5f734f;background:#b9c9ae6b}.service-card:nth-child(5) .service-icon{color:#675d91;background:#c9c3df70}.service-card:nth-child(6) .service-icon{color:#416a83;background:#8fb5cf33}.service-card p{margin:12px 0 0}.process-section{background:linear-gradient(135deg,#b9c9ae33,#0000 38%),#f7f3ec}.process-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:34px 0 0;padding:0;list-style:none;display:grid}.process-list li{min-height:226px;padding:26px 22px;position:relative;overflow:hidden}.process-list span{width:42px;height:42px;color:var(--blue-deep);background:#f7fbfc;border:1px solid #416a8329;border-radius:50%;place-items:center;margin-bottom:28px;font-weight:800;display:inline-grid}.process-list li:after{color:#8fb5cf29;content:"✦";font-size:7.5rem;line-height:1;position:absolute;bottom:-24px;right:-18px}.process-list p{margin:10px 0 0}.works-section{background:#fffdfa}.work-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.work-showcase article{background:linear-gradient(135deg,#ffffffe6,#ffffff9e),linear-gradient(135deg,#8fb5cf24,#0000);min-height:210px;padding:26px}.work-tag{background:#8fb5cf2e;border-radius:999px;align-items:center;min-height:30px;margin-bottom:18px;padding:4px 12px;display:inline-flex}.work-showcase p:last-child{margin-bottom:0}.contact-section{background:linear-gradient(120deg,#8fb5cf2e,#0000 45%),linear-gradient(300deg,#f1cbd02e,#0000 40%),#f7f3ec}.contact-layout{grid-template-columns:minmax(280px,1fr) minmax(300px,420px);align-items:center;gap:clamp(28px,6vw,80px);display:grid}.contact-panel{background:#ffffffc7;padding:26px}.contact-link{min-width:0;color:var(--blue-deep);overflow-wrap:anywhere;align-items:center;gap:12px;font-size:1.08rem;font-weight:800;display:flex}.contact-link span{background:#8fb5cf2e;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.contact-panel p{margin:18px 0 22px}.site-footer{padding:24px max(20px, calc((100vw - var(--max)) / 2));color:var(--muted);border-top:1px solid var(--line);background:#fffdfa;justify-content:space-between;align-items:center;gap:20px;display:flex}.site-footer p{margin:0}.site-footer a{color:var(--blue-deep);font-weight:700}@media (width<=980px){.site-header{width:min(calc(100% - 24px), var(--max));top:12px}.nav-toggle{display:block}.site-nav{width:min(310px,100vw - 24px);box-shadow:var(--shadow);opacity:0;pointer-events:none;background:#fffcf7f0;border:1px solid #ffffffb8;border-radius:8px;padding:10px;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-8px)}.site-nav.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.site-nav a{border-radius:8px;padding:12px 14px}.hero{min-height:80svh;padding:112px 20px 44px}.hero-media{background-position:54%}.hero-overlay{background:linear-gradient(90deg, rgba(var(--paper-rgb), .94) 0%, rgba(var(--paper-rgb), .76) 58%, rgba(var(--paper-rgb), .42)), linear-gradient(180deg, rgba(var(--paper-rgb), .28), rgba(var(--paper-rgb), .78))}.hero-notes,.service-grid,.process-list{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column,.section-heading,.contact-layout{grid-template-columns:1fr}.section-heading{gap:12px}}@media (width<=680px){.brand-mark{min-width:0}.brand-mark small{display:none}.hero{min-height:auto;padding-top:108px}.hero h1{font-size:clamp(3rem,16vw,4.5rem)}.hero-actions,.site-footer{flex-direction:column;align-items:stretch}.button{width:100%}.hero-notes,.service-grid,.process-list,.work-showcase{grid-template-columns:1fr}.hero-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:24px}.hero-notes div{min-height:66px;padding:10px 8px}.hero-notes dt{text-align:center;margin:0;font-size:.88rem}.hero-notes dd{display:none}.service-card,.process-list li,.work-showcase article{min-height:unset}.section-inner{width:min(calc(100% - 28px), var(--max))}.intro-band,.services-section,.process-section,.works-section,.contact-section{padding:64px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important}}