@view-transition{navigation:auto}::view-transition-group(*){animation-duration:.65s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(root),::view-transition-new(root){animation-duration:.3s}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}.case-snapshot{margin-block:1rem 3rem}.case-snapshot nav{flex-wrap:wrap;gap:.4rem 1.5rem;display:flex}.case-snapshot nav a{text-underline-offset:4px;align-items:center;min-height:44px;font-size:.8rem;text-decoration:underline;display:inline-flex}.case-overview{padding-bottom:2.5rem}.case-overview .case-intro{max-width:900px;margin:0;font-size:clamp(18px,2vw,26px);line-height:1.75}.project-visual.visual-large.visual-no-image{aspect-ratio:auto;height:auto;min-height:0}.visual-large.visual-no-image .visual-pending{min-height:120px;padding:2rem;font-size:16px}.case-body>.case-section:first-child{margin-top:0}.story-chapters{display:none}.story-active{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start;gap:6%;display:grid}.story-active .story-stage{min-width:0;position:sticky;top:30px}.story-active .capture-stage{height:min(52vh,520px);min-height:0}.story-active .capture-stage img{max-height:min(48vh,480px)}.story-active .walkthrough-frame figcaption{padding-bottom:0}.story-active .walkthrough-frame figcaption p{display:none}.story-active .story-chapters{display:block}.story-chapters section{flex-direction:column;justify-content:center;min-height:72vh;padding-block:3rem;display:flex}.story-chapters h3{margin-block:1.2rem;font-size:clamp(1.7rem,2.6vw,2.8rem);font-weight:450;line-height:1.3}.story-chapters p{line-height:1.85}.story-chapters .story-caption{color:var(--muted);margin-top:1rem;font-size:.9rem}.experiment{border:1px solid var(--line);background:#eeeee6;border-radius:24px;margin-block:2rem;padding:clamp(24px,4vw,64px)}.experiment h2,.business-map h2,.project-brief h2,.lab-invitation h2{letter-spacing:-.035em;margin-block:1rem;font-size:clamp(1.8rem,3.5vw,3.2rem);font-weight:450;line-height:1.3}.experiment-intro{color:var(--muted);max-width:70ch;margin-bottom:2rem;line-height:1.85}caption-demo{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:2rem;display:grid}.caption-screen{aspect-ratio:4/3;color:#fff;isolation:isolate;background:#252f38;border-radius:16px;flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex;position:relative;overflow:hidden}.caption-landscape{z-index:-1;background:#a8baae;border-radius:50%;position:absolute;inset:15% -15% -60%;transform:rotate(-20deg)}.caption-landscape:after{content:"";background:#657c70;border-radius:45%;position:absolute;inset:20% -10% -20%;transform:rotate(30deg)}.caption-screen [data-caption-preview]{text-align:center;overflow-wrap:anywhere;white-space:pre-wrap;background:#141517d9;border-radius:6px;align-self:center;max-width:95%;margin-top:auto;margin-bottom:2rem;padding:.4rem .8rem;font-size:clamp(1rem,2vw,1.5rem);line-height:1.6}.caption-screen [data-caption-preview]:empty{visibility:hidden}.caption-time{align-self:flex-end}.demo-controls{border:0;min-width:0;margin:0;padding:0}.demo-controls label,project-brief label{margin-bottom:1rem;font-size:.9rem;line-height:1.6;display:block}.demo-controls textarea,project-brief textarea{resize:vertical;background:var(--paper);width:100%;color:var(--ink);border:1px solid #90958a;border-radius:8px;margin-top:.5rem;padding:.8rem;line-height:1.65;display:block}.demo-controls input[type=range]{width:100%;min-height:44px;accent-color:var(--blue);display:block}.demo-actions{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1rem;display:flex}.demo-actions button{background:var(--ink);min-height:44px;color:var(--paper);border:1px solid var(--ink);border-radius:999px;padding:.8rem 1.2rem;line-height:1.4}.demo-actions button[data-reset]{color:var(--ink);background:0 0}.demo-actions button:disabled{opacity:.5;cursor:not-allowed}.demo-note,.demo-status{color:var(--muted);margin-top:.6rem;font-size:.8rem;line-height:1.7}.demo-status{min-height:1.7em;color:var(--ink)}.order-states{grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;padding:0;list-style:none;display:grid}.order-states li{border-top:2px solid var(--line);color:var(--muted);padding:1rem;line-height:1.5}.order-states li .mono{margin-bottom:.5rem;display:block}.order-states li[aria-current=step]{border-color:var(--blue);color:var(--ink);background:#e0e1f4;border-radius:0 0 8px 8px}.order-ticket{background:var(--paper);border:1px solid var(--line);border-radius:12px;margin-block:1.5rem;padding:2rem}.order-ticket p{margin-top:1rem}.order-state{font-size:1.8rem}.business-map{padding-block:3rem}.business-nodes{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.business-nodes details{border:1px solid var(--line);background:#e5e9df;border-radius:12px;padding:1.5rem}.business-nodes summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:44px;font-size:1.1rem;display:flex}.business-nodes summary span{font-size:1.6rem}.business-nodes details[open] summary span{transform:rotate(45deg)}.business-nodes details p{margin-block:1rem;line-height:1.85}.project-brief{border-top:1px solid var(--line);padding-block:4rem}.project-brief>p:not(.eyebrow){color:var(--muted)}project-brief{max-width:780px;margin-top:2rem;display:block}.lab-experiments{padding-bottom:5rem}.lab-experiments>.text-link{margin-bottom:2rem}.lab-invitation{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:2rem;padding-block:4rem;display:flex}.lab-invitation p:not(.eyebrow){color:var(--muted);line-height:1.8}@media (width<=999px){caption-demo{grid-template-columns:1fr}.lab-invitation{flex-direction:column;align-items:flex-start}}@media (width<=600px){.experiment{border-radius:16px;padding:1.3rem}.experiment .eyebrow{font-size:10px}.business-nodes{grid-template-columns:1fr}.order-states{grid-template-columns:1fr;gap:0}.order-states li{align-items:center;gap:.8rem;padding:.7rem;font-size:.85rem;display:flex}.order-states li .mono{margin:0}.case-snapshot nav{flex-direction:column}}.business-nodes{gap:2rem;position:relative}.business-nodes:before{content:"";pointer-events:none;border:1px dashed #929b85;position:absolute;inset:20% 25%}.business-nodes details{position:relative}@media (width<=600px){.business-nodes:before{border-width:0 0 0 1px;inset:10% 50%}}.story-active figcaption strong,.story-active figcaption span{display:block}.story-active figcaption span{margin-top:.5rem}.case-overview+.container+.case-snapshot{margin-top:3rem}needs-guide,image-gallery{display:block}.guide-section{padding-bottom:clamp(70px,10vw,150px)}needs-guide{max-width:820px}needs-guide fieldset,.role-controls{border:0;margin:0 0 1.5rem;padding:0}needs-guide legend{margin-bottom:1.5rem}needs-guide h2{margin:1rem 0;font-size:clamp(24px,4vw,40px)}.guide-option{border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:1rem;margin:.7rem 0;padding:1.2rem;display:flex}.guide-option:has(:checked){border-color:var(--blue);background:#e9eaf6}.guide-option input{width:20px;height:20px;accent-color:var(--blue)}needs-guide textarea{width:100%;font:inherit;border:1px solid var(--line);background:#fff;border-radius:12px;margin:1rem 0;padding:1rem;display:block}needs-guide [data-result]{margin:2rem 0}needs-guide [data-result]>label{margin-top:2rem;display:block}.guide-entry{margin-bottom:2rem}.guide-direct-contact{margin-top:1.5rem}image-gallery dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:18px;width:min(1200px,96vw);max-width:96vw;max-height:94dvh;padding:1rem;overflow:auto}image-gallery dialog::backdrop{background:#171c21dd}.gallery-toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.gallery-toolbar h2{margin-right:auto;font-size:1.1rem}.gallery-toolbar a{align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.gallery-toolbar button,.role-controls button,caption-demo [data-add],caption-demo [data-remove]{border:1px solid var(--line);min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:0 0;border-radius:25px;padding:.6rem 1rem}.role-controls button{margin:.6rem .5rem 0 0}.role-controls [aria-pressed=true]{background:var(--ink);color:var(--paper)}.gallery-viewport{background:#d8dbd6;height:min(64dvh,760px);overflow:auto}.gallery-viewport img{max-width:none;height:auto;margin-inline:auto;display:block}image-gallery [data-description],image-gallery [role=status]{margin:.6rem 0;font-size:.85rem}.caption-cue{border-bottom:1px solid var(--line);padding:1rem 0}.cue-timing{align-items:end;gap:1rem;margin-top:.5rem;display:flex}.cue-timing label{flex:1;min-width:0}.cue-timing input{border:1px solid var(--line);width:100%;min-height:44px;font:inherit;background:#fff;border-radius:8px;padding:.5rem}caption-demo [data-add]{margin:1rem 0}@media (width<=480px){.cue-timing{flex-wrap:wrap;gap:.5rem}.cue-timing label{flex-basis:40%}.gallery-toolbar{gap:.3rem}}.capture-stage a{width:100%}.guide-section [data-result] h2,body:has(needs-guide) .page-title{text-wrap:balance}.home-page .hero-name{pointer-events:none}.no-script-nav{display:none}@media (width>=1001px),(width>=801px) and (height>=541px){.home-page .hero{grid-template-rows:minmax(max-content,1fr) auto;grid-template-columns:minmax(0,1fr);height:auto;min-height:max(760px,min(920px,100svh));display:grid}.home-page .hero-summary{margin:120px var(--gutter) 28px 0;z-index:5;grid-area:1/1;place-self:center end;position:relative;inset:auto}.home-page .hero-name{grid-area:2/1;min-width:0;margin:0 0 92px 3.4%;position:relative;inset:auto}.home-page.motion-enabled .hero-name{margin-left:0}}.hero-mobile-eyebrow{display:none}@media (width<=800px),(width<=1000px) and (height<=540px){.home-page .hero{--portrait-stage:clamp(400px, 76svh, 720px);grid-template-columns:minmax(0,1fr);grid-template-rows:var(--portrait-stage) auto;background:var(--paper);height:auto;min-height:0;display:grid}.home-page .hero-grid,.home-page .hero-location,.home-page .hero-bottom{display:none}.home-page .hero-art{width:100%;height:var(--portrait-stage);will-change:auto;inset:0 0 auto;translate:none;-webkit-mask-image:none;mask-image:none}.home-page .hero-portrait{object-fit:cover;object-position:center top;width:100%;max-width:none;height:100%;margin:0;-webkit-mask-image:none;mask-image:none}.home-page .hero-name{width:fit-content;max-width:calc(100% - var(--gutter) * 2);margin:0 var(--gutter) 28px;color:#f5f4ef;letter-spacing:-.06em;white-space:normal;grid-area:1/1;align-self:end;font-size:clamp(48px,15.5vw,80px);font-weight:400;line-height:.96;position:relative;inset:auto;transform:none}.home-page .hero-mobile-eyebrow{letter-spacing:.08em;margin-bottom:18px;font-size:10px;font-weight:500;line-height:1.5;display:block}.home-page .hero-name-track,.home-page .hero-given,.home-page .hero-surname{display:block}.home-page .hero-name-track{will-change:auto;transform:none!important}.home-page .hero-name-period{color:inherit}.home-page .hero-name-copy~.hero-name-copy,.home-page .marquee-separator{display:none}.home-page .hero-summary{width:auto;max-width:none;padding:26px var(--gutter) 30px;background:var(--paper);color:var(--ink);text-shadow:none;grid-area:2/1;position:relative;inset:auto}.home-page .hero-asterisk{display:none}.home-page .hero-role{font-size:clamp(25px,6.4vw,34px);line-height:1.35}.home-page .hero-intro{max-width:38ch;color:var(--muted);margin-top:16px;font-size:14px}.home-page .hero-actions{flex-wrap:wrap;gap:6px 26px;display:flex}.home-page .hero-link{border-color:var(--line);min-height:44px;margin-top:16px;padding-block:10px;font-size:13px}.home-page .over-hero{color:#252722}.home-page.menu-open .over-hero{color:var(--ink)}.mobile-nav{overscroll-behavior:contain;border-top:1px solid var(--line);border-radius:0 0 20px 20px;max-height:calc(100svh - 88px);overflow-y:auto}.mobile-nav>a{padding-block:16px;font-size:clamp(22px,6vw,28px)}.hero-actions a,.mobile-nav>a,.menu-toggle{touch-action:manipulation}.no-script-nav{padding:12px var(--gutter);background:var(--paper);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px 20px;display:flex}.no-script-nav a{align-items:center;min-height:44px;display:inline-flex}.home-page .no-script-nav{padding-top:88px}a:active,button:active{opacity:.7}.page-title{text-wrap:balance;font-size:clamp(38px,11vw,49px)}.lang-zh .page-title{font-size:clamp(32px,9.3vw,42px)}.case-title-line h1{text-wrap:balance;font-size:clamp(34px,10vw,48px)}.article-page h1{text-wrap:balance;font-size:clamp(34px,10vw,40px)}.lang-zh .article-page h1{font-size:clamp(30px,9vw,35px)}.next-project>div{min-width:0}.next-project h2{overflow-wrap:anywhere;font-size:clamp(28px,8vw,38px)}input:not([type=radio],[type=checkbox],[type=range]),textarea,select,.demo-controls textarea,.cue-timing input,.theme-picker select{font-size:16px}.guide-option input{flex-shrink:0}}@media (width<=375px){.home-page .over-hero{background:var(--paper);color:var(--ink);position:relative}.home-page .hero{--portrait-stage:clamp(360px, 68svh, 440px)}.home-page .no-script-nav{padding-top:12px}}@media (width>=801px) and (width<=1000px) and (height<=540px){.home-page .hero{--portrait-stage:max(390px, 100svh);grid-template-columns:54% minmax(0,1fr);grid-template-rows:var(--portrait-stage)}.home-page .hero-art{width:54%}.home-page .hero-name{font-size:56px}.home-page .hero-summary{grid-area:1/2;align-self:center;padding-top:104px}.home-page .hero-role{font-size:24px}.home-page .hero-intro{font-size:13px}.home-page .hero-actions{gap:0 20px}}@media (width<=800px) and (prefers-reduced-motion:no-preference){.motion-reveal{transform:translateY(12px)}.motion-reveal.motion-visible{transition:opacity .28s,transform .4s cubic-bezier(.16,1,.3,1)}.section-heading.motion-visible .motion-line>span{transition-duration:.4s}.menu-open .mobile-nav{animation:.25s cubic-bezier(.16,1,.3,1) mobile-menu-enter}}@keyframes mobile-menu-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}