@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600&family=Noto+Sans+SC:wght@300;400;500;600&family=Noto+Serif+SC:wght@400;500;600&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xs:.75rem;--text-base:1rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.block{display:block}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#121416;--muted:#72777c;--line:#12141624;--silver:#c9cdd0;--paper:#f7f8f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1700px,100% - 96px);margin:auto}.section{padding:130px 0}.hero{background:#dfe5e7;height:100vh;min-height:760px;position:relative;overflow:hidden}.hero-video{object-fit:cover;filter:saturate(.25)contrast(.85)brightness(1.12);width:100%;height:100%;position:absolute;inset:0}.hero-wash{background:linear-gradient(105deg,#ffffffe8 5%,#ffffff94 48%,#dfe6e838 100%);position:absolute;inset:0}.nav{z-index:3;border-bottom:1px solid #14181a26;justify-content:space-between;align-items:center;height:108px;display:flex;position:relative}.logo{letter-spacing:-1px;align-items:center;gap:8px;font-size:18px;font-weight:900;display:flex}.logo span{border:2px solid;padding:7px 6px 5px}.logo i{background:#9da5a8;border-radius:50%;width:6px;height:6px}.nav-links{letter-spacing:.16em;gap:56px;font-size:13px;display:flex}.nav-links a{position:relative}.nav-links a:after{content:"";background:currentColor;height:1px;transition:all .3s;position:absolute;bottom:-8px;left:0;right:100%}.nav-links a:hover:after{right:0}.contact-pill{border:1px solid #00000038;border-radius:99px;padding:13px 18px 13px 22px;font-size:13px}.contact-pill b{margin-left:18px;font-size:17px}.hero-content{z-index:2;height:calc(100% - 108px);padding-top:12vh;position:relative}.eyebrow,.kicker{letter-spacing:.22em;font-size:12px;font-weight:600}.eyebrow{align-items:center;gap:12px;display:flex}.eyebrow span{background:#111;width:30px;height:1px}.hero h1{letter-spacing:-.075em;margin:5.5vh 0 0;font-size:clamp(64px,7.6vw,138px);font-weight:500;line-height:.98}.hero h1 em,.about h2 em,.work-title em,.strength-intro em,.footer h2 em{color:#7b8387;font-family:Georgia,Times New Roman,serif;font-weight:400}.hero-bottom{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:82px;left:0;right:0}.hero-bottom p{color:#41474a;font-size:14px;line-height:1.8}.scroll-cue{letter-spacing:.18em;font-size:10px}.scroll-cue span{border:1px solid #00000040;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-left:15px;font-size:18px;display:inline-flex}.hero-index{z-index:2;letter-spacing:.14em;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:20px;left:24px;right:24px}.section-head{border-bottom:1px solid var(--line);letter-spacing:.18em;justify-content:space-between;align-items:center;margin-bottom:75px;padding-bottom:20px;font-size:11px;display:flex}.section-head p{color:var(--muted);margin:0}.about-grid{grid-template-columns:minmax(340px,620px) 1fr;gap:9vw;display:grid}.portrait-wrap{background:#edf0f0;height:720px;position:relative;overflow:hidden}.portrait-wrap img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:all .7s}.portrait-tag{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);letter-spacing:.14em;background:#ffffffdb;padding:17px 20px;font-size:9px;line-height:1.5;position:absolute;bottom:24px;left:24px}.portrait-tag i{background:#8bff94;border-radius:50%;width:6px;height:6px;margin-left:20px;display:inline-block}.about-copy{padding-top:45px}.kicker{color:#7d8589}.about h2,.work-title h2,.strength-intro h2{letter-spacing:-.055em;margin:52px 0;font-size:clamp(44px,4.2vw,74px);font-weight:500;line-height:1.12}.bio-row{color:#666d70;grid-template-columns:1fr 1fr;gap:48px;max-width:770px;font-size:14px;line-height:1.9;display:grid}.contact-list{letter-spacing:.12em;text-underline-offset:7px;gap:40px;margin-top:65px;font-size:11px;text-decoration:underline;display:flex}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:105px;display:grid}.stats>div{border-right:1px solid var(--line);align-items:flex-end;gap:22px;padding:45px 3vw;display:flex}.stats>div:last-child{border:0}.stats strong{letter-spacing:-.06em;font-size:56px;font-weight:400}.stats sup{font-size:20px}.stats span{letter-spacing:.12em;color:#747a7d;font-size:9px;line-height:1.5}.work-title{justify-content:space-between;align-items:flex-end;margin-bottom:75px;display:flex}.work-title h2{margin:0}.work-title p,.strength-intro>p{letter-spacing:.15em;color:#777e81;font-size:10px;line-height:1.7}.project-grid{grid-template-columns:1fr 1fr;gap:80px 28px;display:grid}.project-image{background:#dfe3e4;height:620px;position:relative;overflow:hidden}.project:not(.project-wide) .project-image{height:700px}.project-image img{object-fit:cover;width:100%;height:100%;transition:all .7s}.project:hover img{transform:scale(1.03)}.view{text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:0;background:#ffffffe0;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;font-size:9px;line-height:1.6;transition:all .3s;display:flex;position:absolute;bottom:24px;right:24px;transform:scale(.8)}.project-meta{border-top:1px solid var(--line);grid-template-columns:45px 1fr auto;align-items:center;margin-top:15px;padding-top:18px;display:grid}.project-meta span,.project-meta p{letter-spacing:.14em;color:#767d80;font-size:9px}.project-meta h3{margin:0;font-size:20px;font-weight:500}.strength-intro{justify-content:space-between;align-items:flex-end;display:flex}.strength-intro h2{margin-top:0}.strength-grid{grid-template-columns:repeat(4,1fr);margin-top:80px;display:grid}.strength-grid article{border:1px solid var(--line);border-right:0;min-height:430px;padding:28px;transition:all .35s;position:relative}.strength-grid article:last-child{border-right:1px solid var(--line)}.strength-grid article:hover{background:#f5f6f6;transform:translateY(-8px)}.strength-grid article>span{color:#888;font-size:10px}.orb{background:radial-gradient(circle at 35% 30%,#fff 0,#dfe3e4 28%,#7b8488 70%,#303538 100%);border-radius:50%;width:95px;height:95px;margin:50px 0 60px;box-shadow:18px 20px 45px #2830332e}.strength-grid article:nth-child(2) .orb{background:linear-gradient(135deg,#fbfbfb,#8e999e);border-radius:18px}.strength-grid article:nth-child(3) .orb{background:conic-gradient(from 30deg,#24292c,#f7f8f8,#798287,#e8ebec,#24292c)}.strength-grid article:nth-child(4) .orb{background:radial-gradient(circle,#fff 8%,#adb5b8 9%,#fff 23%,#51595d 24%,#dfe3e4 48%,#23282b 50%,#fff)}.strength-grid h3{margin:0 0 18px;font-size:24px;font-weight:500}.strength-grid p{color:#747a7d;max-width:250px;font-size:13px;line-height:1.8}.strength-grid small{letter-spacing:.15em;color:#999;font-size:8px;position:absolute;bottom:24px}.footer{color:#f8f9f9;background:#111416;min-height:100vh;position:relative;overflow:hidden}.footer:after{content:"";opacity:.55;filter:blur(4px);background:radial-gradient(circle at 38% 35%,#bfc7ca,#4b5356 24%,#181c1e 60%,#111416 72%);border-radius:50%;width:800px;height:800px;position:absolute;top:-250px;right:-150px}.footer-inner{z-index:2;flex-direction:column;min-height:100vh;padding-top:14vh;display:flex;position:relative}.light{color:#aab0b2}.footer h2{letter-spacing:-.075em;margin:6vh 0;font-size:clamp(75px,8.5vw,155px);font-weight:500;line-height:.9}.mail-link{letter-spacing:.04em;border-bottom:1px solid #5f6669;width:fit-content;padding-bottom:18px;font-size:clamp(17px,1.7vw,28px)}.mail-link span{margin-left:35px}.footer-base{border-top:1px solid #3b4042;grid-template-columns:90px 1fr 1fr 1fr;align-items:end;margin-top:auto;padding:35px 0 45px;display:grid}.invert{color:#fff}.footer-base p{letter-spacing:.13em;color:#9ca3a5;margin:0;font-size:9px;line-height:1.7}.right{text-align:right}@media (width<=1000px){.shell{width:calc(100% - 40px)}.nav-links{display:none}.hero h1{font-size:60px}.about-grid{grid-template-columns:1fr}.portrait-wrap{height:600px}.stats{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr}.project-wide{grid-column:auto}.project-image,.project:not(.project-wide) .project-image{height:560px}.strength-grid{grid-template-columns:1fr 1fr}.strength-grid article:nth-child(2){border-right:1px solid var(--line)}.footer-base{grid-template-columns:80px 1fr 1fr}.footer-base .right{display:none}}@media (width<=650px){.section{padding:80px 0}.hero{min-height:700px}.hero h1{margin-top:12vh;font-size:46px}.hero-bottom{bottom:65px}.hero-bottom p{max-width:280px}.scroll-cue{display:none}.about h2,.work-title h2,.strength-intro h2{font-size:40px}.bio-row,.strength-grid{grid-template-columns:1fr}.stats>div{padding:25px 12px}.stats strong{font-size:40px}.project-meta{grid-template-columns:30px 1fr}.project-meta p{display:none}.strength-intro{display:block}.footer h2{font-size:64px}.footer-base{grid-template-columns:60px 1fr}.footer-base p:nth-of-type(2){display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:root{--mx:50vw;--my:50vh}.cursor-glow{z-index:20;left:var(--mx);top:var(--my);pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#ffffff38,#d2e1e614 38%,#0000 70%);border-radius:50%;width:420px;height:420px;transition:left .18s ease-out,top .18s ease-out;position:fixed;transform:translate(-50%,-50%)}.hero-video{transform:scale(1.025)}.hero-glass{-webkit-backdrop-filter:blur(28px)saturate(155%);pointer-events:none;background:linear-gradient(135deg,#ffffff4d,#ffffff0d);border:1px solid #ffffff8f;animation:10s ease-in-out infinite glassFloat;position:absolute;box-shadow:inset 0 1px #ffffffe6,0 40px 100px #2d3a401f}.glass-orb-one{width:360px;height:360px;translate:calc((var(--mx) - 50vw)*.018) calc((var(--my) - 50vh)*.018);border-radius:46% 54% 63% 37%/45% 36% 64% 55%;top:18%;right:8%}.glass-orb-two{border-radius:50%;width:170px;height:170px;animation-delay:-4s;bottom:9%;right:32%}.nav{border:1px solid #0000;padding:0 22px;transition:background .4s,border-color .4s,box-shadow .4s,width .4s,height .4s,border-radius .4s;position:fixed;top:18px;left:50%;transform:translate(-50%)}.is-scrolled .nav{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#ffffff9e;border-color:#fffc;border-radius:22px;width:min(1260px,100% - 32px);height:68px;box-shadow:0 14px 45px #1a262b1a,inset 0 1px #ffffffe6}.contact-pill,.portrait-tag,.view{-webkit-backdrop-filter:blur(22px)saturate(170%);box-shadow:inset 0 1px #fffc,0 12px 35px #1c272c14}.stats{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff94}.strength-grid article{-webkit-backdrop-filter:blur(20px)saturate(145%);backdrop-filter:blur(20px)saturate(145%);background:linear-gradient(145deg,#ffffffb8,#f2f5f64d);overflow:hidden;box-shadow:inset 1px 1px #ffffffd9}.strength-grid article:hover{background:#ffffffd1;box-shadow:0 30px 70px #2a33371c,inset 0 1px #fff}.project-image:after{content:"";background:linear-gradient(115deg,#0000 30%,#ffffff2e 48%,#0000 64%);transition:transform .9s;position:absolute;inset:0;transform:translate(-100%)}.project:hover .project-image:after{transform:translate(100%)}.reveal{opacity:0;filter:blur(8px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1),filter .9s;transform:translateY(38px)}.reveal.is-visible{opacity:1;filter:none;transform:none}@keyframes glassFloat{0%,to{rotate:0deg;scale:1}50%{rotate:5deg;scale:1.04}}@media (prefers-reduced-motion:reduce){.hero-glass{animation:none}.reveal{opacity:1;filter:none;transition:none;transform:none}.cursor-glow{display:none}}@media (width<=650px){.hero-glass{opacity:.55}.glass-orb-one{width:230px;height:230px;right:-80px}.glass-orb-two,.cursor-glow{display:none}.nav{top:8px}.is-scrolled .nav{height:60px}}:root{--font-display:"Instrument Serif","Noto Serif SC","Songti SC",serif;--font-body:"Inter","Noto Sans SC","PingFang SC",sans-serif}body{font-family:var(--font-body)}@keyframes fade-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-rise{animation:.8s ease-out both fade-rise}.animate-fade-rise-delay{animation:.8s ease-out .2s both fade-rise}.animate-fade-rise-delay-2{animation:.8s ease-out .4s both fade-rise}.hero{background:#fff;min-height:100vh}.cinematic-video{transition:opacity 40ms linear;filter:none!important;height:calc(100% - 300px)!important;inset:300px 0 0!important;transform:none!important}.cinematic-gradient{z-index:1;pointer-events:none;background:linear-gradient(#fff 0,#ffffff0a 47%,#fff 100%);position:absolute;inset:0}.cinematic-logo{font:400 30px/1 var(--font-display);letter-spacing:-.035em;color:#000}.cinematic-logo sup{font:500 8px/1 var(--font-body);vertical-align:top;margin-left:2px}.nav{max-width:1280px;z-index:10!important;border:0!important;height:88px!important;padding:24px 32px!important}.nav-links{gap:38px}.nav-links a{font:400 14px/1 var(--font-body);color:#6f6f6f;transition:color .25s}.nav-links a:hover,.nav-links .active{color:#000}.journey-nav,.journey-hero{color:#fff;background:#000;border-radius:999px;justify-content:center;align-items:center;transition:transform .3s,box-shadow .3s;display:inline-flex}.journey-nav{padding:10px 24px;font-size:14px}.journey-nav:hover,.journey-hero:hover{transform:scale(1.03);box-shadow:0 14px 35px #00000026}.is-scrolled .nav{border:1px solid #fffc!important;height:68px!important;padding:10px 22px!important}.cinematic-hero{z-index:10;text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:calc(8rem - 75px) 24px 160px;display:flex;position:relative}.cinematic-hero h1{max-width:1280px;font:400 clamp(48px,7vw,96px)/.95 var(--font-display);letter-spacing:-2.46px;color:#000;margin:8.5vh 0 0}.cinematic-hero h1 em{color:#6f6f6f;font-weight:400}.cinematic-hero>p{color:#6f6f6f;max-width:672px;margin:32px 0 0;font-size:clamp(16px,1.2vw,18px);line-height:1.65}.journey-hero{margin-top:48px;padding:20px 56px;font-size:16px}.cinematic-hero~*{z-index:2}@media (width<=800px){.nav{width:calc(100% - 24px)!important;padding:18px 12px!important}.nav-links{display:none}.cinematic-logo{font-size:26px}.cinematic-hero{padding-left:6px;padding-right:6px}.cinematic-hero h1{letter-spacing:-1.8px;font-size:clamp(52px,15vw,72px)}.cinematic-video{height:calc(100% - 260px)!important;top:260px!important}}@media (prefers-reduced-motion:reduce){.animate-fade-rise,.animate-fade-rise-delay,.animate-fade-rise-delay-2{animation:none}}.nav{pointer-events:auto}.nav a{pointer-events:auto;z-index:2;position:relative}.scroll-progress{z-index:100;transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#111,#8c969a);width:100%;height:2px;position:fixed;top:0;left:0;box-shadow:0 0 12px #0000002e}.nav-links a:after{bottom:-10px}.nav-links a.active:after{right:0}.nav-links a.active{color:#000}.back-top{z-index:40;color:#111;-webkit-backdrop-filter:blur(20px)saturate(170%);cursor:pointer;opacity:0;visibility:hidden;background:#ffffff9e;border:1px solid #ffffffbf;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:64px;height:64px;transition:opacity .35s,visibility .35s,transform .35s,background .3s;display:flex;position:fixed;bottom:28px;right:28px;transform:translateY(16px)scale(.88);box-shadow:0 15px 45px #161e221f,inset 0 1px #fff}.back-top.show{opacity:1;visibility:visible;transform:none}.back-top:hover{background:#ffffffe6;transform:translateY(-4px)}.back-top span{font-size:18px;line-height:1}.back-top small{letter-spacing:.08em;font-size:9px}.journey-nav,.journey-hero,.mail-link,.project{cursor:pointer}.journey-nav:active,.journey-hero:active{transform:scale(.98)}section,footer{scroll-margin-top:90px}@media (width<=650px){.back-top{width:52px;height:52px;bottom:16px;right:16px}.back-top small{display:none}}.hero .nav{isolation:isolate;z-index:60!important;pointer-events:auto!important}.hero .nav a,.hero .nav-links{z-index:2;position:relative;pointer-events:auto!important}.cinematic-hero{pointer-events:none}.cinematic-hero .journey-hero{pointer-events:auto}.project-filters{justify-content:flex-end;gap:10px;margin:-35px 0 45px;display:flex}.project-filters button{color:#777;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff8c;border:1px solid #00000024;border-radius:999px;padding:10px 18px;font-size:12px;transition:all .3s}.project-filters button:hover,.project-filters button.active{color:#fff;background:#111;border-color:#111}.project{animation:.55s both project-in}.project-image{border-radius:2px}.project-image:before{content:"";z-index:1;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff3}.project-meta h3{transition:letter-spacing .3s}.project:hover .project-meta h3{letter-spacing:.025em}@keyframes project-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (width<=650px){.project-filters{justify-content:flex-start;margin-top:-20px;padding-bottom:5px;overflow:auto}.project-filters button{white-space:nowrap}}.project-meta{grid-template-columns:45px minmax(0,1fr) auto;gap:0 22px}.project-meta small{color:#71787b;letter-spacing:.02em;grid-column:2/-1;max-width:680px;margin-top:10px;font-size:13px;line-height:1.75}.project:not(.project-wide) .project-meta small{max-width:520px}@media (width<=650px){.project-meta{grid-template-columns:30px 1fr}.project-meta small{grid-column:2;font-size:12px;line-height:1.7}}.work{background:linear-gradient(#f8fafb 0%,#f2f5f7 100%)}.work .shell{width:min(1240px,100% - 48px)}.work .section-head{margin-bottom:42px}.work-title{grid-template-columns:minmax(0,1fr) 270px;align-items:end;gap:48px;margin-bottom:34px;display:grid}.work-title h2{letter-spacing:-.065em!important;font-size:clamp(54px,5vw,82px)!important;line-height:1.03!important}.work-title>p{color:#687176;margin:0 0 10px;letter-spacing:.08em!important;font-size:12px!important;line-height:1.85!important}.project-filters{justify-content:flex-start;gap:8px;margin:0 0 32px}.project-filters button{background:#ffffffb3;border-color:#1c262d1f;padding:9px 15px;font-size:11px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.project-wide{grid-column:auto}.project{background:#ffffffbd;border:1px solid #19263017;border-radius:22px;min-width:0;transition:transform .42s cubic-bezier(.2,.75,.2,1),box-shadow .42s,border-color .42s;display:block;overflow:hidden;box-shadow:0 10px 32px #2335410b}.project:hover{border-color:#40648233;transform:translateY(-7px);box-shadow:0 25px 54px #2335411f}.project-image,.project:not(.project-wide) .project-image{aspect-ratio:1.31;background:#e8edf0;border-radius:0;height:auto}.project-image img{object-position:center;transition:transform .75s cubic-bezier(.2,.7,.2,1)}.project-meta{border:0;grid-template-columns:1fr auto;align-content:start;gap:8px 18px;min-height:169px;margin:0;padding:18px 20px 19px;display:grid}.project-meta span{letter-spacing:.08em;color:#78858d;grid-column:1;line-height:1.2;font-size:10px!important}.project-meta h3{letter-spacing:-.045em;grid-column:1;margin:2px 0 0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;font-weight:650;line-height:1.15;font-size:23px!important}.project-meta p{letter-spacing:.05em;text-align:right;color:#78858d;grid-area:1/2/3;align-self:start;margin:0;line-height:1.35;font-size:10px!important}.project-meta small,.project:not(.project-wide) .project-meta small{color:#68747b;grid-column:1/-1;max-width:none;margin:4px 0 0;line-height:1.65;font-size:12px!important}.view{z-index:3;color:#fff;opacity:1;background:#10191fe6;width:40px;height:40px;font-size:0;transition:transform .35s,background .35s;top:16px;bottom:auto;right:16px;transform:none;box-shadow:0 8px 22px #121b202e}.view:after{content:"↗";font-size:16px;line-height:1}.project:hover .view{background:#3c70a5;transform:translate(3px,-3px)scale(1.04)}@media (width<=760px){.work .shell{width:calc(100% - 32px)}.work-title{grid-template-columns:1fr;gap:14px}.work-title h2{font-size:48px!important}.project-grid{grid-template-columns:1fr;gap:18px}.project-meta{min-height:0}.project-meta h3{font-size:21px!important}}.project-controls{justify-content:space-between;align-items:center;gap:18px;margin:0 0 32px;display:flex}.project-controls .project-filters{flex-wrap:wrap;justify-content:flex-end;margin:0}.project-search{color:#6b7981;background:#ffffffb8;border:1px solid #1c262d1f;border-radius:999px;align-items:center;gap:10px;width:min(330px,100%);height:42px;padding:0 12px 0 15px;transition:border-color .25s,box-shadow .25s,background .25s;display:flex;box-shadow:inset 0 1px #ffffffe6}.project-search:focus-within{background:#fff;border-color:#487aa494;box-shadow:0 10px 26px #29485e1a,inset 0 1px #fff}.project-search>span{font-size:20px;line-height:1;transform:rotate(-20deg)}.project-search input{color:#26333b;min-width:0;font:400 12px var(--font-body);background:0 0;border:0;outline:0;flex:1}.project-search input::placeholder{color:#87939a}.project-search kbd{color:#7b878e;min-width:20px;height:20px;font:500 10px var(--font-body);background:#ffffffbf;border:1px solid #1c262d1f;border-radius:6px;place-items:center;display:grid}.project{transform-origin:bottom}.project:hover .project-meta small{color:#3f6f95}.project-grid:has(.project:hover) .project:not(:hover){opacity:.72;transform:scale(.985)}.project-empty{text-align:center;background:radial-gradient(circle at 50% 0,#a5cae333,#0000 48%),#ffffff94;border:1px solid #1c262d1a;border-radius:24px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:320px;padding:48px;display:flex;box-shadow:inset 0 1px #ffffffe6}.project-empty span{color:#17232b;letter-spacing:-.045em;font-size:clamp(24px,2vw,34px);font-weight:500}.project-empty p{color:#71808a;margin:10px 0 22px;font-size:13px}.project-empty button{color:#fff;font:500 12px var(--font-body);cursor:pointer;background:#17232b;border:1px solid #1c262d24;border-radius:999px;padding:10px 16px;transition:transform .25s,background .25s}.project-empty button:hover{background:#426f91;transform:translateY(-2px)}.project-empty button:focus-visible,.project-search input:focus-visible,.project-filters button:focus-visible{outline-offset:3px;outline:2px solid #7da9c8}@media (width<=760px){.project-controls{display:block}.project-search{width:100%;margin-bottom:12px}.project-controls .project-filters{justify-content:flex-start}}.work-title{grid-template-columns:minmax(0,1fr) minmax(420px,.9fr)!important;align-items:end!important;gap:clamp(44px,7vw,112px)!important;margin-bottom:38px!important}.work-aside{border-left:1px solid #2c414e29;align-self:end;gap:22px;padding:0 0 3px 28px;display:grid}.work-aside>p{color:#667780!important;letter-spacing:.025em!important;margin:0!important;font-size:14px!important;line-height:1.85!important}.work-aside>p b{color:#1a2b35;letter-spacing:-.04em;margin-right:7px;font-size:clamp(22px,1.7vw,28px);font-weight:500;display:inline-block}.work-aside .project-controls{grid-template-columns:minmax(190px,.78fr) 1.22fr;align-items:center;gap:14px;display:grid;margin:0!important}.work-aside .project-search{width:100%!important;height:46px!important}.work-aside .project-filters{justify-content:flex-start!important;gap:7px!important}.work-aside .project-filters button{align-items:center;gap:8px;display:inline-flex;padding:9px 11px 9px 13px!important;font-size:11px!important}.project-filters button small{color:#77848c;background:#1e2b3312;border-radius:999px;place-items:center;min-width:19px;height:19px;font-size:9px;line-height:1;transition:background .25s,color .25s;display:inline-grid}.project-filters button.active small{color:#fff;background:#ffffff29}.project-count{color:#829099;letter-spacing:.08em;justify-self:end;font-size:10px}@media (width<=940px){.work-title{grid-template-columns:1fr!important;gap:26px!important}.work-aside{border-top:1px solid #2c414e24;border-left:0;padding:20px 0 0}.work-aside .project-controls{grid-template-columns:minmax(230px,.75fr) 1fr}}@media (width<=620px){.work-aside .project-controls{grid-template-columns:1fr}.work-aside .project-filters{justify-content:flex-start!important}}.project-grid{view-transition-name:project-archive}.project-grid .project{animation:.56s cubic-bezier(.2,.75,.2,1) both archive-card-in}.project-grid .project:nth-child(2){animation-delay:55ms}.project-grid .project:nth-child(3){animation-delay:.11s}.project-grid .project:nth-child(4){animation-delay:.165s}.project-grid .project:nth-child(5){animation-delay:.22s}.project-grid .project:nth-child(6){animation-delay:.275s}@keyframes archive-card-in{0%{opacity:0;filter:blur(2px);transform:translateY(18px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}::view-transition-old(project-archive){animation:.2s both archive-out}::view-transition-new(project-archive){animation:.42s cubic-bezier(.2,.75,.2,1) both archive-in}@keyframes archive-out{to{opacity:0;filter:blur(3px);transform:translateY(-10px)}}@keyframes archive-in{0%{opacity:0;filter:blur(3px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:none}}@media (prefers-reduced-motion:reduce){.project-grid .project{animation:none!important}::view-transition-old(project-archive){animation:none!important}::view-transition-new(project-archive){animation:none!important}}.project{background:#ffffff70;border:1px solid #1f2a301f;padding:10px;transition:opacity .38s,transform .38s,border-color .38s,box-shadow .38s;position:relative}.project:hover{border-color:#1f2a303d;box-shadow:0 22px 58px #23303714}.project-image{isolation:isolate}.frame-corner{z-index:5;pointer-events:none;border-style:solid;border-color:#141d2285;width:8px;height:8px;transition:width .3s,height .3s,border-color .3s;position:absolute}.corner-tl{border-width:1px 0 0 1px;top:-1px;left:-1px}.corner-tr{border-width:1px 1px 0 0;top:-1px;right:-1px}.corner-bl{border-width:0 0 1px 1px;bottom:-1px;left:-1px}.corner-br{border-width:0 1px 1px 0;bottom:-1px;right:-1px}.project:hover .frame-corner{border-color:#11191e;width:16px;height:16px}.project .view{z-index:3;-webkit-backdrop-filter:blur(18px)grayscale(.85);text-align:left;color:#152028;opacity:0;background:#f4f8f9b8;border:0;border-radius:0;grid-template-rows:auto 1fr auto;align-items:start;width:auto;height:auto;padding:30px;transition:opacity .35s;display:grid;inset:0;transform:none}.project .view small{letter-spacing:.14em;color:#64727b;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:9px}.project .view b{font-family:var(--font-body);letter-spacing:-.06em;align-self:center;font-size:clamp(24px,2.6vw,42px);font-weight:600;line-height:1.05}.project .view em{letter-spacing:.1em;place-self:end;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:10px;font-style:normal}.project:hover .view{opacity:1;transform:none}.project-meta{border-top:0;grid-template-columns:52px 1fr auto;margin:0;padding:18px 8px 8px}.project-meta>span,.project-meta>p{letter-spacing:.1em;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:9px}.project-meta>span:before{content:"["}.project-meta>span:after{content:"]"}.project-filters{-webkit-backdrop-filter:blur(16px);background:#ffffff7a;border:1px solid #161f2421;gap:0}.project-filters button{letter-spacing:.04em;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-right:1px solid #161f241c;border-radius:0;padding:12px 16px;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:10px}.project-filters button:last-child{border-right:0}.project-filters button:hover{color:#111;background:#181f2312}.project-filters button.active{color:#fff;background:#172027}@media (width<=760px){.project{padding:7px}.project .view{display:none}.project-filters{width:max-content}.project-meta{padding:14px 4px 5px}}:root{--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:18px;--title-sm:clamp(32px,3vw,50px);--title-md:clamp(46px,4.8vw,78px);--title-xl:clamp(64px,7.4vw,118px)}body{letter-spacing:.01em;font-weight:400}.cinematic-hero h1{font-family:var(--font-display)!important;font-size:var(--title-xl)!important;letter-spacing:-.055em!important;max-width:1250px!important;line-height:1.02!important}.cinematic-hero>p{max-width:640px!important;font-size:16px!important;line-height:1.85!important}.about h2,.work-title h2,.strength-intro h2{font-family:var(--font-display);font-size:var(--title-md)!important;letter-spacing:-.045em!important;line-height:1.18!important}.section-head{font-size:var(--text-xs);margin-bottom:64px}.bio-row{font-size:var(--text-base);line-height:2}.strength-intro>p,.work-title>p{font-size:var(--text-xs);line-height:1.9}.project-meta h3{font-family:Noto Sans SC,sans-serif;font-size:19px;font-weight:500}.strength-grid h3{font-family:Noto Sans SC,sans-serif;font-size:25px!important}.strength-grid article>p{font-size:14px;line-height:1.85}.footer h2{font-family:var(--font-display);font-size:clamp(64px,7.5vw,124px)!important;line-height:.98!important}.detail-hero h1{font-family:var(--font-display);font-size:clamp(62px,8vw,138px)!important;line-height:.98!important}.detail-hero>p{max-width:650px!important;font-size:16px!important}.detail-story h2{font-size:clamp(42px,4.2vw,68px)!important;line-height:1.15!important}.menu-toggle{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:42px;height:42px;display:none}.menu-toggle i{background:#111;width:20px;height:1px;transition:all .3s;display:block}.menu-toggle.open i:first-child{transform:translateY(3.5px)rotate(45deg)}.menu-toggle.open i:last-child{transform:translateY(-3.5px)rotate(-45deg)}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline-offset:4px;outline:2px solid #111}@media (width<=900px){.cinematic-hero h1{font-size:clamp(50px,12vw,78px)!important}.section{padding-top:100px!important;padding-bottom:100px!important}.menu-toggle{z-index:4;display:flex;position:relative}.journey-nav{display:none!important}.nav-links{z-index:3;-webkit-backdrop-filter:blur(28px)saturate(180%);backdrop-filter:blur(28px)saturate(180%);opacity:0;visibility:hidden;background:#ffffffeb;border:1px solid #ffffffe6;border-radius:22px;flex-direction:column;align-items:flex-start;padding:28px;transition:all .35s;position:fixed;top:82px;left:12px;right:12px;transform:translateY(-12px);box-shadow:0 25px 70px #141c2024;gap:0!important;display:flex!important}.nav-links.menu-open{opacity:1;visibility:visible;transform:none}.nav-links a{border-bottom:1px solid #00000014;width:100%;padding:16px 4px;font-size:16px!important}.nav-links a:last-child{border:0}.nav-links a:after{display:none}}@media (width<=650px){.cinematic-hero h1{letter-spacing:-.04em!important;font-size:clamp(46px,13vw,64px)!important;line-height:1.08!important}.cinematic-hero>p{font-size:14px!important;line-height:1.8!important}.about h2,.work-title h2,.strength-intro h2{font-size:38px!important;line-height:1.22!important}.footer h2{font-size:54px!important}.section-head{margin-bottom:48px}.bio-row{font-size:14px}.project-meta h3{font-size:17px}}.section-head,.detail-label{font-size:12px!important}.kicker,.eyebrow{font-size:13px!important}.work-title>p,.strength-intro>p,.process-heading>span,.capability-tools>span{line-height:1.8;font-size:12px!important}.project-meta span,.project-meta p{font-size:11px!important}.stats span{font-size:11px!important;line-height:1.65!important}.cap-type{font-size:11px!important}.cap-tags b,.capability-tools b{font-size:12px!important}.strength-grid small{font-size:11px}.footer-base p{font-size:11px!important}.design-process{gap:70px;grid-template-columns:minmax(440px,1.05fr) minmax(0,2.95fr)!important}.process-heading h3{white-space:nowrap;letter-spacing:-.045em!important;font-size:clamp(44px,3.5vw,60px)!important;line-height:1.18!important}.design-process li{min-height:106px;grid-template-columns:72px minmax(150px,.8fr) minmax(300px,1.5fr)!important;padding:26px 18px!important}.design-process li i{font-size:12px!important}.design-process li b{font-size:20px!important}.design-process li p{font-size:14px!important;line-height:1.7!important}.capability-tools{gap:40px;grid-template-columns:minmax(260px,1fr) 3fr!important}.detail-info small,.detail-story>span{font-size:12px!important}.detail-info p,.detail-story p{font-size:15px!important}.detail-next>p{font-size:12px!important}@media (width<=1250px){.design-process{gap:45px;grid-template-columns:340px 1fr!important}.process-heading h3{font-size:46px!important}.design-process li{grid-template-columns:55px 140px 1fr!important}}@media (width<=900px){.design-process{grid-template-columns:1fr!important}.process-heading h3{white-space:normal;max-width:600px}.capability-tools{grid-template-columns:1fr!important}.design-process li{grid-template-columns:55px 150px 1fr!important}}@media (width<=650px){.process-heading h3{font-size:38px!important;line-height:1.22!important}.design-process li{gap:8px 12px;min-height:0;grid-template-columns:38px 1fr!important;padding:22px 4px!important}.design-process li p{grid-column:2!important;font-size:13px!important}.design-process li b{font-size:17px!important}.section-head{font-size:11px!important}.footer-base p{font-size:9px!important}}html,body{overflow-x:hidden}@media (width<=900px){.nav-links{position:absolute!important;top:calc(100% + 10px)!important;left:0!important;right:0!important}}@media (width<=650px){.glass-orb-one{right:-120px!important}.nav-links{left:0!important;right:0!important}}.reveal{filter:blur(2px)!important;transition-duration:.72s!important;transform:translateY(22px)!important}.reveal.is-visible{filter:none!important;transform:none!important}@media (width>=901px){.hero{height:min(900px,100svh)!important;min-height:720px!important}.cinematic-video{height:calc(100% - 190px)!important;top:190px!important}.cinematic-gradient{background:linear-gradient(#fff 0,#fff3 38%,#f6f9fa57 70%,#fff 100%)!important}.cinematic-hero{height:100%!important;min-height:100%!important;padding:clamp(118px,15vh,154px) 24px 88px!important}.cinematic-hero h1{max-width:1180px!important;margin:0!important}.cinematic-hero>p{margin-top:26px!important}.journey-hero{margin-top:34px!important;padding:17px 48px!important}.about.section{padding-top:104px!important;padding-bottom:108px!important}.about .section-head{margin-bottom:54px!important}.about-grid{gap:clamp(70px,7vw,118px)!important}.portrait-wrap{height:620px!important}.about-copy{padding-top:18px!important}.about h2{margin:34px 0!important}.contact-list{margin-top:38px!important}.stats{margin-top:64px!important}.stats>div{padding-top:34px!important;padding-bottom:34px!important}.strengths.section{padding-top:104px!important;padding-bottom:108px!important}.strengths .section-head{margin-bottom:54px!important}.strength-grid{margin-top:58px!important}.strength-grid article{min-height:410px!important}.strength-grid .orb{margin:30px 0 32px!important}.capability-detail{margin-top:82px!important}.design-process{padding-top:78px!important;padding-bottom:8px!important}}@media (prefers-reduced-motion:reduce){.reveal{filter:none!important;transition:none!important;transform:none!important}}.skip-link{z-index:200;color:#fff;background:#111;border-radius:999px;padding:11px 18px;font-size:13px;transition:transform .2s;position:fixed;top:12px;left:50%;transform:translate(-50%,-160%)}.skip-link:focus{transform:translate(-50%)}.not-found-page{color:#12202a;background:radial-gradient(circle at 82% 16%,#99c2de47,#0000 30%),linear-gradient(145deg,#fff 0%,#f2f7fa 100%);min-height:100vh;padding:28px clamp(24px,5vw,86px)}.not-found-nav{border-bottom:1px solid #192e3c1f;justify-content:space-between;align-items:center;width:min(1500px,100%);height:76px;margin:0 auto;display:flex}.not-found-nav>a:last-child{color:#5f707b;font-size:13px}.not-found-page>section{flex-direction:column;justify-content:center;width:min(1500px,100%);min-height:calc(100vh - 132px);margin:0 auto;padding:80px 0;display:flex}.not-found-page>section>span{letter-spacing:.15em;color:#718692;font-size:12px}.not-found-page h1{max-width:1100px;font:400 clamp(58px,7.5vw,132px)/.98 var(--font-display);letter-spacing:-.06em;margin:30px 0 24px}.not-found-page h1 em{color:#7da5bf;font-weight:400}.not-found-page>section>p{color:#687984;margin:0;font-size:15px;line-height:1.8}.not-found-page>section>div{gap:12px;margin-top:42px;display:flex}.not-found-page>section>div a{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff9e;border:1px solid #192e3c24;border-radius:999px;padding:14px 22px;font-size:13px;transition:transform .25s,background .25s}.not-found-page>section>div a:first-child{color:#fff;background:#13222c}.not-found-page>section>div a:hover{transform:translateY(-3px)}@media (width<=650px){.not-found-page{padding:16px 20px}.not-found-page h1{font-size:52px}.not-found-page>section>div{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skip-link,.not-found-page>section>div a{transition:none!important}}.detail-breakdown{width:min(1500px,100% - 96px);margin:auto;padding:30px 0 130px}.breakdown-title{grid-template-columns:1fr 3fr;padding-bottom:70px;display:grid}.breakdown-title>span,.breakdown-board small{letter-spacing:.15em;color:#858c8f;font-size:11px}.breakdown-title h2{font:400 clamp(42px,4.3vw,70px)/1.08 var(--font-display);letter-spacing:-.045em;margin:0}.breakdown-board{background:#ffffff8c;border:1px solid #00000024;grid-template-columns:1.15fr 1fr 1.4fr;min-height:460px;display:grid}.breakdown-board>div{border-right:1px solid #00000024;flex-direction:column;padding:34px;display:flex;overflow:hidden}.breakdown-board>div:last-child{border:0}.breakdown-board p{color:#737a7d;margin-top:auto;font-size:13px;line-height:1.8}.breakdown-type strong{font:400 clamp(70px,8vw,130px)/1 var(--font-display);letter-spacing:-.08em;margin:auto 0}.breakdown-color>div{flex:1;justify-content:center;align-items:center;display:flex}.breakdown-color i{background:#101315;border:5px solid #fff;border-radius:50%;width:70px;height:70px;margin-left:-18px;box-shadow:0 12px 35px #0000001a}.breakdown-color i:nth-child(2){background:#d8dddf}.breakdown-color i:nth-child(3){background:#f7f7f3}.breakdown-color i:nth-child(4){background:#6475ed}.breakdown-system{grid-template-rows:auto 1fr auto;grid-template-columns:repeat(3,1fr);display:grid!important}.breakdown-system small{grid-column:1/-1}.breakdown-system b{font:400 clamp(42px,5vw,80px) var(--font-display);color:#a5abad;align-self:center}.breakdown-system b:nth-of-type(2){color:#555d61}.breakdown-system b:nth-of-type(3){color:#111}.breakdown-system p{grid-column:1/-1}@media (width<=800px){.breakdown-title{grid-template-columns:1fr;gap:30px}.breakdown-board{grid-template-columns:1fr}.breakdown-board>div{border-bottom:1px solid #00000024;border-right:0;min-height:340px}.detail-breakdown{width:calc(100% - 40px);padding-bottom:80px}}.breakdown-system b{flex-direction:column;gap:10px;line-height:1;display:flex}.breakdown-system b em{font:500 12px/1.4 var(--font-body);color:#737a7d;letter-spacing:.08em;font-style:normal}.breakdown-02 .breakdown-system b:nth-of-type(3),.breakdown-03 .breakdown-system b:nth-of-type(2),.breakdown-04 .breakdown-system b:nth-of-type(3),.breakdown-05 .breakdown-system b:nth-of-type(2),.breakdown-06 .breakdown-system b:nth-of-type(2){color:#111}.breakdown-03 .breakdown-system b:nth-of-type(3){color:#ff6f61}.breakdown-04 .breakdown-system b:nth-of-type(2){color:#b71f2a}.breakdown-05 .breakdown-system b:nth-of-type(3){color:#b28a52}.breakdown-06 .breakdown-system b:nth-of-type(3){color:#8a7bff}.breakdown-02 .breakdown-color i{box-shadow:0 16px 42px #212c361f}.breakdown-02 .breakdown-color i:first-child,.breakdown-02 .breakdown-color i:nth-child(2){border-color:#fff}.breakdown-02 .breakdown-system b:nth-of-type(2){color:#667078}.breakdown-02 .breakdown-system b:nth-of-type(3){color:#3157ff}.breakdown-motif{opacity:.88;height:58px;margin:24px 0 4px;position:relative;overflow:hidden}.breakdown-motif:before,.breakdown-motif:after{content:"";pointer-events:none;position:absolute;inset:0}.breakdown-type strong{z-index:1;position:relative;margin-top:0!important}.breakdown-signature{width:100%;height:72px;margin:18px 0 8px;display:block;position:relative;overflow:hidden}.breakdown-signature i{box-sizing:border-box;display:block;position:absolute}.breakdown-01 .breakdown-signature i:nth-child(2){background:linear-gradient(135deg,#ffffffb8,#96c4e229);border:1px solid #6576e670;border-radius:50%;width:62px;height:62px;top:3px;left:37%}.breakdown-01 .breakdown-signature i:nth-child(3){background:#ffffff3d;border:1px solid #566c8059;width:31px;height:52px;top:11px;right:13%;transform:skewY(-10deg)}.breakdown-02 .breakdown-signature i:first-child{border-bottom:36px solid #1c2024;border-right:22px solid #0000;width:0;height:0;top:17px;left:25%;transform:skew(-8deg)}.breakdown-02 .breakdown-signature i:nth-child(2){background:#22272b;border-radius:50%;width:26px;height:26px;top:19px;left:48%;box-shadow:34px 18px 0 -1px #f8fafb,34px 18px 0 1px #22272b}.breakdown-02 .breakdown-signature i:nth-child(3){background:#3157ff;border-radius:99px;width:4px;height:55px;top:9px;right:18%;box-shadow:-94px 18px 0 -1px #3157ff6b}.breakdown-03 .breakdown-signature{background:linear-gradient(90deg,#15191e 0 25%,#f7f8f7 25% 57%,#2367ff 57% 78%,#fff 78%);border:1px solid #11273a29;border-radius:5px}.breakdown-03 .breakdown-signature i:first-child{background:linear-gradient(135deg,#0e1720,#bfc7cc);width:37px;height:37px;top:11px;left:30%;box-shadow:48px 17px #ec715e}.breakdown-03 .breakdown-signature i:nth-child(2){border-left:1px solid #2367ff;border-right:1px solid #2367ff;width:18px;height:44px;top:12px;right:8%}.breakdown-03 .breakdown-signature i:nth-child(3){background:#ec715e;width:12px;height:2px;bottom:12px;left:8%;box-shadow:18px 0 #ec715e,36px 0 #ec715e}.breakdown-04 .breakdown-signature{opacity:.95;background:linear-gradient(90deg,#0000 0 46%,#b71f2a 46% 54%,#0000 54%)}.breakdown-04 .breakdown-signature i:first-child{border:9px solid #1b1b1a;border-right-color:#0000;border-radius:50%;width:61px;height:61px;top:4px;left:12%;transform:rotate(-25deg)}.breakdown-04 .breakdown-signature i:nth-child(2){background:#b71f2a;border-radius:50%;width:34px;height:34px;top:9px;right:13%;box-shadow:-127px 14px 0 -12px #1b1b1a}.breakdown-04 .breakdown-signature i:nth-child(3){background:#1b1b1a;width:26%;height:1px;bottom:10px;left:4%;box-shadow:0 8px #1b1b1a57}.breakdown-05 .breakdown-signature i:first-child{background:#183f2b;border-radius:100% 0;width:25px;height:38px;top:11px;left:27%;transform:rotate(-43deg);box-shadow:25px 3px #183f2b}.breakdown-05 .breakdown-signature i:nth-child(2){background:#b28a52;border-radius:50%;width:9px;height:9px;top:42px;left:47%}.breakdown-05 .breakdown-signature i:nth-child(3){border-top:1px solid #183f2b73;border-radius:50%;width:97px;height:43px;top:11px;right:12%;transform:rotate(-16deg);box-shadow:0 8px 0 -1px #183f2b4d,0 16px 0 -2px #183f2b2e}.breakdown-06 .breakdown-signature i:first-child{border:8px solid #bcc0c8;border-color:#bcc0c8 #bcc0c8 #4e438f #8a7bff;border-radius:50%;width:61px;height:61px;top:4px;left:26%;transform:rotate(-35deg)}.breakdown-06 .breakdown-signature i:nth-child(2){border:1px solid #8a7bffbf;border-radius:50%;width:74px;height:42px;top:12px;left:42%;transform:rotate(20deg);box-shadow:0 0 19px #8a7bff57}.breakdown-06 .breakdown-signature i:nth-child(3){background:linear-gradient(#0000,#8a7bff,#0000);width:1px;height:63px;top:5px;right:16%;box-shadow:-10px 5px 14px #8a7bffb3,10px -4px 14px #8a7bff61}.palette-labels{grid-template-columns:repeat(4,1fr);gap:5px;width:min(280px,100%);margin:3px auto 16px;display:grid}.palette-labels span{color:#73808a;letter-spacing:.04em;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.breakdown-01 .breakdown-color i:first-child{background:#22282f}.breakdown-01 .breakdown-color i:nth-child(2){background:#8fbce5}.breakdown-01 .breakdown-color i:nth-child(3){background:#f4f7f8}.breakdown-01 .breakdown-color i:nth-child(4){background:#c9d2d8}.breakdown-02 .breakdown-color i:first-child{background:#f8fafb}.breakdown-02 .breakdown-color i:nth-child(2){background:#d7dde1}.breakdown-02 .breakdown-color i:nth-child(3){background:#101214}.breakdown-02 .breakdown-color i:nth-child(4){background:#3157ff}.breakdown-03 .breakdown-color i:first-child{background:#f1eee4}.breakdown-03 .breakdown-color i:nth-child(2){background:#244a35}.breakdown-03 .breakdown-color i:nth-child(3){background:#b79a62}.breakdown-03 .breakdown-color i:nth-child(4){background:#cfd5cb}.breakdown-04 .breakdown-color i:first-child{background:#20262d}.breakdown-04 .breakdown-color i:nth-child(2){background:#cdd6dc}.breakdown-04 .breakdown-color i:nth-child(3){background:#f5f7f7}.breakdown-04 .breakdown-color i:nth-child(4){background:#7ba9d9}.breakdown-05 .breakdown-color i:first-child{background:#f8fafb}.breakdown-05 .breakdown-color i:nth-child(2){background:#d7dde1}.breakdown-05 .breakdown-color i:nth-child(3){background:#101214}.breakdown-05 .breakdown-color i:nth-child(4){background:#3157ff}.breakdown-06 .breakdown-color i:first-child{background:#0d1b31}.breakdown-06 .breakdown-color i:nth-child(2){background:#2367ff}.breakdown-06 .breakdown-color i:nth-child(3){background:#ff6f61}.breakdown-06 .breakdown-color i:nth-child(4){background:#f4f1ea}.breakdown-07 .breakdown-color i:first-child{background:#171717}.breakdown-07 .breakdown-color i:nth-child(2){background:#eee8dc}.breakdown-07 .breakdown-color i:nth-child(3){background:#b71f2a}.breakdown-07 .breakdown-color i:nth-child(4){background:#77716b}.breakdown-08 .breakdown-color i:first-child{background:#f3eee2}.breakdown-08 .breakdown-color i:nth-child(2){background:#5d8058}.breakdown-08 .breakdown-color i:nth-child(3){background:#183f2b}.breakdown-08 .breakdown-color i:nth-child(4){background:#a79a89}.breakdown-09 .breakdown-color i:first-child{background:#07080d}.breakdown-09 .breakdown-color i:nth-child(2){background:#8a7bff}.breakdown-09 .breakdown-color i:nth-child(3){background:#d7d4cc}.breakdown-09 .breakdown-color i:nth-child(4){background:#6d7787}.breakdown-01 .breakdown-motif:before{border:1px solid #6576e66b;border-radius:50%;width:78%;left:8%;right:auto;transform:rotate(-14deg)scaleY(.34)}.breakdown-01 .breakdown-motif:after{filter:blur(.2px);background:radial-gradient(circle at 35% 30%,#fffffff2,#8ca3ec33 54%,#0000 55%);border-radius:50%;width:72px;height:72px;top:11px;left:31%}.breakdown-02 .breakdown-motif{background:linear-gradient(90deg,#0000 0 10%,#3157ff2e 10% 10.5%,#0000 10.5% 47%,#1012143d 47% 47.5%,#0000 47.5% 90%,#3157ff2e 90% 90.5%,#0000 90.5%)}.breakdown-02 .breakdown-motif:before{border:1px solid #1b2d3d47;inset:8px 14%}.breakdown-02 .breakdown-motif:after{background:#3157ff;border-radius:50%;width:8px;height:8px;top:27px;left:50%;box-shadow:-110px 0 #11141680,110px 0 #3157ff73}.breakdown-03 .breakdown-motif{background:repeating-linear-gradient(90deg,#2367ff21 0 22%,#0000 22% 25%),linear-gradient(135deg,#ec715e3d,#0000 62%);border-radius:14px}.breakdown-03 .breakdown-motif:before{background:#2367ff;width:1px;left:18%;box-shadow:34px 0 #2367ff73,68px 0 #ec715eb3,102px 0 #2367ff59,136px 0 #ec715e80}.breakdown-04 .breakdown-motif:before{background:#b71f2a;width:1px;left:12%;box-shadow:30px 0 #b71f2a8c,60px 0 #b71f2a40,90px 0 #b71f2a8c,120px 0 #b71f2a33}.breakdown-04 .breakdown-motif:after{background:repeating-radial-gradient(circle,#fff0 0 4px,#1111111a 5px 6px);border:1px solid #1111114d;border-radius:50%;width:48px;height:48px;inset:4px 2% auto auto}.breakdown-05 .breakdown-motif:before{border:1px solid #183f2b61;border-radius:100% 0;width:138px;height:48px;left:14%;transform:rotate(-22deg)}.breakdown-05 .breakdown-motif:after{background:#b28a52;width:1px;height:55px;top:6px;left:35%;transform:rotate(26deg);box-shadow:22px 0 #183f2b57,44px 0 #183f2b2e}.breakdown-06 .breakdown-motif:before{border:1px solid #8a7bff8f;border-radius:50%;width:145px;height:48px;left:18%;transform:rotate(-12deg);box-shadow:0 0 24px #8a7bff2e}.breakdown-06 .breakdown-motif:after{background:linear-gradient(#0000,#8a7bff,#0000);width:1px;height:110px;top:-25px;left:43%;transform:rotate(50deg);box-shadow:20px 0 #8a7bff6b,40px 0 #8a7bff3d}@media (width<=760px){.breakdown-motif{height:46px;margin-top:18px}.palette-labels{width:min(250px,100%)}.palette-labels span{font-size:8px}}.detail-breakdown .breakdown-signature{opacity:1;background:0 0;border:0}.detail-breakdown .breakdown-signature>i{all:unset;box-sizing:border-box;display:block;position:absolute}.breakdown-01 .breakdown-signature i:first-child{border:2px solid #8fbce5;border-radius:50%;width:76%;height:38px;top:16px;left:8%;transform:rotate(-9deg)scaleY(.55)}.breakdown-01 .breakdown-signature i:nth-child(2){background:radial-gradient(circle at 32% 25%,#fff 0 8%,#c9e4f4 35%,#8fbce529 68%,#0000 70%);border:1px solid #22282f40;border-radius:50%;width:62px;height:62px;top:4px;left:39%;box-shadow:0 12px 28px #4f8bb538}.breakdown-01 .breakdown-signature i:nth-child(3){background:linear-gradient(90deg,#0000,#22282f 45%,#0000);width:30%;height:2px;top:34px;right:8%}.breakdown-02 .breakdown-signature i:first-child{clip-path:polygon(0 0,100% 38%,100% 62%,0 100%);background:linear-gradient(12deg,#0000 46%,#111 47% 50%,#0000 51%),linear-gradient(-12deg,#0000 46%,#cbd2d7 47% 50%,#0000 51%);width:56%;height:48px;top:11px;left:12%}.breakdown-02 .breakdown-signature i:nth-child(2){background:#3157ff;border-radius:50%;width:35px;height:35px;top:19px;right:18%;box-shadow:0 0 0 9px #3157ff1a}.breakdown-02 .breakdown-signature i:nth-child(3){background:#3157ff;width:26%;height:1px;top:35px;right:8%}.breakdown-03 .breakdown-signature i:first-child{background:#244a35;border-radius:100% 0;width:28px;height:42px;top:10px;left:30%;transform:rotate(-42deg);box-shadow:28px 2px #5d8058}.breakdown-03 .breakdown-signature i:nth-child(2){background:#b79a62;border-radius:50%;width:10px;height:10px;top:43px;left:50%}.breakdown-03 .breakdown-signature i:nth-child(3){background:linear-gradient(90deg,#0000,#244a35 18% 82%,#0000);height:1px;bottom:7px;left:12%;right:12%}.breakdown-04 .breakdown-signature i:first-child{border:1px solid #6b8fd6b3;border-radius:50%;width:62px;height:62px;top:5px;left:17%;box-shadow:38px 0 0 -12px #cdd6dc99}.breakdown-04 .breakdown-signature i:nth-child(2){background:linear-gradient(135deg,#ffffffd9,#7ba9d921);border:1px solid #20262d40;border-radius:50%;width:78px;height:45px;top:14px;left:44%;transform:rotate(18deg)}.breakdown-04 .breakdown-signature i:nth-child(3){background:#ffffff59;border:1px solid #6b8fd659;width:34px;height:56px;top:8px;right:12%;transform:skewY(-12deg)}.breakdown-05 .breakdown-signature i:first-child{border-bottom:37px solid #101214;border-right:23px solid #0000;width:0;height:0;top:17px;left:24%}.breakdown-05 .breakdown-signature i:nth-child(2){background:#101214;border-radius:50%;width:27px;height:27px;top:19px;left:47%;box-shadow:35px 18px 0 -1px #fff,35px 18px 0 1px #101214}.breakdown-05 .breakdown-signature i:nth-child(3){background:#3157ff;border-radius:8px;width:4px;height:56px;top:8px;right:15%;box-shadow:-112px 22px 0 -1px #3157ff59}.breakdown-06 .breakdown-signature i:first-child{background:linear-gradient(90deg,#2367ff 0 28%,#fff 28%);border:2px solid #0d1b31;border-radius:5px;width:42%;height:54px;top:9px;left:10%}.breakdown-06 .breakdown-signature i:nth-child(2){background:linear-gradient(#fff 0 65%,#ff6f61 65%);border:2px solid #2367ff;border-radius:4px;width:28px;height:44px;top:17px;left:58%}.breakdown-06 .breakdown-signature i:nth-child(3){background:#f4f1ea;border:2px solid #0d1b31;width:32px;height:32px;top:25px;right:8%;box-shadow:-78px 6px 0 -15px #ff6f61}.breakdown-07 .breakdown-signature{background:linear-gradient(90deg,#0000 0 49%,#b71f2a 49% 51%,#0000 51%)}.breakdown-07 .breakdown-signature i:first-child{clip-path:polygon(0 100%,0 45%,25% 25%,42% 52%,64% 10%,100% 42%,100% 100%);background:#171717;width:58px;height:48px;top:8px;left:10%}.breakdown-07 .breakdown-signature i:nth-child(2){border:7px solid #77716b;border-right-color:#0000;border-radius:50%;width:38px;height:38px;top:12px;right:17%;transform:rotate(-28deg)}.breakdown-07 .breakdown-signature i:nth-child(3){background:linear-gradient(90deg,#171717 0 30%,#0000 30% 68%,#b71f2a 68%);height:1px;bottom:7px;left:6%;right:6%}.breakdown-08 .breakdown-signature i:first-child{background:#183f2b;border-radius:100% 0;width:25px;height:40px;top:10px;left:23%;transform:rotate(-40deg);box-shadow:25px 2px #5d8058,50px 4px #183f2b}.breakdown-08 .breakdown-signature i:nth-child(2){border-top:1px solid #183f2b80;border-radius:50%;width:100px;height:38px;top:14px;right:12%;transform:rotate(-12deg);box-shadow:0 8px 0 -1px #183f2b4d,0 16px 0 -2px #183f2b29}.breakdown-08 .breakdown-signature i:nth-child(3){background:#a79a89;width:22%;height:1px;bottom:7px;left:12%}.breakdown-09 .breakdown-signature i:first-child{border:8px solid #c3c6ce;border-color:#c3c6ce #c3c6ce #4e438f #8a7bff;border-radius:50%;width:62px;height:62px;top:4px;left:25%;transform:rotate(-35deg)}.breakdown-09 .breakdown-signature i:nth-child(2){border:1px solid #8a7bff;border-radius:50%;width:76px;height:41px;top:13px;left:43%;transform:rotate(20deg);box-shadow:0 0 20px #8a7bff59}.breakdown-09 .breakdown-signature i:nth-child(3){background:linear-gradient(#0000,#8a7bff,#0000);width:1px;height:63px;top:5px;right:14%;box-shadow:-10px 5px 14px #8a7bffb3,10px -4px 14px #8a7bff61}.footer{color:#152029!important;background:radial-gradient(circle at 82% 18%,#b9d2e285,#0000 25%),linear-gradient(135deg,#f7fafb 0%,#edf3f6 100%)!important;min-height:760px!important}.footer:after{display:none!important}.footer:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(120deg,#ffffffb3,#ffffff29);border:1px solid #3a586b1f;border-radius:32px;position:absolute;inset:28px}.footer-inner{z-index:2!important;grid-template-rows:auto 1fr auto!important;grid-template-columns:minmax(0,1fr) minmax(330px,420px)!important;column-gap:clamp(60px,10vw,180px)!important;width:min(1500px,100% - 96px)!important;min-height:760px!important;padding:clamp(110px,12vh,170px) 0 34px!important;display:grid!important;position:relative!important}.footer .kicker{align-self:start;color:#668196!important;letter-spacing:.14em!important;grid-column:1!important;margin:0!important;font-size:12px!important}.footer h2{align-self:center;color:#152029!important;letter-spacing:-.08em!important;grid-column:1!important;max-width:700px!important;margin:0!important;font-size:clamp(68px,7.1vw,116px)!important;font-weight:500!important;line-height:.91!important}.footer h2 em{color:#6e9bb9!important}.footer .mail-link{align-self:center;color:#193144!important;letter-spacing:.035em!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;background:#ffffffb8!important;border:1px solid #365b7329!important;border-radius:26px!important;grid-area:1/2/3!important;justify-content:space-between!important;align-items:flex-end!important;width:100%!important;min-height:250px!important;margin:0!important;padding:34px!important;font-size:17px!important;transition:transform .35s,box-shadow .35s,background .35s!important;display:flex!important;box-shadow:0 22px 52px #2a4a5e1c,inset 0 1px #ffffffe6!important}.footer .mail-link:before{content:"合作联系\a \a 182 8188 9843";white-space:pre-wrap;color:#698497;font-family:var(--font-body);letter-spacing:.08em;font-size:12px;font-weight:500;line-height:1.8;position:absolute;top:34px;left:34px}.footer .mail-link span{transition:transform .3s;margin-left:20px!important;font-size:20px!important}.footer .mail-link:hover{transform:translateY(-7px);background:#fff!important;box-shadow:0 28px 62px #2a4a5e29,inset 0 1px #fff!important}.footer .mail-link:hover span{transform:translate(4px,-4px)}.footer-base{color:#526d80!important;border-top:1px solid #3454672b!important;grid-column:1/-1!important;grid-template-columns:90px 1.25fr 1fr auto!important;gap:28px!important;margin-top:58px!important;padding:27px 0 0!important;display:grid!important}.footer-base .logo{color:#152029!important}.footer-base .logo span{border-color:#152029!important}.footer-base p{color:#607787!important;font-size:11px!important;line-height:1.75!important}.footer-base .right{color:#8195a3!important}.is-scrolled .nav{background:#ffffffe0!important;border-color:#fffffff5!important;box-shadow:0 14px 45px #1c2e3a1f,inset 0 1px #fff!important}@media (width<=900px){.footer-inner{grid-template-rows:auto auto auto auto!important;grid-template-columns:1fr!important;gap:34px!important;width:calc(100% - 40px)!important;min-height:680px!important}.footer .mail-link{grid-area:auto/1!important;min-height:180px!important}.footer h2{font-size:clamp(54px,11vw,76px)!important}.footer-base{grid-template-columns:62px 1fr!important;gap:20px!important;margin-top:16px!important}.footer-base p:nth-of-type(2),.footer-base .right{display:none}.footer:before{border-radius:24px;inset:14px}}@media (width>=1100px){.footer{min-height:calc(100vh - 88px)!important}.footer-inner{grid-template-columns:minmax(0,1fr) minmax(500px,580px)!important;column-gap:clamp(70px,8vw,160px)!important;min-height:calc(100vh - 88px)!important;padding-top:clamp(78px,10vh,132px)!important}.footer-inner:after{content:"";z-index:-1;pointer-events:none;border:1px solid #6597b838;border-radius:50%;width:clamp(260px,24vw,440px);height:clamp(260px,24vw,440px);position:absolute;top:18%;right:30%;box-shadow:0 0 0 34px #ffffff2e,0 0 80px #70a2c32e}.footer .kicker{letter-spacing:.13em!important;font-size:14px!important}.footer h2{max-width:800px!important;font-size:clamp(84px,8.5vw,142px)!important;line-height:.88!important}.footer .mail-link{border-radius:30px!important;min-height:335px!important;padding:46px!important;font-size:clamp(19px,1.35vw,24px)!important;box-shadow:0 30px 70px #2a4a5e26,inset 0 1px #fffffff2!important}.footer .mail-link:before{font-size:15px!important;line-height:2!important;top:46px!important;left:46px!important}.footer .mail-link span{font-size:28px!important}.footer-base{grid-template-columns:112px 1.4fr 1.2fr auto!important;margin-top:48px!important;padding-top:28px!important}.footer-base .logo{font-size:19px!important}.footer-base p{font-size:13px!important;line-height:1.8!important}}.footer .mail-link{grid-template-rows:auto 1fr auto!important;grid-template-columns:1fr auto!important;align-items:end!important;min-height:370px!important;padding:42px!important;display:grid!important;position:relative!important}.footer .mail-link:before{display:none!important}.footer .mail-link .contact-card-kicker{color:#68869b!important;font-family:var(--font-body)!important;letter-spacing:.11em!important;grid-area:1/1/auto/-1!important;align-self:start!important;margin:0!important;font-size:14px!important;font-weight:600!important}.footer .mail-link .contact-phone{color:#345066!important;font-family:var(--font-body)!important;letter-spacing:.055em!important;grid-area:2/1/auto/-1!important;align-self:center!important;margin:0!important;font-size:clamp(23px,1.75vw,31px)!important;font-weight:500!important}.footer .mail-link .contact-email{color:#183044!important;min-width:0!important;font-family:var(--font-body)!important;letter-spacing:.018em!important;white-space:nowrap!important;grid-area:3/1!important;margin:0!important;font-size:clamp(16px,1.2vw,20px)!important;font-weight:500!important;line-height:1.25!important}.footer .mail-link .contact-arrow{color:#183044!important;border:1px solid #3a566730!important;border-radius:50%!important;grid-area:3/2!important;place-items:center!important;width:44px!important;height:44px!important;margin:0!important;font-size:20px!important;display:grid!important}.footer .mail-link:hover .contact-arrow{background:#eaf2f7;transform:translate(4px,-4px)}@media (width>=1100px){.footer .mail-link{min-height:430px!important;padding:52px!important}.footer .mail-link .contact-card-kicker{font-size:15px!important}.footer .mail-link .contact-arrow{width:52px!important;height:52px!important;font-size:23px!important}}@media (width<=900px){.footer .mail-link{min-height:250px!important;padding:28px!important}.footer .mail-link .contact-phone{font-size:22px!important}.footer .mail-link .contact-email{font-size:14px!important}.footer .mail-link .contact-arrow{width:38px!important;height:38px!important;font-size:17px!important}}@media (width>=1100px){.footer{min-height:min(790px,100vh - 44px)!important}.footer-inner{min-height:min(790px,100vh - 44px)!important;padding-top:clamp(62px,8vh,104px)!important}.footer .mail-link{min-height:390px!important}}.footer .mail-link{grid-template-rows:auto 1fr auto auto!important;min-height:350px!important}.footer .mail-link .contact-phone{grid-row:2!important;align-self:end!important;padding-bottom:16px!important}.footer .mail-link .contact-services{color:#718ba0!important;font-family:var(--font-body)!important;letter-spacing:.075em!important;border-top:1px solid #3a566721!important;grid-area:3/1/auto/-1!important;align-self:start!important;margin:0!important;padding:14px 0 18px!important;font-size:12px!important;font-weight:500!important}.footer .mail-link .contact-email,.footer .mail-link .contact-arrow{grid-row:4!important}@media (width<=900px){.footer .mail-link{min-height:270px!important}.footer .mail-link .contact-services{padding:12px 0 15px!important;font-size:10px!important}}:root{--spell-x:0px;--spell-y:0px}.journey-nav,.journey-hero,.project-search,.mail-link{will-change:transform;transform:translate3d(var(--spell-x),var(--spell-y),0);transition:transform .34s cubic-bezier(.16,1,.3,1),box-shadow .34s,background .34s}.journey-nav:hover,.journey-hero:hover{transform:translate3d(var(--spell-x),calc(var(--spell-y) - 2px),0) scale(1.035)!important}.project-search:focus-within{transform:translate3d(var(--spell-x),var(--spell-y),0) scale(1.012)}.project{isolation:isolate}.project:before{content:"";z-index:2;pointer-events:none;border-radius:inherit;background:radial-gradient(460px circle at var(--card-x,50%) var(--card-y,50%),#7eb6e133,transparent 40%);opacity:0;transition:opacity .45s;position:absolute;inset:-1px}.project:hover:before{opacity:1}.project-image:after{z-index:2;mix-blend-mode:screen}.project:hover .project-image img{transform:scale(1.055)}.project:hover .view{animation:.55s cubic-bezier(.16,1,.3,1) both spell-pop}.strength-grid article:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#7fa8c233,#0000 70%);border-radius:50%;width:180px;height:180px;transition:opacity .45s,transform .55s cubic-bezier(.16,1,.3,1);position:absolute;inset:auto -25% -62% auto;transform:scale(.75)}.footer .mail-link:hover{transform:translate3d(var(--spell-x),calc(var(--spell-y) - 7px),0)!important}@keyframes spell-pop{0%{filter:blur(2px);scale:.84}65%{filter:blur();scale:1.06}to{scale:1}}@media (prefers-reduced-motion:reduce){.journey-nav,.journey-hero,.project-search,.mail-link{transition:none!important;transform:none!important}.project:before,.strength-grid article:after{display:none}.project:hover .view{animation:none}}@media (width>=1180px){.work.section{padding-top:96px!important;padding-bottom:118px!important}.work .section-head{margin-bottom:46px!important}.work-title{grid-template-columns:minmax(420px,.82fr) minmax(560px,1.18fr)!important;align-items:end!important;gap:72px!important;margin-bottom:52px!important;display:grid!important}.work-title h2{font-size:clamp(48px,4.1vw,68px)!important;line-height:1.08!important}.work-aside{align-self:end!important}.work-aside>p{margin-bottom:18px!important}.project-controls{gap:12px!important}.project-search{height:44px!important}.project-filters button{min-height:40px!important;padding:8px 13px!important}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:54px 22px!important}.project,.project-wide{grid-column:auto!important}.project-image,.project:not(.project-wide) .project-image{aspect-ratio:4/3!important;border-radius:18px!important;height:auto!important}.project-meta{grid-template-columns:auto minmax(0,1fr)!important;grid-template-areas:"index category""title title""summary summary"!important;align-items:start!important;gap:7px 14px!important;margin-top:12px!important;padding:13px 7px 0!important;display:grid!important}.project-meta>span{white-space:nowrap!important;grid-area:index!important;align-self:center!important;padding:0!important}.project-meta h3{letter-spacing:-.025em!important;white-space:normal!important;word-break:keep-all!important;overflow-wrap:normal!important;text-wrap:balance!important;grid-area:title!important;width:100%!important;max-width:none!important;margin:1px 0 0!important;font-size:18px!important;line-height:1.3!important}.project-meta p{text-align:right!important;white-space:nowrap!important;text-overflow:ellipsis!important;grid-area:category!important;justify-self:end!important;max-width:100%!important;margin:0!important;font-size:10px!important;line-height:1.5!important;overflow:hidden!important}.project-meta>small{letter-spacing:0!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;grid-area:summary!important;width:100%!important;max-width:none!important;margin:0!important;font-size:12px!important;line-height:1.55!important;display:-webkit-box!important;position:static!important;overflow:hidden!important}}@media (width>=760px) and (width<=1179px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:58px 22px!important}.project,.project-wide{grid-column:auto!important}.project-image,.project:not(.project-wide) .project-image{aspect-ratio:4/3!important;height:auto!important}.project-meta h3{word-break:keep-all!important;overflow-wrap:normal!important}}@media (width<=759px){.work-title{margin-bottom:48px!important}.project-grid{gap:50px!important}.project-image,.project:not(.project-wide) .project-image{aspect-ratio:4/3!important;height:auto!important}}@media (width>=900px){.detail-story{grid-template-columns:minmax(220px,.46fr) minmax(0,1.54fr)!important;gap:clamp(52px,5vw,88px)!important;padding:76px 0 88px!important}.detail-story>span:after{font-size:clamp(34px,3vw,48px)!important}.detail-story h2,.detail-story p{max-width:720px!important}}.detail-breakdown{padding-top:76px!important;padding-bottom:88px!important}.breakdown-title{padding-bottom:38px!important}.breakdown-board{min-height:380px!important}.breakdown-board>div{padding:28px 32px!important}.breakdown-signature[data-visual]{opacity:1!important;background:0 0!important;border:0!important;border-radius:0!important;height:86px!important;position:relative!important;overflow:hidden!important}.breakdown-signature[data-visual]>i{all:unset!important;box-sizing:border-box!important;display:block!important;position:absolute!important}.breakdown-signature[data-visual=fluid-signal]>i:first-child{border:1px solid #3d6d8e6b!important;border-radius:50%!important;width:66%!important;height:46px!important;top:20px!important;left:8%!important;transform:rotate(-8deg)scaleY(.54)!important}.breakdown-signature[data-visual=fluid-signal]>i:nth-child(2){background:linear-gradient(135deg,#ffffffd6,#8ec9eb33)!important;border:1px solid #5189ae5c!important;border-radius:50%!important;width:70px!important;height:70px!important;top:8px!important;left:38%!important}.breakdown-signature[data-visual=fluid-signal]>i:nth-child(3){background:#79bde5!important;border-radius:4px!important;width:4px!important;height:52px!important;top:17px!important;right:9%!important;box-shadow:-12px 7px 0 -1px #79bde561!important}.breakdown-signature[data-visual=lumen-brand-system]>i:first-child{clip-path:polygon(100% 0,100% 100%,0 50%)!important;background:#171b1f!important;width:74px!important;height:60px!important;top:13px!important;left:18%!important}.breakdown-signature[data-visual=lumen-brand-system]>i:nth-child(2){border:1px solid #171b1f!important;width:46px!important;height:46px!important;top:20px!important;left:48%!important;transform:rotate(45deg)!important}.breakdown-signature[data-visual=lumen-brand-system]>i:nth-child(3){background:#3157ff!important;border-radius:3px!important;width:4px!important;height:68px!important;top:9px!important;right:14%!important}.breakdown-signature[data-visual=yemu-tea-packaging]>i:first-child{background:#173f2b!important;border-radius:100% 0!important;width:29px!important;height:48px!important;top:14px!important;left:22%!important;transform:rotate(-42deg)!important;box-shadow:32px 3px #456348!important}.breakdown-signature[data-visual=yemu-tea-packaging]>i:nth-child(2){background:#b28a52!important;border-radius:50%!important;width:13px!important;height:13px!important;top:34px!important;left:51%!important}.breakdown-signature[data-visual=yemu-tea-packaging]>i:nth-child(3){border-top:1px solid #173f2b7a!important;border-radius:50%!important;width:84px!important;height:44px!important;top:19px!important;right:9%!important;transform:rotate(-11deg)!important}.breakdown-signature[data-visual=ai-visual-lab]>i:first-child{background:linear-gradient(145deg,#ffffffe0,#9dcde833)!important;border:1px solid #5e7c9747!important;border-radius:50%!important;width:70px!important;height:70px!important;top:8px!important;left:15%!important}.breakdown-signature[data-visual=ai-visual-lab]>i:nth-child(2){border:1px solid #46799c66!important;border-radius:50%!important;width:44%!important;height:34px!important;top:24px!important;left:42%!important;transform:rotate(9deg)!important}.breakdown-signature[data-visual=ai-visual-lab]>i:nth-child(3){border:1px solid #ffffffe6!important;border-radius:50%!important;width:52px!important;height:52px!important;top:14px!important;right:16%!important;box-shadow:inset 9px -9px 18px #60a3ca38!important}.breakdown-signature[data-visual=future-brand-system]>i:first-child{clip-path:polygon(50% 0,100% 100%,0 100%)!important;background:#15191d!important;width:60px!important;height:50px!important;top:18px!important;left:16%!important}.breakdown-signature[data-visual=future-brand-system]>i:nth-child(2){border:2px solid #15191d!important;border-radius:50%!important;width:40px!important;height:40px!important;top:23px!important;left:48%!important}.breakdown-signature[data-visual=future-brand-system]>i:nth-child(3){background:#3157ff!important;width:5px!important;height:65px!important;top:10px!important;right:14%!important;transform:rotate(-16deg)!important}.breakdown-signature[data-visual=digital-narrative-space]>i:first-child{background:linear-gradient(90deg,#152436 0 28%,#f4f6f7 28%)!important;border:1px solid #152436!important;width:112px!important;height:58px!important;top:15px!important;left:10%!important}.breakdown-signature[data-visual=digital-narrative-space]>i:nth-child(2){background:#f8fafb!important;border:1px solid #2367ff!important;width:34px!important;height:70px!important;top:7px!important;left:53%!important}.breakdown-signature[data-visual=digital-narrative-space]>i:nth-child(3){background:#ec715e!important;width:48px!important;height:48px!important;top:22px!important;right:9%!important}.breakdown-signature[data-visual=cultural-poster-series]>i:first-child{clip-path:polygon(0 100%,0 48%,12% 48%,12% 20%,28% 20%,28% 62%,48% 62%,48% 0,64% 0,64% 42%,82% 42%,82% 28%,100% 28%,100% 100%)!important;background:linear-gradient(90deg,#1b1b1a 0 13%,#0000 13% 17%,#1b1b1a 17% 39%,#0000 39% 44%,#1b1b1a 44% 64%,#0000 64% 70%,#1b1b1a 70%)!important;width:56%!important;height:36px!important;bottom:14px!important;left:8%!important}.breakdown-signature[data-visual=cultural-poster-series]>i:nth-child(2){border:8px solid #1b1b1a!important;border-right-color:#0000!important;border-radius:50%!important;width:54px!important;height:54px!important;top:13px!important;right:16%!important;transform:rotate(-24deg)!important}.breakdown-signature[data-visual=cultural-poster-series]>i:nth-child(3){background:#b71f2a!important;width:5px!important;height:76px!important;top:5px!important;left:65%!important}.breakdown-signature[data-visual=tea-packaging-system]>i:first-child{background:#173f2b!important;border-radius:100% 0!important;width:25px!important;height:42px!important;top:16px!important;left:16%!important;transform:rotate(-40deg)!important;box-shadow:30px 2px #5d8058,60px 4px #173f2b!important}.breakdown-signature[data-visual=tea-packaging-system]>i:nth-child(2){border-top:1px solid #173f2b80!important;border-radius:50%!important;width:104px!important;height:43px!important;top:17px!important;right:12%!important;transform:rotate(-12deg)!important;box-shadow:0 9px 0 -1px #173f2b42!important}.breakdown-signature[data-visual=tea-packaging-system]>i:nth-child(3){background:#a79a89!important;width:30%!important;height:1px!important;bottom:7px!important;left:11%!important}.breakdown-signature[data-visual=motion-identity]>i:first-child{border:9px solid #c3c6ce!important;border-color:#c3c6ce #c3c6ce #4e438f #8a7bff!important;border-radius:50%!important;width:68px!important;height:68px!important;top:7px!important;left:22%!important;transform:rotate(-35deg)!important}.breakdown-signature[data-visual=motion-identity]>i:nth-child(2){border:1px solid #8a7bff!important;border-radius:50%!important;width:84px!important;height:43px!important;top:20px!important;left:45%!important;transform:rotate(18deg)!important;box-shadow:0 0 18px #8a7bff4d!important}.breakdown-signature[data-visual=motion-identity]>i:nth-child(3){background:radial-gradient(circle at 8% 70%,#8a7bff 0 2px,#0000 3px),radial-gradient(circle at 35% 40%,#b7adff 0 2px,#0000 3px),radial-gradient(circle at 66% 60%,#6a59d1 0 2px,#0000 3px),radial-gradient(circle at 92% 23%,#8a7bff 0 2px,#0000 3px)!important;width:72px!important;height:52px!important;top:12px!important;right:10%!important}.palette[data-palette]>i{box-sizing:border-box!important}.palette[data-palette=fluid-signal]>i:first-child{background:#17212b!important}.palette[data-palette=fluid-signal]>i:nth-child(2){background:#91c9e8!important}.palette[data-palette=fluid-signal]>i:nth-child(3){background:#f7fafb!important}.palette[data-palette=fluid-signal]>i:nth-child(4){background:#b9c5cb!important}.palette[data-palette=lumen-brand-system]>i:first-child{background:#f5f7f8!important}.palette[data-palette=lumen-brand-system]>i:nth-child(2){background:#c9ced2!important}.palette[data-palette=lumen-brand-system]>i:nth-child(3){background:#15191d!important}.palette[data-palette=lumen-brand-system]>i:nth-child(4){background:#3157ff!important}.palette[data-palette=yemu-tea-packaging]>i:first-child{background:#e8dfcf!important}.palette[data-palette=yemu-tea-packaging]>i:nth-child(2){background:#173f2b!important}.palette[data-palette=yemu-tea-packaging]>i:nth-child(3){background:#b28a52!important}.palette[data-palette=yemu-tea-packaging]>i:nth-child(4){background:#8e887d!important}.palette[data-palette=ai-visual-lab]>i:first-child{background:#222a30!important}.palette[data-palette=ai-visual-lab]>i:nth-child(2){background:#bfc9ce!important}.palette[data-palette=ai-visual-lab]>i:nth-child(3){background:#f6f9fa!important}.palette[data-palette=ai-visual-lab]>i:nth-child(4){background:#87bee0!important}.palette[data-palette=future-brand-system]>i:first-child{background:#f6f7f7!important}.palette[data-palette=future-brand-system]>i:nth-child(2){background:#d5dadd!important}.palette[data-palette=future-brand-system]>i:nth-child(3){background:#15191d!important}.palette[data-palette=future-brand-system]>i:nth-child(4){background:#3157ff!important}.palette[data-palette=digital-narrative-space]>i:first-child{background:#152436!important}.palette[data-palette=digital-narrative-space]>i:nth-child(2){background:#2367ff!important}.palette[data-palette=digital-narrative-space]>i:nth-child(3){background:#ec715e!important}.palette[data-palette=digital-narrative-space]>i:nth-child(4){background:#f1ece2!important}.palette[data-palette=cultural-poster-series]>i:first-child{background:#1b1b1a!important}.palette[data-palette=cultural-poster-series]>i:nth-child(2){background:#e4ddd0!important}.palette[data-palette=cultural-poster-series]>i:nth-child(3){background:#b71f2a!important}.palette[data-palette=cultural-poster-series]>i:nth-child(4){background:#a5a39d!important}.palette[data-palette=tea-packaging-system]>i:first-child{background:#e6ddcc!important}.palette[data-palette=tea-packaging-system]>i:nth-child(2){background:#5d8058!important}.palette[data-palette=tea-packaging-system]>i:nth-child(3){background:#173f2b!important}.palette[data-palette=tea-packaging-system]>i:nth-child(4){background:#94897b!important}.palette[data-palette=motion-identity]>i:first-child{background:#11121a!important}.palette[data-palette=motion-identity]>i:nth-child(2){background:#6a59d1!important}.palette[data-palette=motion-identity]>i:nth-child(3){background:#c3c6ce!important}.palette[data-palette=motion-identity]>i:nth-child(4){background:#666979!important}@media (width<=899px){.detail-breakdown{padding-top:64px!important;padding-bottom:72px!important}.breakdown-title{padding-bottom:30px!important}}.detail-nav,.detail-hero,.detail-cover,.detail-info,.detail-story{width:min(1360px,100% - 64px)!important}.detail-hero{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr)!important;grid-template-areas:"label label""title intro""title tags"!important;align-items:end!important;column-gap:clamp(54px,7vw,120px)!important;padding:72px 0 48px!important;display:grid!important}.detail-hero .detail-label{grid-area:label!important;margin-bottom:34px!important}.detail-hero h1{letter-spacing:-.04em!important;text-wrap:balance!important;grid-area:title!important;align-self:end!important;max-width:920px!important;margin:0!important;font-size:clamp(62px,7.3vw,112px)!important;line-height:.92!important}.detail-hero>p{grid-area:intro!important;align-self:end!important;margin:0 0 26px!important;font-size:15px!important;line-height:1.82!important}.detail-hero .detail-tags{grid-area:tags!important;align-self:start!important;margin:0!important}.detail-cover{aspect-ratio:16/8.8!important;background:#eaf0f3!important;border-radius:22px!important;height:auto!important}.detail-cover img{object-fit:contain!important;background:#eaf0f3!important}.detail-info{padding:24px 0 76px!important}.detail-info>div{min-height:104px!important}.detail-story{grid-template-columns:minmax(220px,.42fr) minmax(0,1.58fr)!important;gap:clamp(56px,7vw,110px)!important;padding:76px 0 92px!important}.detail-story-heading{flex-direction:column!important;align-self:stretch!important;min-width:0!important;display:flex!important}.detail-story-heading>span{color:#70818c!important;letter-spacing:.12em!important;font-size:10px!important;font-weight:600!important}.detail-story-heading>span:before{content:"01 / DESIGN STUDY";color:#8293a0;letter-spacing:.13em;margin-bottom:18px;font-size:9px;display:block}.detail-story-heading>strong{color:#15212a;letter-spacing:-.04em;margin-top:10px;font-size:clamp(34px,3vw,48px);font-weight:600;line-height:1.06;display:block}.detail-story-heading ol{border-top:1px solid #1a26301a;gap:0;margin:auto 0 0;padding:28px 0 0;list-style:none;display:grid}.detail-story-heading li{color:#53646f;border-bottom:1px solid #1a263014;grid-template-columns:34px 1fr;align-items:center;gap:10px;min-height:38px;font-size:11px;display:grid}.detail-story-heading li i{color:var(--project-accent);font-variant-numeric:tabular-nums;font-size:9px;font-style:normal}.detail-story>div{grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr)!important;align-items:start!important;gap:20px clamp(36px,5vw,76px)!important;display:grid!important}.detail-story h2{letter-spacing:-.04em!important;grid-column:1/-1!important;max-width:820px!important;margin-bottom:16px!important;font-size:clamp(34px,3.4vw,52px)!important}.detail-story p{max-width:62ch!important;margin-bottom:0!important}.detail-process-note{border-left-width:1px!important;border-radius:0 12px 12px 0!important;grid-area:2/2/span 2!important;margin:0!important;padding:20px 22px!important}.detail-breakdown{padding:82px max(32px,50vw - 680px) 94px!important}.breakdown-title{grid-template-columns:minmax(220px,.42fr) minmax(0,1.58fr)!important;gap:clamp(56px,7vw,110px)!important;margin-bottom:34px!important;padding-bottom:0!important}.breakdown-title h2{letter-spacing:-.04em!important;max-width:830px!important;font-size:clamp(36px,3.5vw,54px)!important}.detail .detail-breakdown .breakdown-board{min-height:430px!important;box-shadow:0 22px 64px color-mix(in srgb, var(--project-accent) 10%, transparent)!important;background:0 0!important;border-radius:18px!important;grid-template-rows:1fr 1fr!important;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)!important;display:grid!important}.breakdown-board>div{border-right:0!important;padding:30px 34px!important}.breakdown-type{border-right:1px solid #1f34421a!important;grid-area:1/1/3!important;justify-content:flex-start!important;min-height:430px!important}.breakdown-color{border-bottom:1px solid #1f34421a!important;grid-area:1/2!important;min-height:215px!important}.breakdown-system{grid-area:2/2!important;min-height:215px!important}.breakdown-type .breakdown-signature[data-visual]{transform-origin:0!important;height:128px!important;margin:34px 0 12px!important;transform:scale(1.12)!important}.breakdown-type>strong{letter-spacing:-.05em!important;margin:20px 0 0!important;font-size:clamp(64px,6.5vw,104px)!important}.breakdown-type>p{max-width:50ch!important;margin-top:auto!important}.breakdown-color{grid-template-rows:auto 1fr auto!important;grid-template-columns:1fr auto!important;gap:8px 20px!important;display:grid!important}.breakdown-color small{grid-column:1/-1!important}.breakdown-color .palette{grid-column:1!important;justify-content:flex-start!important;min-width:220px!important}.breakdown-color .palette-labels{grid-area:2/2!important;align-content:center!important;gap:4px!important;display:grid!important}.breakdown-color>p{grid-column:1/-1!important;margin:0!important}.breakdown-color i{width:54px!important;height:54px!important}.breakdown-system{grid-template-rows:auto 1fr auto!important}.breakdown-system b{font-size:clamp(34px,3vw,50px)!important}.breakdown-system b em{margin-top:5px!important;font-size:10px!important;display:block!important}.detail-reveal{opacity:0;filter:blur(7px);transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1),filter .72s cubic-bezier(.16,1,.3,1);transform:translateY(22px)}.detail-reveal.is-detail-visible{opacity:1;filter:none;transform:none}.breakdown-board.detail-reveal,.detail-next-card.detail-reveal:nth-child(2){transition-delay:80ms}.detail-next-card:focus-visible{outline-offset:5px!important;outline:2px solid #fff!important}.detail-next-card:active{transform:translateY(-1px)scale(.985)!important}@media (width<=980px){.detail-hero{grid-template-columns:1fr!important;grid-template-areas:"label""title""intro""tags"!important}.detail-hero h1{margin-bottom:28px!important}.detail-story>div{grid-template-columns:1fr!important}.detail-process-note{grid-area:auto/1!important;margin-top:8px!important}.detail .detail-breakdown .breakdown-board{grid-template-rows:auto!important;grid-template-columns:1fr!important}.breakdown-type,.breakdown-color,.breakdown-system{border-bottom:1px solid #1f34421a!important;border-right:0!important;grid-area:auto/1!important;min-height:300px!important}.breakdown-system{border-bottom:0!important}}@media (width<=700px){.detail-nav,.detail-hero,.detail-cover,.detail-info,.detail-story{width:calc(100% - 32px)!important}.detail-hero{padding-top:50px!important}.detail-hero h1{font-size:clamp(48px,15vw,68px)!important}.detail-cover{aspect-ratio:4/3!important}.detail-info{padding-bottom:56px!important}.detail-story{grid-template-columns:1fr!important;gap:28px!important;padding:62px 0 72px!important}.detail-story-heading ol{margin-top:28px}.detail-breakdown{padding:64px 16px 72px!important}.breakdown-title{grid-template-columns:1fr!important;gap:24px!important}.breakdown-type .breakdown-signature[data-visual]{transform:none!important}.breakdown-color{grid-template-columns:1fr!important}.breakdown-color .palette-labels{grid-area:auto/1!important;grid-template-columns:repeat(4,1fr)!important}}@media (prefers-reduced-motion:reduce){.detail-reveal{opacity:1!important;filter:none!important;transition:none!important;transform:none!important}}.detail .breakdown-type>strong{letter-spacing:-.02em!important;white-space:nowrap!important;word-break:keep-all!important;width:max-content!important;max-width:100%!important}.detail .detail-cover{height:auto!important;aspect-ratio:var(--detail-cover-ratio,16 / 9)!important;background:0 0!important;padding:0!important;position:relative!important;overflow:hidden!important}.detail .detail-cover>img{object-fit:contain!important;object-position:center!important;background:0 0!important;width:100%!important;max-width:none!important;height:100%!important;display:block!important;position:absolute!important;inset:0!important}.detail-project-01,.detail-project-02,.detail-project-03{--detail-cover-ratio:1672 / 941}.detail-project-04{--detail-cover-ratio:1619 / 971}.detail-project-05,.detail-project-06,.detail-project-07,.detail-project-08,.detail-project-09{--detail-cover-ratio:1586 / 992}.detail-project-05{--project-accent:#171b1f!important;--project-soft:#f3f4f5!important;--project-deep:#11151b!important}.detail-project-05 .detail-breakdown{background:linear-gradient(145deg,#f0f1f2 0%,#fafafa 58%,#f3f3f2 100%)!important}.detail-project-05 .breakdown-board{border-color:#13181d1f!important;box-shadow:0 20px 58px #181f2614!important}.detail-project-05 .breakdown-type,.detail-project-05 .breakdown-color,.detail-project-05 .breakdown-system{background:linear-gradient(145deg,#fffffff5,#eeeff0eb)!important}.detail-project-05 .breakdown-system b:first-of-type{color:#b8bec3!important}.detail-project-05 .breakdown-system b:nth-of-type(2){color:#171b1f!important}.detail-project-05 .breakdown-system b:nth-of-type(3){color:#596168!important}.detail-project-05 .detail-next{background:#11151b!important}.detail-project-05 .detail-footer{color:#15191d!important;background:radial-gradient(circle at 78% 18%,#1a1f230e,#0000 34%),#f5f6f7!important}.detail-project-05 .detail-footer h2 em,.detail-project-05 .detail-footer>a{color:#545c62!important}.detail-project-05 .detail-footer>a{border-color:#15191d47!important}.detail{--system-step-1:#a5abad;--system-step-2:#5a6268;--system-step-3:#15191d}.detail-project-01{--system-step-1:#b9c7d1;--system-step-2:#5c7ea2;--system-step-3:#315f93}.detail-project-02{--system-step-1:#c9cfd3;--system-step-2:#59636b;--system-step-3:#3157ff}.detail-project-03{--system-step-1:#bbb5a7;--system-step-2:#244a35;--system-step-3:#b79a62}.detail-project-04{--system-step-1:#c7d0d6;--system-step-2:#7ba9d9;--system-step-3:#2f5e83}.detail-project-05{--system-step-1:#b8bec3;--system-step-2:#171b1f;--system-step-3:#3157ff}.detail-project-06{--system-step-1:#a7b5c4;--system-step-2:#2367ff;--system-step-3:#ff6f61}.detail-project-07{--system-step-1:#928b85;--system-step-2:#383535;--system-step-3:#b71f2a}.detail-project-08{--system-step-1:#cfc6b6;--system-step-2:#5d8058;--system-step-3:#183f2b}.detail-project-09{--system-step-1:#bec1c7;--system-step-2:#777e8b;--system-step-3:#8a7bff}.detail .breakdown-system b:first-of-type{color:var(--system-step-1)!important}.detail .breakdown-system b:nth-of-type(2){color:var(--system-step-2)!important}.detail .breakdown-system b:nth-of-type(3){color:var(--system-step-3)!important}@media (width>=1001px){.about-grid{grid-template-columns:minmax(380px,560px) minmax(0,1fr)!important;align-items:center!important;gap:clamp(72px,8vw,138px)!important}.portrait-wrap{aspect-ratio:4/5!important;width:92%!important;height:auto!important;margin-left:4%!important}.about-copy{padding-top:0!important}}.portrait-wrap{isolation:isolate;background:#e8edef!important;border-radius:30px!important;overflow:hidden!important;box-shadow:0 38px 90px #42576221,inset 0 1px #ffffffe6!important}.portrait-wrap:before{content:"";z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff14,#0000 36%,#dee7eb21),radial-gradient(circle at 50% 42%,#0000 48%,#e8eef024 100%);border:1px solid #ffffffd1;position:absolute;inset:0}.portrait-wrap img{z-index:1;position:relative;transform:scale(1.015);object-fit:cover!important;object-position:center 22%!important;filter:grayscale(.9)contrast(.92)brightness(1.035)!important;width:100%!important;height:100%!important;transition:transform .85s cubic-bezier(.16,1,.3,1),filter .65s!important}.portrait-wrap:hover img{filter:grayscale(0)contrast(.97)brightness(1.01)saturate(.92)!important;transform:scale(1.045)!important}.portrait-tag{z-index:3;color:#34444d;border:1px solid #ffffffb8;-webkit-backdrop-filter:blur(22px)saturate(135%)!important;background:#f8fafbad!important;border-radius:14px!important;padding:14px 17px!important;bottom:20px!important;left:20px!important;box-shadow:0 15px 38px #2330371c,inset 0 1px #ffffffe6!important}.portrait-tag i{box-shadow:0 0 0 4px #6fcf8d1f;background:#6fcf8d!important;width:5px!important;height:5px!important;margin-left:18px!important}@media (width<=1000px){.portrait-wrap{aspect-ratio:4/5!important;width:min(620px,100%)!important;height:auto!important;margin:0 auto!important}}@media (width<=650px){.portrait-wrap{border-radius:22px!important}.portrait-tag{bottom:14px!important;left:14px!important}}@media (prefers-reduced-motion:reduce){.portrait-wrap img{transition:none!important}.portrait-wrap:hover img{transform:scale(1.015)!important}}.strengths{position:relative}.strengths:before{content:"";pointer-events:none;background:radial-gradient(circle,#cddadf42,#0000 68%);border-radius:50%;width:560px;height:560px;position:absolute;top:36%;left:-22%}.strength-grid{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 54px!important}.strength-grid article{grid-template-rows:auto auto 1fr auto;grid-template-columns:112px minmax(0,1fr);column-gap:30px;border:0!important;border-bottom:1px solid var(--line)!important;background:0 0!important;min-height:292px!important;padding:34px 8px 32px!important;display:grid!important;transform:none!important}.strength-grid article:after{content:"";opacity:0;z-index:-1;background:linear-gradient(120deg,#f6f9faeb,#ffffff59);border-radius:22px;transition:opacity .35s,transform .35s;position:absolute;inset:16px -18px;transform:scale(.985);box-shadow:0 24px 55px #2f3e4614}.strength-grid article:hover:after{opacity:1;transform:none}.strength-grid article>span{letter-spacing:.12em;color:#899397;grid-area:1/1;font-size:12px!important}.strength-grid .orb{grid-area:2/1/5;width:82px;height:82px;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s;margin:24px 0 0!important}.strength-grid article:hover .orb{transform:translateY(-4px)rotate(8deg);box-shadow:20px 26px 48px #2830333b}.cap-type{letter-spacing:.12em;grid-area:1/2;margin:0 0 10px;color:#879195!important;position:static!important}.strength-grid h3{grid-area:2/2;margin:0 0 13px!important;font-size:28px!important}.strength-grid article>p{grid-area:3/2;margin:0 0 24px;max-width:520px!important;min-height:0!important}.cap-tags{flex-wrap:wrap;grid-area:4/2;gap:7px;margin-top:auto;display:flex}.cap-tags b,.capability-tools b{color:#656c6f;background:#ffffff80;border:1px solid #0000001f;border-radius:99px;padding:8px 11px;font-size:10px;font-weight:400}.capability-detail{border-top:1px solid var(--line);margin-top:90px}.capability-tools{border-bottom:1px solid var(--line);grid-template-columns:1fr 3fr;padding:30px 0;display:grid}.capability-tools>span,.process-heading>span{letter-spacing:.16em;color:#7e8588;font-size:10px}.capability-tools>div{flex-wrap:wrap;gap:9px;display:flex}.capability-tools b{background:#fff;padding:10px 15px}.design-process{padding:92px 0 30px!important;display:block!important}.process-heading{justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:70px;display:flex}.process-heading h3{max-width:760px;font:400 clamp(42px,4vw,68px)/1.08 var(--font-display);letter-spacing:-.04em;margin:0!important}.design-process ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px;margin:0;padding:0;list-style:none;display:grid;position:relative;border:0!important}.design-process ol:before{content:"";background:linear-gradient(90deg,#182126 0%,#a8b5bb 52%,#a8b5bb2e 100%);height:1px;position:absolute;top:22px;left:0;right:0}.design-process li{flex-direction:column;position:relative;background:0 0!important;border:0!important;align-items:flex-start!important;gap:0!important;min-height:220px!important;padding:0 24px 0 0!important;transition:transform .35s!important;display:flex!important}.design-process li:hover{transform:translateY(-5px)!important}.design-process li:before{content:"";z-index:1;background:#26343b;border:6px solid #fff;border-radius:50%;width:9px;height:9px;margin:18px 0 34px;transition:transform .35s,background .35s;box-shadow:0 0 0 1px #26343b3d}.design-process li:hover:before{background:#79a7c4;transform:scale(1.28)}.design-process i{letter-spacing:.12em;color:#899397;order:1;font-style:normal;font-size:11px!important}.design-process b{order:2;margin-top:12px;font-weight:500;font-size:21px!important}.design-process p{color:#72797c;order:3;max-width:260px;margin:16px 0 0!important;font-size:14px!important;line-height:1.75!important}@media (width<=1000px){.strength-grid{gap:0 28px!important}.strength-grid article{grid-template-columns:92px 1fr;column-gap:20px}.design-process ol{gap:22px}.process-heading{flex-direction:column;align-items:flex-start;margin-bottom:54px}}@media (width<=900px){.capability-tools{grid-template-columns:1fr;gap:35px}.design-process ol{grid-template-columns:repeat(2,1fr);gap:46px 28px}.design-process ol:before{display:none}.design-process li{border-top:1px solid var(--line)!important;min-height:190px!important;padding-top:0!important}.design-process li:before{margin-top:-5px;margin-bottom:26px}}@media (width<=720px){.strength-grid{grid-template-columns:1fr!important}.strength-grid article{min-height:260px!important}.capability-detail{margin-top:70px}.design-process{padding-top:75px!important}.design-process ol{grid-template-columns:1fr}.design-process li{min-height:0!important;padding-bottom:24px!important}.capability-tools>div{gap:6px}}@media (width<=480px){.strength-grid article{grid-template-columns:72px 1fr;padding-left:0!important;padding-right:0!important}.strength-grid .orb{width:58px;height:58px}.strength-grid h3{font-size:23px!important}.process-heading h3{font-size:38px!important}}.design-process{padding-top:68px!important}.process-heading{margin-bottom:50px!important;display:block!important}.process-heading h3{margin:22px 0 0!important}@media (width<=720px){.design-process{padding-top:58px!important}}.footer{background:radial-gradient(at 78% 45%,#aacce14d,#0000 31%),linear-gradient(135deg,#f8fbfc 0%,#edf4f7 100%)!important;min-height:min(820px,100vh - 42px)!important}.footer:before{background:linear-gradient(122deg,#ffffffc2,#ffffff2e)!important;border-radius:28px!important;inset:30px!important}.footer-inner{grid-template-rows:auto 1fr auto!important;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr)!important;column-gap:clamp(72px,8vw,150px)!important;width:min(1540px,100% - 112px)!important;min-height:min(820px,100vh - 42px)!important;padding:clamp(74px,9vh,112px) 0 34px!important}.footer-inner:after{filter:blur(22px);background:#b7d3e42e!important;border:0!important;border-radius:50%!important;width:430px!important;height:330px!important;top:23%!important;right:10%!important;box-shadow:0 0 110px #77a6c438!important}.footer .kicker{grid-column:1!important;font-size:13px!important}.footer h2{letter-spacing:-.065em!important;grid-column:1!important;align-self:center!important;max-width:640px!important;font-size:clamp(72px,6.2vw,108px)!important;line-height:.95!important}.footer .mail-link{min-height:310px!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:1px solid #2d4b5e38!important;border-left:0!important;border-right:0!important;border-radius:0!important;grid-area:1/2/3!important;align-self:center!important;padding:34px 0 30px!important}.footer .mail-link:hover{box-shadow:none!important;background:#ffffff57!important}.footer .mail-link .contact-card-kicker{color:#658297!important;font-size:13px!important}.footer .mail-link .contact-phone{color:#627d90!important;align-self:end!important;padding-bottom:12px!important;font-size:clamp(18px,1.25vw,23px)!important}.footer .mail-link .contact-services{border-top-color:#2d4b5e1f!important;padding:12px 0 24px!important;font-size:11px!important}.footer .mail-link .contact-email{letter-spacing:-.01em!important;font-size:clamp(22px,1.7vw,30px)!important}.footer .mail-link .contact-arrow{background:#ffffff70;width:56px!important;height:56px!important}.footer-base{grid-template-columns:96px 1.3fr 1fr auto!important;margin-top:42px!important;padding-top:24px!important}.footer-base p{font-size:12px!important;line-height:1.7!important}@media (width<=1300px) and (width>=901px){.footer-base{grid-template-columns:78px 1.1fr .9fr auto!important;gap:18px!important}.footer-base p{font-size:10px!important}.footer-base .right{padding-right:38px}}@media (width<=900px){.footer-inner{grid-template-columns:1fr!important;width:calc(100% - 48px)!important;padding-top:78px!important}.footer h2{font-size:clamp(52px,11vw,76px)!important}.footer .mail-link{grid-area:auto/1!important;min-height:250px!important}.footer-base{grid-template-columns:64px 1fr!important}}@media (width<=560px){.footer:before{inset:12px!important}.footer-inner{width:calc(100% - 40px)!important}.footer .mail-link .contact-email{font-size:16px!important}.footer .mail-link .contact-arrow{width:42px!important;height:42px!important}}.nav-links a{outline-offset:5px;padding:10px 2px;transition:color .24s,opacity .24s!important}.nav-links:hover a:not(:hover):not(.active){opacity:.58}.nav-links a:after{transform-origin:0;height:1.5px!important;transition:right .35s cubic-bezier(.16,1,.3,1)!important;bottom:2px!important}.nav-links a.active{font-weight:500!important}@media (width<=900px){.nav-links a{align-items:center;min-height:52px;display:flex}.nav-links a.active{color:#111!important;padding-left:14px!important}.nav-links a.active:before{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;left:0}}@media (prefers-reduced-motion:reduce){.nav-links a,.nav-links a:after{transition:none!important}}.detail{color:#111;font-family:var(--font-body);background:#f7f8f8}.detail-nav{z-index:2;letter-spacing:.08em;border-bottom:1px solid #00000024;justify-content:space-between;align-items:center;width:min(1700px,100% - 96px);height:96px;margin:auto;font-size:12px;display:flex;position:relative}.detail-logo{font:400 27px/1 var(--font-display);letter-spacing:-.03em}.detail-logo sup{font:500 7px var(--font-body);vertical-align:top}.detail-hero{width:min(1700px,100% - 96px);margin:auto;padding:100px 0 85px}.detail-label{letter-spacing:.15em;color:#6f6f6f;justify-content:space-between;font-size:10px;display:flex}.detail-hero h1{font:400 clamp(70px,10vw,180px)/.88 var(--font-display);letter-spacing:-.055em;margin:75px 0 55px}.detail-hero>p{color:#646a6d;max-width:700px;margin-left:auto;font-size:18px;line-height:1.8}.detail-cover,.detail-secondary{margin:0;overflow:hidden}.detail-cover{height:min(80vw,950px)}.detail-cover img,.detail-secondary img{object-fit:cover;width:100%;height:100%}.detail-info{border-bottom:1px solid #00000024;grid-template-columns:repeat(3,1fr);width:min(1500px,100% - 96px);margin:auto;padding:70px 0;display:grid}.detail-info div{padding-right:40px}.detail-info small,.detail-story>span{letter-spacing:.15em;color:#888;font-size:10px}.detail-info p{margin:22px 0 0;font-size:15px}.detail-story{grid-template-columns:1fr 3fr;width:min(1500px,100% - 96px);margin:auto;padding:150px 0;display:grid}.detail-story h2{font:400 clamp(42px,5vw,78px)/1.02 var(--font-display);letter-spacing:-.04em;margin:0 0 70px}.detail-story p{color:#676d70;max-width:680px;margin:0 0 24px;font-size:15px;line-height:1.9}.detail-secondary{width:min(1500px,100% - 96px);height:min(65vw,900px);margin:auto}.detail-next{width:min(1500px,100% - 96px);margin:auto;padding:110px 0}.detail-next>p{letter-spacing:.15em;color:#888;font-size:10px}.detail-next div{justify-content:space-between;margin-top:45px;display:flex}.detail-next a{font:400 clamp(24px,3vw,50px) var(--font-display)}.detail-footer{color:#fff;background:#111416;flex-direction:column;min-height:75vh;padding:12vh max(48px,50vw - 850px);display:flex}.detail-footer h2{font:400 clamp(60px,8vw,140px)/.9 var(--font-display);letter-spacing:-.055em;margin:0}.detail-footer h2 em{color:#92999c}.detail-footer>a{border-bottom:1px solid #666;width:max-content;margin-top:70px;padding-bottom:12px;font-size:18px}.detail-footer p{letter-spacing:.12em;color:#92999c;margin-top:auto;font-size:9px}@media (width<=700px){.detail-nav,.detail-hero,.detail-info,.detail-story,.detail-secondary,.detail-next{width:calc(100% - 40px)}.detail-nav>a:first-child{font-size:0}.detail-nav>a:first-child:after{content:"← 返回";font-size:11px}.detail-hero{padding:70px 0}.detail-hero h1{margin:55px 0 40px}.detail-hero>p{font-size:15px}.detail-cover{height:70vh}.detail-info{grid-template-columns:1fr;gap:35px;padding:50px 0}.detail-story{grid-template-columns:1fr;padding:90px 0}.detail-story>span{margin-bottom:35px}.detail-secondary{height:65vh}.detail-next{padding:80px 0}.detail-next div{gap:25px}.detail-footer{padding:10vh 20px}.detail-footer>a{font-size:13px}}