:root{--bg:#050505;--panel:#111111;--ink:#f5f5f3;--muted:#8a8a86;--line:rgb(216 161 74/0.24);--gold:#d8a14a;--gold-soft:#f0c777;--radius:8px;--background:#050505;--foreground:#f5f5f3;--card:#0b0b0b;--card-foreground:#f5f5f3;--popover:#111111;--popover-foreground:#f5f5f3;--primary:#d8a14a;--primary-foreground:#050505;--secondary:#151515;--secondary-foreground:#f5f5f3;--muted:#1a1a1a;--muted-foreground:#8a8a86;--accent:#d8a14a;--accent-foreground:#050505;--destructive:#ef4444;--border:rgb(216 161 74/0.2);--input:rgb(245 245 243/0.12);--ring:#d8a14a}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Noto Sans TC,Microsoft JhengHei,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}main{min-height:100vh;overflow:hidden;background:linear-gradient(90deg,rgb(255 255 255/.035) 1px,transparent 1px) 0 0 /25vw 100%,var(--bg)}.site-header{align-items:center;background:linear-gradient(180deg,rgb(5 5 5/.92),rgb(5 5 5/.62));border-bottom:1px solid rgb(255 255 255/.08);display:grid;gap:24px;grid-template-columns:220px 1fr auto;left:0;padding:24px clamp(20px,4vw,56px);position:fixed;right:0;top:0;z-index:30}.brand img{display:block;height:54px;object-fit:contain;width:174px}.desktop-nav{align-items:center;display:flex;gap:clamp(18px,2.4vw,34px);justify-content:center}.desktop-nav a,.final-cta a,.footer a,.hero-actions a,.mobile-menu a,.nav-cta,.section-title a,.split-feature a{font-size:12px;font-weight:700;letter-spacing:.08em}.desktop-nav a{color:rgb(245 245 243/.82)}.desktop-nav a:hover,.filters .active,.section-title p,.split-feature p,.work-tile span{color:var(--gold)}.final-cta a,.nav-cta{align-items:center;border:1px solid var(--gold);border-radius:999px;color:var(--gold-soft);display:inline-flex;gap:12px;justify-content:center;padding:14px 22px}.mobile-menu,.mobile-toggle{display:none}.hero{min-height:100vh;position:relative}.hero picture,.hero-media,.hero-shade{height:100%;inset:0;position:absolute;width:100%}.hero-media{object-fit:cover;object-position:62% center}.hero-shade{background:linear-gradient(90deg,rgb(5 5 5/.94),rgb(5 5 5/.62) 38%,rgb(5 5 5/.18) 72%),linear-gradient(0deg,rgb(5 5 5/.94),transparent 34%)}.side-label{color:rgb(245 245 243/.45);font-size:11px;left:34px;letter-spacing:.32em;position:absolute;text-orientation:mixed;top:38%;transform:rotate(180deg);writing-mode:vertical-rl}.hero-copy{max-width:700px;padding:clamp(130px,17vh,180px) clamp(24px,8vw,116px) 130px;position:relative;z-index:2}.hero-copy h1{font-size:clamp(50px,7.25vw,112px);font-weight:900;line-height:.92;margin:0;max-width:760px;text-transform:uppercase}.hero-copy p{color:rgb(245 245 243/.86);font-size:clamp(19px,2vw,28px);line-height:1.55;margin:28px 0 24px}.about-flow p,.case-body span,.course-detail p,.footer p,.hero-tags,.page-list p,.section-title span,.split-feature span,.web-demo p,.work-tile small{color:var(--muted-foreground)}.hero-tags{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:12px;letter-spacing:.12em}.hero-tags span{background:var(--gold);display:inline-block;height:12px;transform:rotate(45deg);width:1px}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:24px;margin-top:38px}.mobile-toggle{align-items:center;background:transparent;border:1px solid var(--gold);border-radius:999px;color:var(--gold);cursor:pointer;display:inline-flex;height:50px;justify-content:center;width:50px}.footer a,.primary-cta,.secondary-link,.section-title a,.split-feature a{align-items:center;display:inline-flex;gap:10px}.primary-cta{background:var(--gold);border-radius:999px;color:#050505;font-weight:900;justify-content:center;min-height:50px;min-width:210px;padding:0 24px}.primary-cta,.secondary-link{font-size:12px;letter-spacing:.08em}.secondary-link{color:var(--gold);font-weight:800}.about-flow,.case-body,.course-detail,.final-cta,.page-list,.proof,.section,.split-feature,.statement,.web-demo{border-top:1px solid rgb(255 255 255/.12);padding:clamp(48px,7vw,92px) clamp(20px,4vw,56px)}.statement{display:grid;gap:28px;grid-template-columns:minmax(180px,.32fr) minmax(0,1fr)}.course-detail span,.section-title p,.split-feature p,.statement p{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.12em;margin:0}.approach h2,.case-body h2,.course-detail h2,.final-cta h2,.section-title h2,.split-feature h2,.statement h2{font-size:clamp(34px,5vw,72px);line-height:.98;margin:0;text-transform:uppercase}.statement p:not(:first-child){color:rgb(245 245 243/.78);font-size:clamp(17px,2vw,24px);line-height:1.8;max-width:740px}.instagram-section,.services-strip,.work-section{grid-template-columns:minmax(340px,.34fr) minmax(0,1fr)}.instagram-section .section-title h2{font-size:clamp(34px,4.5vw,64px);max-width:320px}.instagram-section{display:grid;gap:44px}.section-title{align-content:start;display:grid;gap:18px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.curriculum button,.filters button,.form-actions button,.stepper button{background:rgb(255 255 255/.04);border:1px solid rgb(255 255 255/.14);border-radius:999px;color:var(--ink);cursor:pointer;padding:10px 14px}.work-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.work-tile{aspect-ratio:1.1;border:1px solid rgb(255 255 255/.1);display:grid;overflow:hidden;padding:18px;position:relative}.work-tile.large{aspect-ratio:1.55;grid-column:span 2;grid-row:span 2}.work-tile img{height:100%;inset:0;object-fit:cover;opacity:.74;position:absolute;transition:transform .5s ease,opacity .5s ease;width:100%;z-index:0}.work-tile:after{background:linear-gradient(0deg,rgb(5 5 5/.88),transparent 58%);content:"";inset:0;position:absolute}.work-tile:hover img{opacity:.96;transform:scale(1.04)}.work-tile small,.work-tile span{align-self:end;position:relative;z-index:1}.work-tile span{font-size:18px;font-weight:800;margin-top:auto}.instagram-area{display:grid;gap:24px}.instagram-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.instagram-tile{aspect-ratio:1;border:1px solid rgb(255 255 255/.12);display:block;overflow:hidden;position:relative}.instagram-tile img{height:100%;object-fit:cover;opacity:.78;transition:opacity .35s ease,transform .35s ease;width:100%}.instagram-tile:after{background:linear-gradient(0deg,rgb(5 5 5/.68),transparent 55%);content:"";inset:0;position:absolute}.instagram-tile:hover img{opacity:1;transform:scale(1.04)}.instagram-tile span{bottom:14px;color:var(--gold);font-size:11px;font-weight:800;left:14px;letter-spacing:.12em;position:absolute;z-index:1}.instagram-more{align-items:center;color:var(--gold);display:inline-flex;font-size:12px;font-weight:800;gap:10px;justify-self:start;letter-spacing:.08em}.service-line{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.service-item{border-left:1px solid rgb(255 255 255/.14);min-height:250px;padding:18px}.approach-step span,.service-item strong{color:var(--gold);font-size:28px;font-weight:300}.service-item h3{font-size:14px;margin:16px 0 36px}.service-item ul{color:rgb(245 245 243/.72);font-size:14px;line-height:1.8;list-style:none;margin:0;padding:0}.approach,.final-cta,.split-feature{align-items:center;display:grid;gap:34px;grid-template-columns:minmax(0,1fr) auto}.split-feature img{border:1px solid rgb(255 255 255/.1);height:180px;object-fit:cover;width:min(280px,24vw)}.visual-showcase{display:grid;grid-template-columns:1.4fr 1fr .75fr;min-height:520px}.visual-showcase img{border:1px solid rgb(255 255 255/.1);height:100%;object-fit:cover;width:100%}.visual-showcase img:last-child{background:#050505;object-fit:contain;padding:8vw 5vw}.proof{display:grid;gap:1px;grid-template-columns:repeat(4,1fr);padding-bottom:0;padding-top:0}.proof div{align-items:center;background:var(--panel);display:flex;gap:12px;min-height:92px;padding:24px}.approach{grid-template-columns:.35fr 1fr repeat(4,.24fr);padding:0 clamp(20px,4vw,56px) 0 0}.approach img{height:210px;object-fit:cover;width:100%}.approach p{color:rgb(245 245 243/.72);line-height:1.8}.approach-step{display:grid;gap:8px}.about-flow,.course-row,.journal-list>div,.page-list,.web-demo{display:grid;gap:1px;grid-template-columns:repeat(2,minmax(0,1fr))}.about-flow div,.course-detail,.course-row a,.journal-list a,.page-list div,.web-demo div{background:rgb(255 255 255/.035);border:1px solid rgb(255 255 255/.12);border-radius:var(--radius);min-height:150px;padding:24px}.about-flow span,.course-row span,.journal-list span,.page-list span,.web-demo span{color:var(--gold);display:block;font-size:12px;font-weight:800;letter-spacing:.12em;margin-bottom:16px}.journal-list a{align-items:center;display:grid;gap:14px;grid-template-columns:90px 1fr auto;min-height:96px}.final-cta{background:linear-gradient(90deg,rgb(5 5 5/.94),rgb(5 5 5/.74)),url(/studio-hero.png) 50% /cover}.case-body{display:grid;gap:1px;grid-template-columns:repeat(4,minmax(0,1fr))}.case-body>div{background:rgb(255 255 255/.035);padding:22px}.case-body article{grid-column:1/-1;line-height:1.9;max-width:960px;padding-top:54px}.case-body ul{color:rgb(245 245 243/.78);line-height:1.9}.case-gallery{display:grid;gap:10px;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.case-gallery figure{margin:0}.case-gallery img{aspect-ratio:1.35;border:1px solid rgb(255 255 255/.12);object-fit:cover;width:100%}.case-gallery figcaption,.footer small{color:var(--muted-foreground);display:block;font-size:12px;margin-top:8px}.contact-panel{display:grid;gap:32px;grid-template-columns:260px minmax(0,1fr)}.stepper{display:grid;gap:10px}.form-actions button:last-child,.stepper .active{background:var(--gold);color:#050505}form{display:grid;gap:20px}input,select,textarea{background:rgb(255 255 255/.04);border:1px solid rgb(255 255 255/.16);border-radius:var(--radius);color:var(--ink);min-height:58px;padding:0 18px;width:100%}textarea{min-height:180px;padding-top:18px}.contact-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-actions{display:flex;justify-content:space-between}.form-actions button{gap:8px}.form-actions a,.form-actions button{align-items:center;display:inline-flex}.form-actions a{color:var(--muted-foreground);font-size:12px;letter-spacing:.08em;min-height:44px;text-decoration:none;text-transform:uppercase}.form-status{color:var(--gold);font-size:14px;margin:0}.form-status.error{color:#ff8a7a}.honeypot{height:1px;left:-9999px;min-height:1px;opacity:0;padding:0;position:absolute;width:1px}.diagnosis-panel{align-items:start}.footer{align-items:center;border-top:1px solid rgb(255 255 255/.12);display:grid;gap:28px;grid-template-columns:180px minmax(0,1fr) auto;padding:28px clamp(20px,4vw,56px)}.footer img{height:74px;object-fit:contain;width:160px}@media (max-width:980px){.site-header{grid-template-columns:1fr auto auto}.desktop-nav,.nav-cta{display:none}.mobile-toggle{display:inline-flex}.mobile-menu{background:rgb(5 5 5/.98);border-top:1px solid rgb(255 255 255/.12);display:grid;gap:18px;left:0;padding:24px;position:absolute;right:0;top:100%}.about-flow,.approach,.case-body,.case-gallery,.contact-grid,.contact-panel,.course-row,.final-cta,.footer,.instagram-section,.journal-list>div,.page-list,.proof,.service-line,.services-strip,.split-feature,.statement,.web-demo,.work-section{grid-template-columns:1fr}.approach{padding:clamp(48px,7vw,92px) clamp(20px,4vw,56px)}}@media (max-width:680px){.site-header{padding:14px 16px}.brand img{height:46px;width:145px}.side-label{display:none}.hero{min-height:680px}.hero-media,.hero-shade{height:680px}.hero-media{object-position:72% center}.hero-copy{max-width:100%;padding:116px 20px 76px}.hero-copy h1{font-size:clamp(32px,9.4vw,38px);line-height:1;max-width:min(100%,320px)}.approach h2,.case-body h2,.course-detail h2,.final-cta h2,.section-title h2,.split-feature h2,.statement h2{font-size:clamp(26px,7.6vw,31px);line-height:1.04;max-width:min(100%,330px);overflow-wrap:break-word}.hero-actions a{font-size:11px}.hero-actions{align-items:flex-start;flex-direction:column;gap:14px}.primary-cta{min-height:48px;min-width:min(230px,calc(100vw - 40px))}.secondary-link{padding-left:2px}.instagram-grid,.visual-showcase,.work-grid{grid-template-columns:1fr}.work-tile.large{grid-column:auto;grid-row:auto}.journal-list a{grid-template-columns:1fr auto}.journal-list span{grid-column:1/-1}.split-feature img{height:220px;width:100%}}