/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--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}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--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;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance: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{.visible{visibility:visible}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end: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}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:Lanjingdao Geist;src:url(/fonts/lanjingdao-geist.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Lanjingdao Geist Mono;src:url(/fonts/lanjingdao-geist-mono.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Lanjingdao Source Han SC;src:url(/fonts/lanjingdao-source-han-sans-sc.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--ink:#092251;--blue:#086ef4;--pale:#f4f8ff;--line:#09225126;--font-geist-sans:"Lanjingdao Geist";--font-geist-mono:"Lanjingdao Geist Mono";--font-cjk:"PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", "Noto Sans CJK SC", "Source Han Sans SC", "Hiragino Sans GB", "Heiti SC", sans-serif;--font-cjk-light:"Lanjingdao Source Han SC", "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;font-synthesis:none;overflow-x:clip}body{min-width:320px;color:var(--ink);font-family:var(--font-geist-sans), var(--font-cjk);background:#fff;margin:0;overflow-x:clip}a{color:inherit;text-decoration:none}:is(a:focus-visible,button:focus-visible){outline-offset:4px;outline:2px solid #075be8}.site-header{z-index:10;justify-content:space-between;align-items:center;height:92px;padding:0 4vw;display:flex;position:absolute;inset:0 0 auto}.brand{letter-spacing:.04em;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.brand small{color:#6e7e9c;letter-spacing:.16em;margin-left:4px;font-size:9px;font-weight:500}.brand-dot{background:var(--blue);border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 5px #086ef41f}.site-header nav{align-items:center;gap:36px;font-size:13px;display:flex}.site-header nav a{transition:color .25s}.site-header nav a:hover{color:var(--blue)}.nav-contact{border:1px solid var(--ink);border-radius:999px;padding:12px 20px}.hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 75% 38%,#4099ff17,#0000 30%),linear-gradient(#fff 0% 76%,#f7faff 100%);height:100vh;min-height:860px;position:relative;overflow:hidden}.hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#fffffffa 0%,#ffffffd6 25%,#ffffff2e 47%,#0000 66%);position:absolute;inset:0}.whale-canvas{z-index:0;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.hero-copy{z-index:2;pointer-events:none;width:42vw;position:absolute;top:50%;left:8vw;transform:translateY(-46%)}.eyebrow{color:var(--blue);font:600 11px/1.2 var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.18em;text-transform:uppercase;margin:0 0 24px}.hero h1{letter-spacing:-.07em;margin:0;font-size:clamp(58px,6.9vw,118px);font-weight:620;line-height:.98}.hero h1 span{color:var(--blue)}.hero-intro{color:#64728c;width:min(430px,88%);margin:34px 0 30px;font-size:15px;line-height:1.9}.text-link{border-bottom:1px solid var(--ink);pointer-events:auto;align-items:center;gap:20px;padding-bottom:8px;font-size:13px;font-weight:600;display:inline-flex}.text-link span{color:var(--blue);font-size:18px}.hero-note{color:#7f8ba1;font:350 10px/1.65 var(--font-geist-mono), var(--font-cjk-light), monospace;text-transform:uppercase;letter-spacing:.12em;flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:40px;right:4vw}.hero-index{color:#7f8ba1;font:350 10px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.15em;position:absolute;bottom:40px;left:4vw}.works{padding:130px 4vw 150px}.section-heading{grid-template-columns:1.4fr .6fr;align-items:end;gap:8vw;margin:0 4vw 76px;display:grid}.section-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(38px,5vw,76px);font-weight:570;line-height:1.08}.section-heading>p{color:#6a7891;margin:0 0 7px;font-size:14px;line-height:1.9}.case-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:72px 28px;display:grid}.case-card{cursor:pointer;min-width:0}.case-card--wide{grid-column:1/-1}.case-card--square{grid-column:span 6}.case-art{background:#edf3ff;position:relative;overflow:hidden}.case-card--wide .case-art{aspect-ratio:16/9}.case-card--square .case-art{aspect-ratio:1}.case-art:before,.case-art:after,.case-orbit{content:"";transition:transform .7s cubic-bezier(.2,.8,.2,1);position:absolute}.case-card:hover .case-art:before{transform:rotate(10deg)scale(1.06)}.case-card:hover .case-art:after{transform:translate(3%,-4%)rotate(-7deg)}.case-card:hover .case-orbit{transform:translate(-50%,-50%)rotate(28deg)scale(1.08)}.case-mark{z-index:2;letter-spacing:-.08em;font-size:clamp(56px,9vw,150px);font-weight:750;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.case-meta{border-bottom:1px solid var(--line);grid-template-columns:40px 1fr 30px;gap:14px;padding:22px 0;display:grid}.case-meta>span:first-child,.case-arrow{color:#7e8ba2;font:350 11px var(--font-geist-mono), var(--font-cjk-light), monospace}.case-meta h3{letter-spacing:-.02em;margin:0 0 7px;font-size:20px}.case-meta p{color:#7b879b;margin:0;font-size:12px}.case-arrow{color:var(--blue);text-align:right;font-size:18px}.case-card--coffee .case-art{color:#fff7ec;background:#fa4b1d}.case-card--coffee .case-art:before{aspect-ratio:1;background:#132c68;border-radius:50%;width:48%;top:-6%;right:-5%}.case-card--coffee .case-art:after{background:#ffc93a;border-radius:50% 50% 8% 8%;width:28%;height:55%;bottom:-5%;left:8%}.case-card--tech .case-art{color:#fff;background:#1727cc}.case-card--tech .case-art:before{aspect-ratio:1;border:45px solid #55e5ff;border-radius:50%;width:42%;bottom:-11%;left:-10%}.case-card--tech .case-art:after{background:#ffffff80;width:1px;height:140%;top:-20%;left:63%;transform:rotate(25deg)}.case-card--tech .case-mark{letter-spacing:.08em;font-size:clamp(42px,6vw,96px)}.case-card--food .case-art{color:#162014;background:#efdc8d}.case-card--food .case-art:before{background:#e83627;border-radius:45% 45% 8% 8%;width:46%;height:74%;top:12%;left:10%}.case-card--food .case-art:after{aspect-ratio:1;background:#173b2c;border-radius:50%;width:27%;top:10%;right:9%}.case-card--life .case-art{color:#102b35;background:#90dfcc}.case-card--life .case-art:before{border:2px solid #102b35;border-radius:50% 50% 5% 5%;width:40%;height:70%;top:15%;left:12%}.case-card--life .case-art:after{background:#ff7e63;border-radius:50% 50% 0 0;width:38%;height:55%;bottom:0;right:7%}.case-card--life .case-mark{letter-spacing:.08em;font-size:clamp(34px,4.5vw,72px)}.case-orbit{aspect-ratio:1.7;z-index:3;opacity:.65;border:1px solid;border-radius:50%;width:54%;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-18deg)}.all-works{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;width:260px;margin:100px auto 0;padding:16px 0;font-size:13px;font-weight:650;display:flex}.all-works span{color:#8994a8;font:350 9px var(--font-geist-mono), var(--font-cjk-light), monospace}.services{background:var(--ink);color:#fff;grid-template-columns:.55fr 1.45fr;gap:9vw;padding:130px 8vw;display:grid}.section-label{color:#8fa3c8;font:350 11px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.12em;text-transform:uppercase;gap:28px;display:flex}.section-label p{margin:0}.service-list>div{border-top:1px solid #ffffff2e;grid-template-columns:48px 1fr 1fr;align-items:baseline;gap:30px;padding:30px 0;display:grid}.service-list>div:last-child{border-bottom:1px solid #ffffff2e}.service-list span{color:#5e769e;font:350 10px var(--font-geist-mono), var(--font-cjk-light), monospace}.service-list h3{margin:0;font-size:clamp(25px,3vw,44px);font-weight:520}.service-list p{color:#8fa3c8;margin:0;font-size:13px;line-height:1.7}.about{background:#f3f7fd;padding:160px 8vw 180px}.about blockquote{letter-spacing:-.055em;max-width:1280px;margin:0;font-size:clamp(36px,5.5vw,82px);font-weight:530;line-height:1.35}.about blockquote span{color:var(--blue)}footer{background:var(--blue);color:#fff;padding:120px 8vw 40px}footer .eyebrow{color:#ffffffad}footer h2{letter-spacing:-.06em;max-width:1000px;margin:0 0 64px;font-size:clamp(46px,6.4vw,102px);font-weight:560;line-height:1.08}footer>a{border-bottom:1px solid #ffffffb3;padding-bottom:8px;font-size:clamp(17px,2vw,28px);display:inline-block}.footer-bottom{color:#ffffffad;font:350 10px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.1em;border-top:1px solid #ffffff47;justify-content:space-between;margin-top:130px;padding-top:24px;display:flex}@media (max-width:900px){.site-header{height:72px}.brand small,.site-header nav a:not(.nav-contact){display:none}.nav-contact{padding:10px 15px}.hero{min-height:760px}.hero:after{background:linear-gradient(#fff0 31%,#ffffffe6 58%,#fffffffa 100%)}.hero-copy{width:88vw;top:63%;left:6vw;transform:none}.hero h1{font-size:clamp(48px,13vw,78px)}.hero-intro{margin:20px 0;font-size:13px}.hero-note,.hero-index{display:none}.section-heading{grid-template-columns:1fr;gap:22px;margin:0 0 55px}.section-heading>p{max-width:440px}.works{padding:90px 5vw 110px}.case-grid{grid-template-columns:1fr;gap:56px}.case-card--wide,.case-card--square{grid-column:1/-1}.case-card--wide .case-art{aspect-ratio:4/3}.services{grid-template-columns:1fr;gap:55px;padding:90px 6vw}.service-list>div{grid-template-columns:30px 1fr}.service-list p{grid-column:2}.about{padding:100px 6vw 120px}footer{padding:90px 6vw 30px}.footer-bottom{margin-top:90px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.tail-page{color:#092251;background:#fffdfa;min-height:100vh;overflow:hidden}.tail-header{z-index:20;border-bottom:1px solid #09225114;justify-content:space-between;align-items:center;height:92px;padding:0 4vw;display:flex;position:fixed;inset:0 0 auto}.tail-brand{letter-spacing:.04em;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.tail-brand small{color:#6e7e9c;letter-spacing:.16em;margin-left:4px;font-size:9px;font-weight:500}.tail-logo-mark{width:24px;height:18px;display:inline-block;position:relative}.tail-logo-mark i{border:2px solid #086ef4;border-radius:90% 12% 90% 20%;width:13px;height:13px;position:absolute;top:2px}.tail-logo-mark i:first-child{left:1px;transform:rotate(22deg)}.tail-logo-mark i:last-child{right:1px;transform:scaleX(-1)rotate(22deg)}.tail-nav{color:#75839c;font:350 10px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:28px;display:flex}.tail-nav a{color:#092251;border:1px solid #092251;border-radius:999px;padding:11px 17px}.tail-hero{background:radial-gradient(circle at 72% 36%,#3b8bff12,#0000 34%),#fffdfa;height:100vh;min-height:760px;position:relative;overflow:hidden}.tail-hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#fffdfa00 52%,#fffdfac2 77%,#fffdfafc 100%);position:absolute;inset:0}.tail-canvas{z-index:0;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.tail-copy{z-index:2;pointer-events:none;width:56vw;position:absolute;bottom:9vh;left:7vw}.tail-copy>p{color:#086ef4;font:600 10px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.18em;text-transform:uppercase;margin:0 0 20px}.tail-copy h1{letter-spacing:-.075em;margin:0;font-size:clamp(58px,6.7vw,112px);font-weight:620;line-height:.92}.tail-copy h1 span{color:#086ef4}.tail-copy-bottom{justify-content:space-between;align-items:end;gap:56px;width:min(680px,100%);margin-top:30px;display:flex}.tail-copy-bottom p{color:#64728c;margin:0;font-size:13px;line-height:1.8}.tail-copy-bottom a{pointer-events:auto;border-bottom:1px solid #092251;flex:none;align-items:center;gap:22px;padding-bottom:7px;font-size:12px;font-weight:650;display:inline-flex}.tail-copy-bottom b{color:#086ef4;font-size:17px}.tail-interaction-note{z-index:2;color:#7f8ba1;font:350 9px/1.7 var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.13em;text-transform:uppercase;flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:38px;right:4vw}.tail-edition{z-index:2;color:#9aa5b8;font:350 9px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.14em;position:absolute;top:118px;left:4vw}@media (max-width:900px){.tail-header{height:72px;padding:0 5vw}.tail-brand small,.tail-nav span{display:none}.tail-nav{gap:0}.tail-nav a{padding:9px 13px}.tail-hero{min-height:720px}.tail-hero:after{background:linear-gradient(#fffdfa00 32%,#fffdfae0 60%,#fffdfa 100%)}.tail-copy{width:88vw;bottom:9vh;left:6vw}.tail-copy h1{font-size:clamp(48px,13vw,76px)}.tail-copy-bottom{flex-direction:column;align-items:flex-start;gap:20px;margin-top:22px}.tail-interaction-note{display:none}.tail-edition{top:92px;left:6vw}}.logo-whale-page{color:#092251;background:#fff;min-height:100vh;overflow:hidden}.logo-whale-header{z-index:20;border-bottom:1px solid #09225114;justify-content:space-between;align-items:center;height:92px;padding:0 4vw;display:flex;position:fixed;inset:0 0 auto}.logo-whale-brand{letter-spacing:.04em;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.logo-whale-brand img{object-fit:contain;width:30px;height:22px}.logo-whale-brand small{color:#6e7e9c;letter-spacing:.16em;margin-left:4px;font-size:9px;font-weight:500}.logo-whale-nav{color:#78869e;font:350 10px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:27px;display:flex}.logo-whale-nav a{color:#092251;border-bottom:1px solid #09225159;padding-bottom:5px}.logo-whale-hero{background:radial-gradient(circle at 50% 31%,#318dff14,#0000 38%),linear-gradient(#fff 0% 72%,#f7faff 100%);height:100vh;min-height:760px;position:relative;overflow:hidden}.logo-whale-hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#fff0 52%,#ffffffd1 76%,#fffffffc 100%);position:absolute;inset:0}.logo-whale-canvas{z-index:0;touch-action:pan-y;width:100%;height:100%;position:absolute;inset:0}.logo-whale-copy{z-index:2;pointer-events:none;width:62vw;position:absolute;bottom:7vh;left:7vw}.logo-whale-copy>p{color:#086ef4;font:600 10px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.18em;text-transform:uppercase;margin:0 0 18px}.logo-whale-copy h1{letter-spacing:-.07em;margin:0;font-size:clamp(56px,6.2vw,104px);font-weight:620;line-height:.94}.logo-whale-copy h1 span{color:#086ef4}.logo-whale-copy>div{justify-content:space-between;align-items:end;gap:50px;width:min(690px,100%);margin-top:28px;display:flex}.logo-whale-copy>div p{color:#6d7b92;margin:0;font-size:12px}.logo-whale-copy>div a{pointer-events:auto;border-bottom:1px solid #092251;flex:none;align-items:center;gap:22px;padding-bottom:7px;font-size:12px;font-weight:650;display:inline-flex}.logo-whale-copy b{color:#086ef4;font-size:17px}.logo-whale-note{z-index:2;color:#7f8ba1;font:350 9px/1.7 var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.13em;text-transform:uppercase;flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:38px;right:4vw}@media (max-width:900px){.logo-whale-header{height:72px;padding:0 5vw}.logo-whale-brand small,.logo-whale-nav span,.logo-whale-nav a:first-of-type{display:none}.logo-whale-hero{min-height:720px}.logo-whale-hero:after{background:linear-gradient(#fff0 31%,#ffffffeb 57%,#fff 100%)}.logo-whale-copy{width:88vw;bottom:8vh;left:6vw}.logo-whale-copy h1{font-size:clamp(46px,12.5vw,74px)}.logo-whale-copy>div{flex-direction:column;align-items:flex-start;gap:20px;margin-top:22px}.logo-whale-note{display:none}}.studio-page{--studio-blue:#075be8;--studio-ink:#071d49;color:var(--studio-ink);background:#fff;overflow:clip}.case-header-nav{justify-self:end;align-items:center;gap:clamp(12px,1.6vw,28px);display:flex}.case-header-nav a{border-bottom:1px solid;padding-bottom:4px}@supports (color:color-mix(in lab, red, red)){.case-header-nav a{border-bottom:1px solid color-mix(in srgb,currentColor 45%,transparent)}}.case-header-nav a{white-space:nowrap}.studio-page--zh .studio-hero-copy h1,.studio-page--zh .studio-clients-head h2,.studio-page--zh .studio-section-title h2,.studio-page--zh .studio-service-list h2,.studio-page--zh .studio-about h2,.studio-page--zh .studio-contact h2{font-family:var(--font-cjk);font-kerning:none;font-feature-settings:"kern" 0;letter-spacing:.005em}.studio-page--zh .studio-hero-copy h1{letter-spacing:.035em;font-weight:720;line-height:.94}.studio-index--zh nav strong{font-family:var(--font-cjk);font-kerning:none;font-feature-settings:"kern" 0;letter-spacing:.015em}.studio-kicker{font-family:var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.15em;white-space:nowrap;font-size:9px;font-weight:500;line-height:1.25;display:block}.studio-contact>small a{color:inherit;font:inherit;letter-spacing:inherit;border:0;padding:0}.studio-header{z-index:60;mix-blend-mode:normal;justify-content:space-between;align-items:center;height:82px;padding:0 3.5vw;display:flex;position:fixed;inset:0 0 auto}.studio-brand{z-index:2;letter-spacing:.05em;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;align-items:center;gap:11px;margin:-12px 0;padding:12px 10px 12px 0;font-size:13px;font-weight:720;display:flex;position:relative}.studio-brand img{object-fit:contain;pointer-events:none;width:31px;height:23px}.studio-brand span{pointer-events:none}.studio-index-button{width:108px;color:inherit;font:650 10px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.16em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;justify-content:space-between;align-items:center;padding:11px 0;display:flex}.studio-index-button i{width:15px;height:15px;position:relative}.studio-index-button i:before,.studio-index-button i:after{content:"";background:currentColor;width:15px;height:1px;position:absolute;left:0}.studio-index-button i:before{top:5px}.studio-index-button i:after{top:10px}.studio-index{z-index:100;overscroll-behavior:contain;pointer-events:none;background:var(--studio-blue,#075be8);color:#fff;visibility:hidden;flex-direction:column;width:100vw;max-width:none;min-height:100dvh;margin:0;padding:30px 3.5vw 25px;transition:transform .65s cubic-bezier(.77,0,.18,1),visibility .65s;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translateY(-102%)}.studio-index.is-open{visibility:visible;pointer-events:auto;transform:translateY(0)}.studio-index-top,.studio-index-bottom{font:350 9px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.15em;justify-content:space-between;align-items:center;display:flex}.studio-index-bottom a{border-bottom:1px solid #ffffff8c;padding-bottom:5px}.studio-index-top button{color:#fff;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;padding:10px 0}.studio-index nav{flex-direction:column;flex:1;justify-content:center;display:flex}.studio-index nav a{z-index:2;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-top:1px solid #ffffff47;grid-template-columns:45px 1fr 120px 30px;align-items:center;gap:20px;min-height:clamp(72px,10.8vh,112px);display:grid;position:relative}.studio-index nav a>*{pointer-events:none}.studio-index nav a:last-child{border-bottom:1px solid #ffffff47}.studio-index nav a>span{opacity:.55;font:350 10px var(--font-geist-mono), var(--font-cjk-light), monospace}.studio-index nav strong{letter-spacing:-.045em;font-size:clamp(42px,5.15vw,84px);font-weight:590;line-height:.94;transition:transform .35s}.studio-index nav small{opacity:.72;font-size:11px;line-height:1.45}.studio-index nav b{font-size:21px;font-weight:400}.studio-index nav a:hover strong{transform:translate(1.2vw)}.studio-hero{isolation:isolate;background:linear-gradient(#f9fcff 0%,#eef6ff 62%,#e9f3ff 100%);height:100vh;min-height:780px;position:relative;overflow:hidden}.studio-hero:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(58% 78% at 11% 34%,#fffffff0 0%,#ffffffb3 42%,#fff0 78%);position:absolute;inset:0}.studio-hero:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#eef6ff00 61%,#eef6ff85 83%,#eef6ffeb 100%);position:absolute;inset:0}.studio-hero .logo-whale-canvas{z-index:1}.studio-hero-copy{z-index:3;isolation:isolate;pointer-events:auto;width:49vw;position:absolute;top:12.5vh;left:6vw}.studio-hero-copy>p{color:var(--studio-blue);font:650 10px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.17em;margin:0 0 17px}.studio-hero-copy h1{letter-spacing:-.055em;margin:0;font-size:clamp(60px,6.25vw,112px);font-weight:620;line-height:.9}.studio-hero-copy h1 span{color:var(--studio-blue)}.studio-hero-copy>div{justify-items:start;gap:19px;width:min(520px,100%);margin-top:31px;display:grid}.studio-hero-copy>div p{color:#6c7a91;margin:0;font-size:12px;line-height:1.8}.studio-hero-copy a{font:650 10px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.12em;pointer-events:auto;border-bottom:1px solid;align-items:center;gap:25px;padding:10px 14px 10px 0;display:inline-flex}.studio-hero-copy a b{color:var(--studio-blue);font-size:18px}.studio-hero-side{z-index:3;writing-mode:vertical-rl;color:#8490a4;font:350 8px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.16em;position:absolute;bottom:34px;right:3.5vw}.studio-clients{background:#f5f8fc;border-bottom:1px solid #071d491f;padding:95px 0 80px;overflow:hidden}.studio-clients-head{border-top:1px solid #071d4929;justify-content:space-between;align-items:flex-end;min-height:clamp(250px,25vw,390px);margin:0 3.5vw 58px;padding-top:72px;display:flex;position:relative;overflow:visible}.studio-clients-head>.studio-kicker{color:#7b8799;position:absolute;top:26px;left:0}.studio-clients-head h2{color:var(--studio-blue);letter-spacing:.02em;margin:0;font-size:clamp(72px,9.5vw,158px);font-weight:620;line-height:.9}.studio-clients-head p{color:#65738a;margin:0 3vw 0 0;font-size:12px;line-height:1.85}.client-grid{border-top:1px solid #071d492b;border-left:1px solid #071d492b;grid-template-columns:repeat(6,minmax(0,1fr));margin:0 3.5vw;display:grid}.client-tile{--tile-x:50%;--tile-y:50%;--logo-x:50%;--logo-y:50%;aspect-ratio:1;cursor:crosshair;background:#ffffff40;border-bottom:1px solid #071d492b;border-right:1px solid #071d492b;transition:background .45s,transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;position:relative;overflow:hidden}.client-tile:before{content:"";z-index:0;left:var(--tile-x);top:var(--tile-y);opacity:0;border:1px solid #0759e175;border-radius:50%;width:22px;height:22px;transition:opacity .25s,transform .65s cubic-bezier(.2,.8,.2,1);position:absolute;transform:translate(-50%,-50%)scale(.4)}.client-tile:after{content:"";z-index:0;border:1px solid #0759e100;transition:border-color .4s,transform .55s cubic-bezier(.2,.8,.2,1);position:absolute;inset:12%;transform:scale(.88)}.client-tile:hover{z-index:2;background:#fff;transform:translateY(-5px);box-shadow:0 18px 40px #071d491f}.client-tile:hover:before{opacity:1;transform:translate(-50%,-50%)scale(4.8)}.client-tile:hover:after{border-color:#0759e138;transform:scale(1)}.client-logo{z-index:1;object-fit:contain;pointer-events:none;width:74%;height:74%;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .3s;position:absolute;inset:13%}.client-tile--compact .client-logo{width:54%;height:54%;inset:23%}.client-logo--mono{filter:grayscale()sepia(.2)hue-rotate(170deg)saturate(3.2)brightness(.55)contrast(.88);opacity:.62}.client-logo--color{clip-path:circle(0 at var(--logo-x) var(--logo-y));opacity:0;transition:clip-path .42s cubic-bezier(.2,.8,.2,1),opacity .2s}.client-tile:hover .client-logo{transform:scale(1.055)}.client-tile:hover .client-logo--mono{opacity:.24}.client-tile:hover .client-logo--color{clip-path:circle(82px at var(--logo-x) var(--logo-y));opacity:1}.client-bubbles{z-index:4;left:var(--tile-x);top:var(--tile-y);pointer-events:none;width:1px;height:1px;position:absolute}.client-bubbles i{left:var(--bubble-left);width:var(--bubble-size);height:var(--bubble-size);opacity:0;border:1px solid #0759e194;border-radius:50%;position:absolute;top:9px;box-shadow:inset 1px 1px #fffc}.client-tile:hover .client-bubbles i{animation:client-bubble-rise 2.8s var(--bubble-delay) ease-in infinite}.client-tile-number,.client-tile-mark{z-index:3;color:#8b97a9;font:350 8px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.12em;transition:color .3s;position:absolute}.client-tile-number{top:10px;left:12px}.client-tile-mark{font-size:12px;bottom:8px;right:12px}.client-tile:hover .client-tile-number,.client-tile:hover .client-tile-mark{color:var(--studio-blue)}.studio-clients-foot{color:#8290a4;font:350 8px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.13em;justify-content:space-between;margin:22px 3.5vw 0;display:flex}@keyframes client-bubble-rise{0%{opacity:0;transform:translateY(4px)scale(.55)}16%{opacity:.7}72%{opacity:.4}to{opacity:0;transform:translate3d(var(--bubble-drift), calc(var(--bubble-rise) * -1), 0) scale(1.18)}}.studio-work{padding:110px 3.5vw 160px}.studio-section-title{border-top:1px solid #071d4929;flex-direction:column;justify-content:center;min-height:clamp(320px,32vw,520px);display:flex;position:relative}.studio-section-title>.studio-kicker,.studio-services-head>.studio-kicker,.studio-about>.studio-kicker{color:#7d899c;position:absolute;top:24px;left:0}.studio-section-title h2{color:var(--studio-blue);letter-spacing:.02em;margin:0;font-size:clamp(74px,9.5vw,158px);font-weight:620;line-height:.9}.studio-section-title>p{color:#637189;margin:0;font-size:13px;line-height:1.85;position:absolute;bottom:5vw;right:3vw}.studio-case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:72px 20px;display:grid}.studio-case-link,.case-tile-link{z-index:1;min-width:0;color:inherit;cursor:pointer;touch-action:manipulation;display:block;position:relative}.studio-case-link img,.case-tile-link img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.studio-case--wide{grid-column:1/-1}.studio-case--square{grid-column:span 6}.studio-case--medium{grid-column:span 7}.studio-case--small{grid-column:span 5;margin-top:9vw}.studio-case-image{background:#eef3fb;position:relative;overflow:hidden}.studio-case-grid>.studio-case-link{grid-column:auto;min-width:0;margin-top:0}.studio-case-grid>.studio-case-link .studio-case-image{aspect-ratio:16/10}.studio-case--wide .studio-case-image{aspect-ratio:16/8.5}.studio-case--wide .studio-case-image--animated{aspect-ratio:1190/842;background:#31afbd}.studio-case--square .studio-case-image{aspect-ratio:1}.studio-case--medium .studio-case-image,.studio-case--small .studio-case-image{aspect-ratio:4/3}.studio-case-image img{object-fit:contain;width:100%;height:100%;transition:transform .75s cubic-bezier(.2,.75,.2,1);display:block}.studio-case:hover .studio-case-image img{transform:scale(1.015)}.studio-case-image--real{isolation:isolate;background:#dbe7f5}.studio-case-image--real img{z-index:1;position:relative}.studio-case-image--identity{isolation:isolate;background:var(--case-tone);color:var(--case-ink)}.studio-case-identity-grid{z-index:0;background-image:linear-gradient(var(--case-ink) 1px, transparent 1px), linear-gradient(90deg, var(--case-ink) 1px, transparent 1px);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.studio-case-identity-grid{background-image:linear-gradient(color-mix(in srgb, var(--case-ink) 14%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--case-ink) 14%, transparent) 1px, transparent 1px)}}.studio-case-identity-grid{opacity:.48;background-size:44px 44px;transition:background-position .8s cubic-bezier(.2,.75,.2,1),opacity .5s}.studio-case-image img.studio-case-identity-logo{z-index:3;width:var(--logo-scale);object-fit:contain;height:48%;transition:transform .75s cubic-bezier(.2,.75,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.studio-case-image img.studio-case-identity-ghost{z-index:1;object-fit:contain;opacity:.09;transform-origin:50%;width:86%;height:92%;transition:transform .9s cubic-bezier(.2,.75,.2,1),opacity .55s;position:absolute;bottom:-28%;right:-16%;transform:rotate(-8deg)scale(1.08)}.studio-case-logo--dark{filter:brightness(0)}.studio-case-logo--light{filter:brightness(0)invert()}.studio-case-identity-meta{z-index:4;color:var(--case-ink);font:600 7px/1 var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.12em;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:15px;left:18px;right:18px}.studio-case-identity-meta b,.studio-case-identity-meta i{font:inherit}.studio-case-image--identity>span{color:var(--case-ink);background:var(--case-tone)}@supports (color:color-mix(in lab, red, red)){.studio-case-image--identity>span{background:color-mix(in srgb, var(--case-tone) 68%, white)}}.studio-case-image--identity>span{border:1px solid var(--case-ink)}@supports (color:color-mix(in lab, red, red)){.studio-case-image--identity>span{border:1px solid color-mix(in srgb, var(--case-ink) 24%, transparent)}}.studio-case:hover .studio-case-identity-grid{opacity:.72;background-position:22px 22px}.studio-case:hover .studio-case-image img.studio-case-identity-logo{transform:translate(-50%,-50%)scale(1.045)}.studio-case:hover .studio-case-image img.studio-case-identity-ghost{opacity:.14;transform:translate(-5%,-3%)rotate(-2deg)scale(1.16)}.studio-case-color{z-index:2;pointer-events:none;background:var(--case-tone);mix-blend-mode:multiply;opacity:.58;transition:opacity .55s;position:absolute;inset:0;overflow:hidden}.studio-case-color:before{content:"";aspect-ratio:1;border:1px solid #ffffffc7;border-radius:50%;width:38%;transition:transform .75s cubic-bezier(.2,.8,.2,1);position:absolute;top:54%;left:68%;transform:translate(-50%,-50%)scale(.45)}.studio-case-color i{background:#fffc;width:46%;height:1px;transition:transform .8s cubic-bezier(.2,.8,.2,1);position:absolute;top:34%;left:-12%;transform:rotate(-14deg)}.studio-case-color i:nth-child(2){top:62%;left:69%;transform:rotate(-14deg)}.studio-case-color strong{color:#ffffffe6;letter-spacing:-.07em;white-space:nowrap;font-size:clamp(48px,8vw,150px);font-weight:650;line-height:.8;transition:transform .8s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-2%;right:2.5%}.studio-case:hover .studio-case-color{opacity:.14}.studio-case:hover .studio-case-color:before{transform:translate(-50%,-50%)scale(1.65)}.studio-case:hover .studio-case-color i:first-child{transform:translate(155%)rotate(-14deg)}.studio-case:hover .studio-case-color i:nth-child(2){transform:translate(-165%)rotate(-14deg)}.studio-case:hover .studio-case-color strong{transform:translate(-7%)}.case-motion{background:#31afbd;position:absolute;inset:0;overflow:hidden}.case-motion img{object-fit:contain;width:100%;height:100%;transition:none;position:absolute;inset:0}.studio-case:hover .case-motion img{transform:none}.case-layer{will-change:transform}.case-layer--water{z-index:1;animation:16s ease-in-out infinite case-water-breathe}.case-layer--fish{z-index:2;animation:18s ease-in-out infinite case-fish-swim}.case-layer--boat,.case-layer--person,.case-layer--dog{z-index:4}.case-layer--plants{z-index:6}.case-layer--person{transform-origin:35% 40%;animation:7s ease-in-out infinite case-person-breathe}.case-layer--frame{z-index:8}.case-motion-water{z-index:3;pointer-events:none;mix-blend-mode:screen;opacity:.5;position:absolute;inset:0;overflow:hidden}.case-motion-water:before,.case-motion-water:after{content:"";filter:blur(.2px);border:1px solid #0000;border-top-color:#cfffe08c;border-radius:50%;width:34%;height:12%;animation:8s linear infinite case-water-slide;position:absolute}.case-motion-water:before{top:32%;left:51%;transform:rotate(-9deg)}.case-motion-water:after{animation-delay:-4s;top:61%;left:48%;transform:rotate(8deg)scale(.75)}.case-motion-water i{aspect-ratio:2.8;border-top:1px solid #deffd1b8;border-radius:50%;width:7%;animation:5.5s ease-in-out infinite case-ripple;position:absolute}.case-motion-water i:first-child{top:28%;left:61%}.case-motion-water i:nth-child(2){animation-delay:-1.8s;top:49%;left:72%}.case-motion-water i:nth-child(3){animation-delay:-3.4s;top:73%;left:46%}.case-motion-glints{z-index:4;pointer-events:none;position:absolute;inset:0}.case-motion-glints i{opacity:0;border:1px solid #ecffbccc;border-radius:50%;width:5px;height:5px;animation:4.6s ease-out infinite case-glint-rise;position:absolute}.case-motion-glints i:first-child{top:53%;left:56%}.case-motion-glints i:nth-child(2){animation-delay:-1.1s;top:37%;left:67%}.case-motion-glints i:nth-child(3){animation-delay:-2.6s;top:59%;left:78%}.case-motion-glints i:nth-child(4){animation-delay:-3.5s;top:66%;left:47%}@keyframes case-water-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.002)}}@keyframes case-fish-swim{0%,to{transform:translate(-1px,.5px)}50%{transform:translate(1.5px,-1px)}}@keyframes case-person-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes case-water-slide{0%{opacity:0;translate:-8%}25%,70%{opacity:.75}to{opacity:0;translate:22% 3%}}@keyframes case-ripple{0%,to{opacity:0;transform:scale(.7)}35%{opacity:.9}80%{opacity:0;transform:scale(1.7)}}@keyframes case-glint-rise{0%{opacity:0;transform:translateY(4px)scale(.5)}20%{opacity:.75}to{opacity:0;transform:translate(7px,-32px)scale(1.2)}}.studio-case-image>span{width:38px;height:38px;color:var(--studio-ink);font:350 9px var(--font-geist-mono), var(--font-cjk-light), monospace;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:15px;left:15px}.studio-case-info{border-bottom:1px solid #071d492e;grid-template-columns:1fr 1fr 25px;gap:25px;padding:20px 0 24px;display:grid}.studio-case-info p{color:#69768b;margin:0 0 5px;font-size:11px}.studio-case-info h3{font-family:var(--font-cjk);letter-spacing:-.015em;font-kerning:none;margin:0;font-size:clamp(24px,2.5vw,42px);font-weight:600}.studio-case-info small{color:#8490a2;font:350 8px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.06em;text-transform:uppercase}.studio-case-info b{color:var(--studio-blue);text-align:right;font-size:20px;font-weight:400}.studio-all-work{color:var(--studio-blue);border-top:1px solid #071d4933;border-bottom:1px solid #071d4933;grid-template-columns:1fr 32px;align-items:center;gap:4vw;margin-top:76px;padding:26px 0;display:grid}.studio-all-work>strong{font-family:var(--font-cjk);letter-spacing:.02em;font-size:clamp(28px,3vw,48px);font-weight:620;line-height:1}.studio-all-work>b{text-align:right;font-size:28px;font-weight:400;transition:transform .3s}.studio-all-work:hover>b{transform:translate(5px,-5px)}.studio-packaging{color:#fff;background:var(--studio-ink);padding:110px 3.5vw 130px;overflow:hidden}.studio-packaging-head{border-top:1px solid #ffffff3d;flex-direction:column;justify-content:center;min-height:clamp(280px,30vw,470px);display:flex;position:relative}.studio-packaging-head>span{color:#8da1c5;font:350 9px var(--font-geist-mono),var(--font-cjk-light),monospace;letter-spacing:.16em;position:absolute;top:24px;left:0}.studio-packaging-head h2{color:#fff;letter-spacing:.02em;margin:0;font-size:clamp(74px,9.5vw,158px);font-weight:620;line-height:.9}.studio-packaging-head p{color:#9caeca;margin:0;font-size:13px;line-height:1.85;position:absolute;bottom:4vw;right:3vw}.studio-packaging-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.studio-packaging-card{min-width:0;color:inherit}.studio-packaging-card figure{aspect-ratio:16/10;background:#14366f;margin:0;position:relative;overflow:hidden}.studio-packaging-card figure:after{content:"";z-index:3;opacity:0;border:1px solid #ffffff52;transition:opacity .4s,transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;inset:12px;transform:scale(.94)}.studio-packaging-card img{object-fit:cover;width:100%;height:100%;transition:transform .85s cubic-bezier(.2,.8,.2,1),filter .55s;display:block;transform:scale(1.01)}.studio-packaging-card figure span{z-index:4;color:#fff;font:450 8px var(--font-geist-mono),var(--font-cjk-light),monospace;letter-spacing:.13em;background:#05193fcc;padding:7px 9px;position:absolute;top:15px;left:16px}.studio-packaging-card strong{letter-spacing:-.04em;border-bottom:1px solid #ffffff38;padding:18px 0 13px;font-size:clamp(22px,2vw,34px);display:block}.studio-packaging-card:hover img{filter:saturate(1.08);transform:scale(1.055)}.studio-packaging-card:hover figure:after{opacity:1;transform:scale(1)}.studio-packaging-link{width:max-content;font:500 10px var(--font-geist-mono),var(--font-cjk-light),monospace;letter-spacing:.13em;border-bottom:1px solid #ffffffb8;margin:55px 0 0 auto;padding:13px 0;display:block}.studio-services{background:var(--studio-ink);color:#fff;padding:90px 3.5vw 120px}.studio-services-head{border-top:1px solid #ffffff38;flex-direction:column;justify-content:center;min-height:clamp(280px,30vw,470px);display:flex;position:relative}.studio-services-head>.studio-kicker{color:#8294b3}.studio-services-head h2{color:#fff;font-family:var(--font-cjk);letter-spacing:.02em;font-kerning:none;margin:0;font-size:clamp(74px,9.5vw,158px);font-weight:620;line-height:.9}.studio-services-head>p{color:#a9b5ca;margin:0;font-size:13px;line-height:1.8;position:absolute;bottom:4vw;right:3vw}.studio-service-list{border-top:1px solid #ffffff2e;border-left:1px solid #ffffff2e;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.studio-service-card{--service-x:50%;--service-y:50%;--service-dx:0px;--service-dy:0px;--service-rx:0deg;--service-ry:0deg;isolation:isolate;cursor:crosshair;perspective:900px;background:#071d49;border-bottom:1px solid #ffffff2e;border-right:1px solid #ffffff2e;outline:none;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:clamp(390px,32vw,560px);padding:28px 30px 26px;display:flex;position:relative;overflow:hidden}.studio-service-card:after{content:"";z-index:3;left:var(--service-x);top:var(--service-y);aspect-ratio:1;opacity:0;pointer-events:none;border:1px solid #bcdcffe0;border-radius:50%;width:10px;transition:opacity .2s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #70a9ff1a}.studio-service-image{z-index:-2;object-fit:cover;width:108%;height:108%;transform:translate3d(var(--service-dx),var(--service-dy),0) scale(1.05);transition:transform .18s linear,filter .6s,opacity .5s,clip-path .8s cubic-bezier(.2,.8,.2,1);position:absolute;inset:-4%}.studio-service-image--base{filter:grayscale()contrast(1.08)brightness(.25)saturate(.3);opacity:.38}.studio-service-image--reveal{filter:saturate(.9)contrast(1.05)brightness(.72);opacity:.88}.studio-service-card--strategy .studio-service-image--reveal{clip-path:inset(44% 0)}.studio-service-card--identity .studio-service-image--reveal{clip-path:polygon(39% 34%,61% 34%,61% 66%,39% 66%)}.studio-service-card--experience .studio-service-image--reveal{clip-path:polygon(52% 12%,88% 2%,100% 90%,42% 100%);transform:translate3d(var(--service-dx),var(--service-dy),0) rotateX(var(--service-rx)) rotateY(var(--service-ry)) scale(1.05)}.studio-service-card--campaign .studio-service-image--reveal{clip-path:circle(9% at 73% 30%)}.studio-service-card:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(135deg,#071d4933,#071d49d1 72%),linear-gradient(#0000 38%,#071d49c7);transition:opacity .5s;position:absolute;inset:0}.studio-service-number{z-index:4;color:#8db1e7;font-family:var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.14em;font-size:10px;font-weight:500;line-height:1;position:relative}.studio-service-card h2{z-index:4;color:#fff;letter-spacing:.02em;text-shadow:0 10px 35px #04122e57;transform-origin:0 100%;margin:auto 0 0;font-size:clamp(76px,10vw,165px);font-weight:560;line-height:.88;transition:color .4s,transform .65s cubic-bezier(.2,.8,.2,1),opacity .4s;position:relative}.studio-service-summary{z-index:4;color:#b8c9e4;letter-spacing:.03em;align-self:flex-end;margin:20px 0 0;font-size:11px;transition:opacity .3s,transform .4s;position:relative}.studio-service-copy{z-index:5;color:#071d49;opacity:0;pointer-events:none;background:#eef6fff0;width:min(48%,390px);padding:18px 20px 17px;transition:opacity .35s,transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:28px;right:30px;transform:translateY(24px);box-shadow:0 18px 60px #010e2a3d}.studio-service-copy small{color:#1263ed;font:350 8px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.16em;margin-bottom:22px;display:block}.studio-service-copy p{letter-spacing:.02em;margin:0;font-size:clamp(12px,1vw,15px);line-height:1.8}.studio-service-copy em{color:#6a7890;letter-spacing:.06em;margin-top:18px;font-size:10px;font-style:normal;display:block}.studio-service-motion{z-index:1;pointer-events:none;position:absolute;inset:0}.studio-service-motion i{transition:transform .75s cubic-bezier(.2,.8,.2,1),opacity .45s;display:block;position:absolute}.studio-service-card--strategy .studio-service-motion:before,.studio-service-card--strategy .studio-service-motion:after{content:"";background:#96c3ff3d;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .4s;position:absolute}.studio-service-card--strategy .studio-service-motion:before{height:1px;top:32%;left:9%;right:9%;transform:scaleX(.38)}.studio-service-card--strategy .studio-service-motion:after{width:1px;top:10%;bottom:14%;left:64%;transform:scaleY(.38)}.studio-service-card--strategy .studio-service-motion i{aspect-ratio:1;background:#071d49;border:1px solid #9fc8ff;border-radius:50%;width:9px}.studio-service-card--strategy .studio-service-motion i:first-child{top:31%;left:12%}.studio-service-card--strategy .studio-service-motion i:nth-child(2){top:16%;left:63.5%}.studio-service-card--strategy .studio-service-motion i:nth-child(3){top:60%;left:63.5%}.studio-service-card--strategy .studio-service-motion i:nth-child(4){top:31%;right:10%}.studio-service-card--identity .studio-service-motion i{border-style:solid;border-color:#9fc8ff66;width:70px;height:70px}.studio-service-card--identity .studio-service-motion i:first-child{border-width:1px 0 0 1px;top:16%;left:14%}.studio-service-card--identity .studio-service-motion i:nth-child(2){border-width:1px 1px 0 0;top:16%;right:14%}.studio-service-card--identity .studio-service-motion i:nth-child(3){border-width:0 0 1px 1px;bottom:16%;left:14%}.studio-service-card--identity .studio-service-motion i:nth-child(4){border-width:0 1px 1px 0;bottom:16%;right:14%}.studio-service-card--experience .studio-service-motion{transform-style:preserve-3d;transform:rotateX(var(--service-rx)) rotateY(var(--service-ry));transition:transform .18s linear;inset:13% 7% 24% 48%}.studio-service-card--experience .studio-service-motion i{background:#225bb014;border:1px solid #9fc8ff3d;inset:0}.studio-service-card--experience .studio-service-motion i:first-child{transform:translate3d(-20px,22px,-30px)}.studio-service-card--experience .studio-service-motion i:nth-child(2){transform:translate3d(-7px,8px,-10px)}.studio-service-card--experience .studio-service-motion i:nth-child(3){transform:translate3d(8px,-7px,10px)}.studio-service-card--experience .studio-service-motion i:nth-child(4){transform:translate3d(22px,-20px,30px)}.studio-service-card--campaign .studio-service-motion i{aspect-ratio:1;border:1px solid #9fc8ff47;border-radius:50%;width:11%;top:30%;left:73%;transform:translate(-50%,-50%)scale(1)}.studio-service-card--campaign .studio-service-motion i:nth-child(2){width:22%}.studio-service-card--campaign .studio-service-motion i:nth-child(3){width:34%}.studio-service-card--campaign .studio-service-motion i:nth-child(4){width:48%}.studio-service-card:hover:after{opacity:1}.studio-service-card:focus-visible:after{opacity:1}:is(.studio-service-card:hover .studio-service-image--base,.studio-service-card:focus-visible .studio-service-image--base){opacity:.12}.studio-service-card:hover:before{opacity:.74}.studio-service-card:focus-visible:before{opacity:.74}:is(.studio-service-card:hover h2,.studio-service-card:focus-visible h2){color:#d8e9ff;opacity:.48;transform:translateY(-92px)scale(.72)}:is(.studio-service-card:hover .studio-service-summary,.studio-service-card:focus-visible .studio-service-summary){opacity:0;transform:translateY(10px)}:is(.studio-service-card:hover .studio-service-copy,.studio-service-card:focus-visible .studio-service-copy){opacity:1;transform:translate(0)}:is(.studio-service-card--strategy:hover .studio-service-image--reveal,.studio-service-card--strategy:focus-visible .studio-service-image--reveal){clip-path:inset(17% 0)}.studio-service-card--strategy:hover .studio-service-motion:before{opacity:.8;transform:scaleX(1)}.studio-service-card--strategy:focus-visible .studio-service-motion:before{opacity:.8;transform:scaleX(1)}.studio-service-card--strategy:hover .studio-service-motion:after{opacity:.8;transform:scaleY(1)}.studio-service-card--strategy:focus-visible .studio-service-motion:after{opacity:.8;transform:scaleY(1)}:is(.studio-service-card--strategy:hover .studio-service-motion i,.studio-service-card--strategy:focus-visible .studio-service-motion i){transform:translate3d(var(--service-dx),var(--service-dy),0) scale(1.35)}:is(.studio-service-card--identity:hover .studio-service-image--reveal,.studio-service-card--identity:focus-visible .studio-service-image--reveal){clip-path:polygon(7% 7%,93% 7%,93% 93%,7% 93%)}:is(.studio-service-card--identity:hover .studio-service-motion i:first-child,.studio-service-card--identity:focus-visible .studio-service-motion i:first-child){transform:translate(28px,28px)}:is(.studio-service-card--identity:hover .studio-service-motion i:nth-child(2),.studio-service-card--identity:focus-visible .studio-service-motion i:nth-child(2)){transform:translate(-28px,28px)}:is(.studio-service-card--identity:hover .studio-service-motion i:nth-child(3),.studio-service-card--identity:focus-visible .studio-service-motion i:nth-child(3)){transform:translate(28px,-28px)}:is(.studio-service-card--identity:hover .studio-service-motion i:nth-child(4),.studio-service-card--identity:focus-visible .studio-service-motion i:nth-child(4)){transform:translate(-28px,-28px)}:is(.studio-service-card--experience:hover .studio-service-image--reveal,.studio-service-card--experience:focus-visible .studio-service-image--reveal){clip-path:polygon(5% 5%,95% 5%,95% 95%,5% 95%)}:is(.studio-service-card--experience:hover .studio-service-motion i:first-child,.studio-service-card--experience:focus-visible .studio-service-motion i:first-child){transform:translate3d(-38px,36px,-55px)}:is(.studio-service-card--experience:hover .studio-service-motion i:nth-child(2),.studio-service-card--experience:focus-visible .studio-service-motion i:nth-child(2)){transform:translate3d(-14px,13px,-18px)}:is(.studio-service-card--experience:hover .studio-service-motion i:nth-child(3),.studio-service-card--experience:focus-visible .studio-service-motion i:nth-child(3)){transform:translate3d(14px,-13px,18px)}:is(.studio-service-card--experience:hover .studio-service-motion i:nth-child(4),.studio-service-card--experience:focus-visible .studio-service-motion i:nth-child(4)){transform:translate3d(38px,-36px,55px)}:is(.studio-service-card--campaign:hover .studio-service-image--reveal,.studio-service-card--campaign:focus-visible .studio-service-image--reveal){clip-path:circle(72% at 73% 30%)}:is(.studio-service-card--campaign:hover .studio-service-motion i,.studio-service-card--campaign:focus-visible .studio-service-motion i){animation:1.8s cubic-bezier(.2,.8,.2,1) infinite service-signal}:is(.studio-service-card--campaign:hover .studio-service-motion i:nth-child(2),.studio-service-card--campaign:focus-visible .studio-service-motion i:nth-child(2)){animation-delay:.12s}:is(.studio-service-card--campaign:hover .studio-service-motion i:nth-child(3),.studio-service-card--campaign:focus-visible .studio-service-motion i:nth-child(3)){animation-delay:.24s}:is(.studio-service-card--campaign:hover .studio-service-motion i:nth-child(4),.studio-service-card--campaign:focus-visible .studio-service-motion i:nth-child(4)){animation-delay:.36s}@keyframes service-signal{0%{opacity:.7;transform:translate(-50%,-50%)scale(.76)}to{opacity:0;transform:translate(-50%,-50%)scale(1.28)}}.studio-page--en .studio-service-list>div{border-bottom:1px solid #ffffff2e;border-right:1px solid #ffffff2e;flex-direction:column;justify-content:space-between;min-height:clamp(260px,25vw,420px);padding:28px 30px 26px;display:flex}.studio-page--en .studio-service-list>div span{color:#7487a9;font-family:var(--font-geist-mono), var(--font-cjk-light), monospace;font-size:9px}.studio-page--en .studio-service-list>div h2{margin:auto 0 0;font-size:clamp(54px,6vw,104px)}.studio-page--en .studio-service-list>div p{color:#8fa0bd;align-self:flex-end;font-size:11px}.studio-about{background:#edf4ff;padding:120px 3.5vw 150px;position:relative}.studio-about>.studio-kicker{top:30px;left:3.5vw}.studio-about h2{color:var(--studio-blue);letter-spacing:.02em;margin:0 0 8vw;font-size:clamp(74px,9.5vw,158px);font-weight:620;line-height:.9}.studio-about blockquote{letter-spacing:-.065em;max-width:1300px;margin:0;font-size:clamp(42px,6.4vw,105px);font-weight:560;line-height:1.08}.studio-about blockquote span{color:var(--studio-blue)}.studio-about>p{color:#66758e;width:min(480px,80%);margin:80px 5vw 0 auto;font-size:14px;line-height:1.9}.studio-about-link{width:max-content;color:var(--studio-blue);font:650 10px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.13em;border-bottom:1px solid;margin:38px 5vw 0 auto;padding-bottom:8px;display:block}.studio-contact{background:var(--studio-blue);color:#fff;padding:100px 3.5vw 35px;position:relative}.studio-page--en .studio-contact>span{color:#ffffffa6;top:28px;left:3.5vw}.studio-page--en .studio-contact>.studio-kicker{position:absolute}.studio-page--en .studio-contact h2{letter-spacing:-.105em;margin:0;font-size:clamp(150px,31vw,580px);font-weight:610;line-height:.78}.studio-page--en .studio-contact>div{justify-content:space-between;align-items:end;padding:70px 2vw 90px;display:flex}.studio-page--en .studio-contact p{margin:0;font-size:16px;line-height:1.8}.studio-page--en .studio-contact a{border-bottom:1px solid #ffffffbf;padding-bottom:8px;font-size:clamp(18px,2vw,30px)}.studio-contact-head{border-top:1px solid #ffffff47;grid-template-columns:130px minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;gap:30px;min-height:360px;padding:28px 0 90px;display:grid}.studio-contact-head>.studio-kicker{color:#ffffffa3;align-self:start}.studio-contact-head h2{letter-spacing:.015em;margin:0;font-size:clamp(64px,8.4vw,148px);font-weight:620;line-height:.91}.studio-contact-head h2 em{color:#b9d8ff;font-style:normal}.studio-contact-head>p{color:#ffffffc2;margin:0 0 6px;font-size:13px;line-height:1.85}.studio-contact-grid{grid-template-columns:.9fr 1.05fr 1.05fr;gap:16px;padding-bottom:100px;display:grid}.studio-contact-info,.studio-contact-qr{border:1px solid #ffffff4d;min-height:310px;padding:25px}.studio-contact-info{flex-direction:column;display:flex}.studio-contact-info>span,.studio-contact-qr span{color:#ffffffa3;font:350 8px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.15em}.studio-contact-info address{margin:auto 0 35px;font-size:clamp(19px,2vw,31px);font-style:normal;line-height:1.45}.studio-contact-links{flex-wrap:wrap;gap:22px;display:flex}.studio-contact-info a{border-bottom:1px solid #ffffffa6;padding-bottom:6px;font-size:11px}.studio-direct-contact{background:linear-gradient(105deg,#b9d8ff24,#b9d8ff09);border:1px solid #b9d8ff57;grid-template-columns:minmax(0,1fr) 88px;align-items:end;gap:18px;margin:0 -10px 28px;padding:18px 14px;display:grid;box-shadow:inset 3px 0 #b9d8ff}.studio-direct-contact>div{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.studio-direct-contact span{color:#ffffff94;font:350 8px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.15em}.studio-direct-contact a{color:#d8e7ff;white-space:nowrap;letter-spacing:.03em;border-color:#b9d8ff;margin:13px 0 7px;font-size:clamp(18px,1.5vw,25px)}.studio-direct-contact small{color:#ffffffa6;letter-spacing:.1em;font-size:9px}.studio-direct-contact figure{aspect-ratio:1;background:#fff;border:3px solid #b9d8ff;width:88px;margin:0;padding:7px;transition:transform .5s cubic-bezier(.2,.8,.2,1);box-shadow:7px 7px #01276f47}.studio-direct-contact img{object-fit:contain;width:100%;height:100%;display:block}.studio-direct-contact:hover figure{transform:translateY(-4px)}.studio-contact-qr{color:#fff;grid-template-columns:minmax(0,1fr) clamp(180px,13vw,220px);align-items:end;gap:28px;min-height:340px;display:grid;position:relative;overflow:hidden}.studio-contact-qr:before{font:700 clamp(72px,8vw,130px)/1 var(--font-geist),sans-serif;letter-spacing:-.08em;opacity:.07;pointer-events:none;position:absolute;top:-34px;right:-18px}.studio-contact-qr--rednote{background:#ff2442;border-color:#ff2442}.studio-contact-qr--rednote:before{content:"RED"}.studio-contact-qr--douyin{background:#0b0b0f;border-color:#34343c}.studio-contact-qr--douyin:before{content:"DY"}.studio-contact-qr>div{z-index:1;flex-direction:column;align-self:stretch;min-width:0;display:flex;position:relative}.studio-contact-qr span{color:#ffffffa8}.studio-contact-qr strong{font-family:var(--font-cjk);letter-spacing:.02em;margin:auto 0 10px;font-size:clamp(34px,3.8vw,64px);line-height:1}.studio-contact-qr small{color:#ffffffd1;font-size:10px;line-height:1.6}.studio-contact-qr p{color:#ffffffb8;margin:28px 0 0;font-size:11px;line-height:1.65}.studio-contact-qr figure{z-index:1;aspect-ratio:1;background:#fff;width:clamp(180px,13vw,220px);margin:0;padding:10px;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s;position:relative}.studio-contact-qr img{object-fit:contain;width:100%;height:100%;display:block}.studio-contact-qr--rednote figure{box-shadow:12px 12px #68001233}.studio-contact-qr--douyin figure{box-shadow:8px 8px #25f4ee,-8px -8px #fe2c55}.studio-contact-qr:hover figure{transform:translateY(-6px)rotate(1deg)}.studio-contact-qr--douyin:hover figure{transform:translateY(-6px)rotate(-1deg)}.studio-contact>small{color:#ffffffa6;font:350 8px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.15em;border-top:1px solid #ffffff40;padding-top:22px;display:block}@keyframes client-drift{to{transform:translate(calc(-1*min(116vw,1280px)))}}@keyframes client-drift-reverse{0%{transform:translate(calc(-1*min(116vw,1280px)))}to{transform:translate(0)}}@keyframes client-ripple{0%{opacity:.65;width:24px;height:24px}to{opacity:0;width:190px;height:190px}}@keyframes studio-gradient-drift{0%{opacity:.68;transform:translate(-1.4%,-.8%)scale(1.045)}50%{opacity:.82}to{opacity:.73;transform:translate(1.6%,1%)scale(1.075)}}@media (max-width:900px){.studio-header{height:70px;padding:0 5vw}.studio-index{padding:22px 5vw}.studio-index nav a{grid-template-columns:30px 1fr 24px;gap:12px;min-height:clamp(62px,11.2vh,88px)}.studio-index nav strong{font-size:clamp(36px,11.5vw,58px);line-height:1}.studio-index nav small{display:none}.studio-hero{background:linear-gradient(#f7fbff 0%,#edf6ff 58%,#e8f3ff 100%);min-height:730px}.studio-hero:before{opacity:1;background:radial-gradient(82% 52% at 30% 26%,#ffffffeb 0%,#ffffff8a 50%,#fff0 82%);inset:0}.studio-hero:after{background:linear-gradient(#eaf4ff00 52%,#eaf4ff2e 69%,#eaf4ffa3 87%,#eaf4fff0 100%)}.studio-hero-copy{width:90vw;top:10.5vh;left:6vw}.studio-hero-copy h1{font-size:clamp(51px,13vw,78px)}.studio-hero-copy>div{gap:14px}.studio-hero-side{display:none}.studio-clients{padding:72px 0 65px}.studio-clients-head{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:24px;min-height:240px;margin:0 5vw 42px;padding-top:66px}.studio-clients-head h2{font-size:18vw;line-height:.9}.studio-clients-head p{font-size:11px}.client-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 5vw}.client-logo{width:76%;height:76%;inset:12%}.studio-clients-foot{margin:18px 5vw 0}.studio-clients-foot span:last-child{display:none}.studio-work{padding:80px 5vw 110px}.studio-section-title{min-height:300px}.studio-section-title h2{font-size:18vw;line-height:.9}.studio-section-title>p{font-size:12px;bottom:8vw;left:0;right:auto}.studio-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 16px}.studio-case--wide,.studio-case--square,.studio-case--medium,.studio-case--small{grid-column:1;margin-top:0}.studio-case--wide .studio-case-image,.studio-case--medium .studio-case-image,.studio-case--small .studio-case-image{aspect-ratio:4/3}.studio-case-info{grid-template-columns:1fr 25px;gap:15px}.studio-case-info>div:nth-child(2){grid-column:1}.studio-case-info b{grid-area:1/2}.studio-services{padding:70px 5vw 90px}.studio-services-head{justify-content:center;min-height:300px}.studio-services-head h2{font-size:18vw;line-height:.9}.studio-services-head>p{font-size:12px;bottom:8vw;left:0;right:auto}.studio-service-list{grid-template-columns:1fr}.studio-service-list>div{min-height:210px;padding:22px}.studio-service-card{min-height:390px;padding:22px}.studio-service-list h2{font-size:clamp(68px,18vw,104px)}.studio-service-list p{font-size:10px;display:block}.studio-service-copy{width:calc(100% - 44px);bottom:22px;right:22px}.studio-about{padding:90px 5vw 110px}.studio-about>span{left:5vw}.studio-about h2{margin-bottom:16vw;font-size:18vw;line-height:.9}.studio-about>p{width:88%;margin:55px 0 0 auto}.studio-about-link{margin:32px 0 0 auto}.studio-contact{padding:70px 5vw 28px}.studio-page--en .studio-contact>span{left:5vw}.studio-page--en .studio-contact h2{font-size:30vw}.studio-page--en .studio-contact>div{flex-direction:column;align-items:flex-start;gap:45px;padding:55px 0 80px}.studio-contact-head{grid-template-columns:1fr;gap:26px;min-height:0;padding:24px 0 62px}.studio-contact-head h2{font-size:clamp(58px,18vw,94px)}.studio-contact-head>p{font-size:12px}.studio-contact-grid{grid-template-columns:1fr;padding-bottom:70px}.studio-contact-info{min-height:260px}.studio-contact-qr{grid-template-columns:minmax(0,1fr) 150px;gap:20px;min-height:300px}.studio-contact-qr figure{width:150px}}@media (max-height:700px){.studio-index{padding-top:18px;padding-bottom:16px}.studio-index nav a{min-height:9.8vh}.studio-index nav strong{font-size:clamp(32px,4.4vw,58px)}.studio-index-bottom{font-size:8px}}@media (hover:none){.logo-whale-canvas{pointer-events:none;touch-action:pan-y}.studio-service-image--base{opacity:.2}.studio-service-card .studio-service-image--reveal{clip-path:inset(0);opacity:.5}.studio-service-card h2{opacity:.58;margin-bottom:156px;transform:scale(.72)}.studio-service-summary{display:none}.studio-service-copy{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.studio-hero:before{transform:none;animation:none!important}.studio-service-image,.studio-service-card h2,.studio-service-card:after,.studio-service-motion,.studio-service-motion i{transition:none;animation:none!important}}.tiles-page{--tile-blue:#065be8;--tile-ink:#071d49;min-height:100vh;color:var(--tile-ink);background:#f5f7fb;padding:0 3vw}.tiles-header{border-bottom:1px solid #071d492e;justify-content:space-between;align-items:center;height:84px;display:flex}.tiles-brand{align-items:center;gap:10px;font-size:13px;font-weight:720;display:flex}.tiles-brand img{object-fit:contain;width:30px;height:22px}.tiles-header>div{color:#78869d;font:350 8px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.14em;align-items:center;gap:35px;display:flex}.tiles-header>div a{color:var(--tile-ink);border-bottom:1px solid;padding-bottom:5px}.tiles-intro{flex-direction:column;justify-content:center;min-height:52vw;padding-top:25px;display:flex;position:relative}.tiles-intro>span{color:#7f8b9f;font:350 9px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.15em;position:absolute;top:25px;left:0}.tiles-intro h1{color:var(--tile-blue);letter-spacing:-.09em;margin:0;font-size:clamp(100px,19vw,350px);font-weight:610;line-height:.72}.tiles-page .tiles-intro h1,.tiles-page .tiles-footer h2{font-family:var(--font-cjk);font-kerning:none;letter-spacing:-.045em}.tiles-intro>p{color:#65738b;margin:0;font-size:13px;line-height:1.8;position:absolute;bottom:8vw;right:4vw}.tiles-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4vw 16px;padding-bottom:150px;display:grid}.tiles-work-card,.hover-case-media{aspect-ratio:16/11}.tiles-work-card{background:var(--tile-blue);color:#fff;flex-direction:column;justify-content:center;padding:24px;display:flex;position:relative;overflow:hidden}.tiles-work-card:before{content:"";aspect-ratio:1;border:1px solid #ffffff52;border-radius:50%;width:80%;position:absolute;top:50%;left:54%;transform:translate(-50%,-50%)}.tiles-work-card>span,.tiles-work-card>p{font:350 8px/1.65 var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.12em;position:absolute;left:24px}.tiles-work-card>span{top:24px}.tiles-work-card>p{color:#ffffffb8;margin:0;bottom:22px}.tiles-work-card strong{letter-spacing:-.08em;font-size:clamp(70px,9vw,160px);font-weight:580;line-height:.8;position:relative}.tiles-work-card b{font-size:25px;font-weight:400;position:absolute;bottom:22px;right:24px}.hover-case{--tile-x:50%;--tile-y:50%;outline:none;min-width:0}.hover-case-media{cursor:crosshair;background:#dbe6f8;position:relative;overflow:hidden}.hover-case-base,.hover-case-base:after,.hover-case-base img,.hover-case-reveal,.hover-case-vector{width:100%;height:100%;position:absolute;inset:0}.hover-case-base img,.hover-case-reveal{object-fit:contain;display:block}.hover-case-base img{filter:grayscale()contrast(.92)brightness(1.05);transition:transform .75s cubic-bezier(.2,.8,.2,1);transform:scale(1)}.hover-case-base:after{content:"";background:var(--case-tone,var(--tile-blue));mix-blend-mode:color;opacity:.72}.hover-case-reveal{z-index:2;clip-path:circle(0 at var(--tile-x) var(--tile-y));transition:clip-path .72s cubic-bezier(.2,.75,.2,1),transform .8s cubic-bezier(.2,.75,.2,1);transform:scale(1.012)}.hover-case-vector{z-index:3;pointer-events:none;opacity:.85;background-image:linear-gradient(#ffffff29 1px,#0000 1px),linear-gradient(90deg,#ffffff29 1px,#0000 1px);background-size:44px 44px;transition:opacity .35s,background-position .75s}.hover-case-vector i{left:var(--tile-x);top:var(--tile-y);border:1px solid #fffc;border-radius:50%;transition:width .55s,height .55s,border-color .35s;animation:8s linear infinite tile-orbit;position:absolute;transform:translate(-50%,-50%)rotate(-18deg)}.hover-case-vector i:first-child{width:22%;height:12%}.hover-case-vector i:nth-child(2){width:38%;height:20%;animation-duration:12s;animation-direction:reverse}.hover-case-vector i:nth-child(3){width:58%;height:31%;animation-duration:16s}.hover-case-vector span{color:#0000;-webkit-text-stroke:1px #ffffffd9;letter-spacing:-.08em;font-size:clamp(76px,9vw,150px);font-weight:780;line-height:1;transition:transform .6s,opacity .35s;position:absolute;bottom:-4%;right:4%}.hover-case-corner{z-index:4;width:36px;height:36px;color:var(--tile-ink);font:350 8px var(--font-geist-mono), var(--font-cjk-light), monospace;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;left:14px}.hover-case:hover .hover-case-reveal,.hover-case:focus .hover-case-reveal{clip-path:circle(145% at var(--tile-x) var(--tile-y));transform:scale(1)}.hover-case:hover .hover-case-base img,.hover-case:focus .hover-case-base img{transform:scale(1.05)}.hover-case:hover .hover-case-vector,.hover-case:focus .hover-case-vector{opacity:.67;background-position:22px 22px}.hover-case:hover .hover-case-vector i,.hover-case:focus .hover-case-vector i{border-color:var(--case-tone,var(--tile-blue))}.hover-case:hover .hover-case-vector i:first-child,.hover-case:focus .hover-case-vector i:first-child{width:30%;height:16%}.hover-case:hover .hover-case-vector i:nth-child(2),.hover-case:focus .hover-case-vector i:nth-child(2){width:48%;height:26%}.hover-case:hover .hover-case-vector i:nth-child(3),.hover-case:focus .hover-case-vector i:nth-child(3){width:70%;height:38%}.hover-case:hover .hover-case-vector span,.hover-case:focus .hover-case-vector span{opacity:.68;-webkit-text-stroke-color:var(--case-tone,var(--tile-blue));transform:translate(-5%)}.hover-case-media--identity{isolation:isolate;background:var(--case-tone);color:var(--case-ink)}.hover-case-identity-grid{z-index:0;background-image:linear-gradient(var(--case-ink) 1px, transparent 1px), linear-gradient(90deg, var(--case-ink) 1px, transparent 1px);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.hover-case-identity-grid{background-image:linear-gradient(color-mix(in srgb, var(--case-ink) 14%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--case-ink) 14%, transparent) 1px, transparent 1px)}}.hover-case-identity-grid{opacity:.5;background-size:36px 36px;transition:background-position .75s cubic-bezier(.2,.75,.2,1),opacity .45s}.hover-case-media img.hover-case-identity-logo{z-index:3;width:var(--logo-scale);object-fit:contain;height:48%;transition:transform .72s cubic-bezier(.2,.75,.2,1),opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hover-case-media img.hover-case-identity-ghost{z-index:1;object-fit:contain;opacity:.09;width:88%;height:94%;transition:transform .85s cubic-bezier(.2,.75,.2,1),opacity .45s;position:absolute;bottom:-32%;right:-19%;transform:rotate(-8deg)scale(1.08)}.hover-case-media img.hover-case-identity-reveal{z-index:2;object-fit:contain;background:var(--case-tone);width:100%;height:100%;clip-path:circle(0 at var(--tile-x) var(--tile-y));transition:clip-path .72s cubic-bezier(.2,.75,.2,1),transform .8s cubic-bezier(.2,.75,.2,1);position:absolute;inset:0;transform:scale(1.025)}.hover-case-vector--identity{color:var(--case-ink);opacity:.72;background-image:none}.hover-case-vector--identity i{border-color:var(--case-ink)}@supports (color:color-mix(in lab, red, red)){.hover-case-vector--identity i{border-color:color-mix(in srgb, var(--case-ink) 68%, transparent)}}.hover-case-vector--identity span{color:var(--case-ink);-webkit-text-stroke:0;font:600 7px/1 var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.13em;opacity:.82;bottom:13px;right:14px}.hover-case-media--identity .hover-case-corner{color:var(--case-ink);background:var(--case-tone)}@supports (color:color-mix(in lab, red, red)){.hover-case-media--identity .hover-case-corner{background:color-mix(in srgb, var(--case-tone) 68%, white)}}.hover-case-media--identity .hover-case-corner{border:1px solid var(--case-ink)}@supports (color:color-mix(in lab, red, red)){.hover-case-media--identity .hover-case-corner{border:1px solid color-mix(in srgb, var(--case-ink) 22%, transparent)}}.hover-case:hover .hover-case-identity-grid,.hover-case:focus .hover-case-identity-grid{opacity:.75;background-position:18px 18px}.hover-case:hover .hover-case-media img.hover-case-identity-logo,.hover-case:focus .hover-case-media img.hover-case-identity-logo{opacity:.06;transform:translate(-50%,-50%)scale(1.045)}.hover-case:hover .hover-case-media img.hover-case-identity-ghost,.hover-case:focus .hover-case-media img.hover-case-identity-ghost{opacity:0;transform:translate(-5%,-3%)rotate(-2deg)scale(1.16)}.hover-case:hover .hover-case-media img.hover-case-identity-reveal,.hover-case:focus .hover-case-media img.hover-case-identity-reveal{clip-path:circle(145% at var(--tile-x) var(--tile-y));transform:scale(1)}.hover-case:hover .hover-case-vector--identity i,.hover-case:focus .hover-case-vector--identity i{border-color:#ffffffd1}.hover-case:hover .hover-case-vector--identity span,.hover-case:focus .hover-case-vector--identity span{color:#fff;opacity:1;-webkit-text-stroke:0;transform:translate(-5%)}.hover-case-meta{border-bottom:1px solid #071d492e;grid-template-columns:1fr 1fr;gap:18px;padding:17px 0 20px;display:grid}.hover-case-meta p{color:#727f93;font:350 8px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.08em;margin:0 0 5px}.hover-case-meta h2{letter-spacing:-.035em;margin:0;font-size:22px;font-weight:590}.hover-case-meta>div:last-child{text-align:right}.hover-case-meta span{color:var(--tile-blue);font:350 8px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.08em}.tiles-footer{background:var(--tile-blue);color:#fff;border-top:0;min-height:70vh;margin-inline:-3vw;padding:90px 3vw 40px;position:relative}.tiles-footer>span{color:#ffffff9e;font:350 8px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.14em}.tiles-footer h2{color:#fff;letter-spacing:-.085em;margin:9vw 0 7vw;font-size:clamp(80px,15vw,280px);font-weight:610;line-height:.78}.tiles-footer a{font:300 9px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.12em;border-bottom:1px solid;padding-bottom:7px;display:inline-block}@keyframes tile-orbit{to{transform:translate(-50%,-50%)rotate(342deg)}}@media (max-width:1050px){.tiles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.tiles-page{padding:0 5vw}.tiles-header{height:72px}.tiles-header>div>span{display:none}.tiles-intro{min-height:85vw}.tiles-intro h1{font-size:25vw}.tiles-intro>p{font-size:12px;bottom:10vw;left:0;right:auto}.tiles-grid{grid-template-columns:1fr;gap:48px}.hover-case-meta{grid-template-columns:1fr}.hover-case-meta>div:last-child{text-align:left}.tiles-footer{min-height:58vh;margin-inline:-5vw;padding-inline:5vw}}@media (max-width:620px){.studio-case-grid{grid-template-columns:1fr}}@media (max-width:520px){.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (hover:none){.hover-case-reveal{clip-path:circle(115%);transform:scale(1)}.hover-case-vector{opacity:.5}}.case-detail{--case-red:#ed3028;--case-yellow:#ffc626;--case-ink:#14110f;--case-paper:#f5ead3;background:var(--case-paper);color:var(--case-ink);overflow:hidden}.case-detail-header{z-index:3;height:78px;font:350 9px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.13em;border-bottom:1px solid #14110f40;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 3.5vw;display:grid;position:relative}.case-detail-header span{text-align:center;color:#796b58}.case-detail-header a:last-child{text-align:right}.case-detail h1,.case-detail h2{font-family:var(--font-cjk);font-kerning:none}.case-detail h2 em{color:var(--case-red);font-style:normal}.case-detail-hero{background:var(--case-red);color:#140d0b;flex-direction:column;justify-content:space-between;min-height:88vh;padding:4vh 3.5vw 5vh;display:flex;position:relative;overflow:hidden}.case-detail-hero:before{content:"";aspect-ratio:1;border:1px solid #ffc62685;border-radius:50%;width:42vw;animation:22s linear infinite case-orbit-turn;position:absolute;top:7%;right:-9vw}.case-detail-hero:after{content:"";border:1px solid #140d0b59;border-radius:50%;width:34vw;height:15vw;position:absolute;bottom:-5vw;left:31%;transform:rotate(-12deg)}.case-hero-topline,.case-detail-intro>span,.case-detail-statement>span,.case-detail-space span{z-index:1;font:350 9px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.15em;position:relative}.case-hero-topline{justify-content:space-between;display:flex}.case-hero-topline p{margin:0}.case-hero-title{z-index:1;grid-template-columns:minmax(0,1fr) 16vw;align-items:center;gap:2vw;display:grid;position:relative}.case-detail-hero h1{width:min(72vw,1180px);margin:0;line-height:1}.case-detail-hero h1 img{width:100%;height:auto;display:block}.case-hero-seal{aspect-ratio:1;border:clamp(4px,.55vw,9px) solid var(--case-yellow);place-items:center;width:min(14vw,210px);display:grid;position:relative;transform:rotate(8deg)}.case-hero-seal:before,.case-hero-seal:after{content:"";border:1px solid var(--case-yellow);position:absolute;inset:9%}.case-hero-seal:after{border-radius:50%;animation:3.6s ease-in-out infinite case-seal-pulse;inset:20%}.case-hero-seal img{z-index:1;object-fit:contain;width:78%;height:78%;position:relative}.case-hero-seal i{background:var(--case-yellow);width:5px;height:5px;box-shadow:-12px 4px 0 var(--case-yellow), -3px 14px 0 var(--case-yellow);border-radius:50%;position:absolute;top:-10px;right:-10px}.case-hero-bottom{z-index:1;grid-template-columns:.75fr 1fr .55fr;align-items:end;gap:4vw;display:grid;position:relative}.case-hero-bottom strong{letter-spacing:-.055em;font-size:clamp(32px,4.2vw,76px);line-height:.78}.case-hero-bottom p{width:min(480px,100%);margin:0;font-size:15px;line-height:1.8}.case-hero-bottom span{text-align:right;font:350 8px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.14em}.case-detail-cover{background:#111;margin:0}.case-detail img{width:100%;display:block}.case-detail-intro{padding:11vw 5vw 12vw;position:relative}.case-detail-intro:after{content:"01";color:#ed302817;font:800 26vw/.8 var(--font-geist-sans), sans-serif;letter-spacing:-.09em;pointer-events:none;position:absolute;top:6vw;right:3vw}.case-detail-intro h2{z-index:1;letter-spacing:-.035em;max-width:1320px;margin:8vw 0 9vw;font-size:clamp(58px,8.1vw,142px);font-weight:700;line-height:1.02;position:relative}.case-detail-intro>div{z-index:1;grid-template-columns:1fr 1fr;gap:4vw;margin-left:48%;display:grid;position:relative}.case-detail-intro>div p{margin:0;font-size:14px;line-height:1.95}.case-mascots{background:var(--case-yellow);border-top:1px solid #14110f33;border-bottom:1px solid #14110f33;position:relative;overflow:hidden}.case-mascots-head{border-bottom:1px solid #14110f33;justify-content:space-between;align-items:flex-start;min-height:150px;padding:3vw 3.5vw;display:flex}.case-mascots-head span{font:350 9px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.15em}.case-mascots-head p{width:min(370px,36vw);margin:0;font-size:14px;line-height:1.8}.case-mascots-stage{grid-template-columns:1.15fr .7fr .72fr;align-items:end;gap:3vw;min-height:48vw;padding:4vw 5vw 2vw;display:grid;position:relative}.case-mascots-stage:before{content:"";border:1px solid #ed302899;border-radius:50%;width:34vw;height:17vw;animation:7s ease-in-out infinite case-orbit-rock;position:absolute;top:17%;left:7vw;transform:rotate(-12deg)}.case-bull{z-index:1;object-fit:contain;object-position:center bottom;transform-origin:50% 100%;width:100%;height:35vw;position:relative}.case-bull--reclining{animation:4.8s ease-in-out infinite case-bull-breathe}.case-bull--standing{animation:4.2s ease-in-out -.8s infinite case-bull-breathe}.case-bull--sitting{animation:5.2s ease-in-out -1.6s infinite case-bull-breathe}.case-fortune-type{z-index:0;object-fit:contain;opacity:.17;width:25vw;height:25vw;animation:18s linear infinite case-fortune-turn;position:absolute;top:-4vw;right:-3vw;transform:rotate(9deg)}.case-mascots-ticker{width:max-content;color:var(--case-red);font:760 clamp(30px,5vw,88px)/.9 var(--font-cjk);white-space:nowrap;border-top:1px solid #14110f33;display:flex}.case-mascots-ticker span{padding:18px 0 23px;animation:22s linear infinite case-ticker-slide}.case-detail-motion{background:var(--case-yellow);grid-template-columns:1.05fr .95fr;align-items:center;min-height:54vw;padding:5vw;display:grid;position:relative;overflow:hidden}.case-dish-stage{z-index:1;aspect-ratio:1;place-items:center;width:min(43vw,690px);display:grid;position:relative}.case-dish-stage:before{content:"";filter:blur(18px);background:#14110f1f;border-radius:50%;width:76%;height:38%;position:absolute;bottom:6%;left:10%}.case-dish-stage>img:first-of-type{z-index:2;object-fit:contain;width:92%;height:92%;animation:5s ease-in-out infinite case-dish-float;position:relative}.case-dish-orbit{z-index:0;border:2px solid #ed30288c;border-radius:50%;width:93%;height:46%;animation:6s ease-in-out infinite case-orbit-rock;position:absolute;transform:rotate(-15deg)}.case-dish-fortune{z-index:1;object-fit:contain;width:24%;height:24%;animation:14s linear infinite case-fortune-turn;position:absolute;top:4%;right:-2%}.case-motion-copy{z-index:2;padding-left:3vw;position:relative}.case-motion-copy small{font:350 9px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.15em}.case-motion-copy strong{letter-spacing:-.07em;margin:4vw 0 2.5vw;font-size:clamp(48px,7.2vw,125px);line-height:.82;display:block}.case-motion-copy p{width:min(420px,90%);margin:0;font-size:14px;line-height:1.9}.case-rice-field{pointer-events:none;position:absolute;inset:0}.case-rice-field i{border:1px solid #ed302899;border-radius:80% 20%;width:clamp(15px,1.8vw,31px);height:clamp(6px,.72vw,13px);animation:7s ease-in-out infinite case-rice-float;position:absolute}.case-rice-field i:first-child{top:10%;left:5%}.case-rice-field i:nth-child(2){animation-delay:-2s;top:6%;left:18%}.case-rice-field i:nth-child(3){animation-delay:-4s;top:12%;left:39%}.case-rice-field i:nth-child(4){animation-delay:-1s;top:8%;left:70%}.case-rice-field i:nth-child(5){animation-delay:-5s;top:16%;left:88%}.case-rice-field i:nth-child(6){animation-delay:-3s;top:42%;left:9%}.case-rice-field i:nth-child(7){animation-delay:-6s;top:35%;left:46%}.case-rice-field i:nth-child(8){animation-delay:-2.5s;top:42%;left:78%}.case-rice-field i:nth-child(9){animation-delay:-.5s;top:51%;left:94%}.case-rice-field i:nth-child(10){animation-delay:-5.5s;top:81%;left:3%}.case-rice-field i:nth-child(11){animation-delay:-1.4s;top:88%;left:21%}.case-rice-field i:nth-child(12){animation-delay:-3.4s;top:77%;left:43%}.case-rice-field i:nth-child(13){animation-delay:-6.2s;top:91%;left:63%}.case-rice-field i:nth-child(14){animation-delay:-2.8s;top:82%;left:84%}.case-rice-field i:nth-child(15){animation-delay:-4.5s;top:55%;left:31%}.case-rice-field i:nth-child(16){animation-delay:-1.8s;top:60%;left:57%}.case-rice-field i:nth-child(17){animation-delay:-5.2s;top:66%;left:72%}.case-rice-field i:nth-child(18){animation-delay:-3.8s;top:72%;left:92%}.case-detail-image{padding:0 3.5vw}.case-detail-image--full{padding:0}.case-detail-pair{grid-template-columns:1fr 1fr;align-items:start;gap:3.5vw;padding:3.5vw;display:grid}.case-detail-pair img:last-child{margin-top:9vw}.case-detail-statement{color:#f7e5c8;background:#171312;margin-top:7vw;padding:10vw 5vw 11vw;position:relative;overflow:hidden}.case-statement-grid{grid-template-columns:minmax(0,1fr) 22vw;align-items:center;gap:4vw;margin:7vw 0 6vw;display:grid}.case-detail-statement h2{color:var(--case-yellow);letter-spacing:-.035em;margin:0;font-size:clamp(68px,10vw,178px);font-weight:720;line-height:.94}.case-detail-statement h2 em{color:#f7e5c8}.case-detail-statement p{width:min(560px,80%);margin:0 5vw 0 auto;font-size:15px;line-height:1.9}.case-steam-mark{aspect-ratio:1;border:1px solid #ffc626b3;border-radius:50%;place-items:center;width:18vw;display:grid;position:relative}.case-steam-mark img{object-fit:contain;filter:brightness(0)saturate()invert(83%)sepia(69%)saturate(2000%)hue-rotate(335deg)brightness(103%);width:64%;height:64%}.case-steam-mark i{border-left:2px solid var(--case-yellow);border-radius:50%;width:18%;height:54%;animation:3s ease-in-out infinite case-steam-rise;position:absolute;bottom:70%;left:50%}.case-steam-mark i:first-child{margin-left:-31%}.case-steam-mark i:nth-child(2){animation-delay:-1s}.case-steam-mark i:nth-child(3){margin-left:31%;animation-delay:-2s}.case-detail-pair--offset{background:var(--case-yellow)}.case-detail-image--wide{background:var(--case-yellow);padding:10vw 12vw}.case-detail-space{background:var(--case-red);padding:10vw 3.5vw 3.5vw}.case-detail-space>div{grid-template-columns:.65fr 2.35fr;align-items:start;margin-bottom:9vw;display:grid}.case-detail-space h2{letter-spacing:-.035em;margin:0;font-size:clamp(66px,9.4vw,168px);font-weight:720;line-height:.96}.case-detail-space h2 em{color:var(--case-yellow)}.case-detail-space>img+img{margin-top:3.5vw}.case-detail-next{background:var(--case-paper);flex-direction:column;justify-content:space-between;min-height:65vh;padding:5vw 3.5vw;display:flex}.case-detail-next span{font:350 9px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.15em}.case-detail-next a{letter-spacing:-.055em;border-bottom:1px solid;justify-content:space-between;align-items:end;font-size:clamp(70px,13vw,225px);line-height:.82;display:flex}.case-detail-next b{color:var(--case-red);font-weight:400}@keyframes case-orbit-turn{to{transform:rotate(360deg)}}@keyframes case-seal-pulse{0%,to{opacity:.55;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}@keyframes case-stamp-breathe{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.025)rotate(1deg)}}@keyframes case-ring-drift{0%,to{transform:translate(0)rotate(-8deg)}50%{transform:translate(18px,-10px)rotate(8deg)}}@keyframes case-rice-float{0%,to{transform:translate(0)rotate(12deg)}50%{transform:translate(12px,-18px)rotate(62deg)}}@keyframes case-steam-rise{0%{opacity:0;transform:translateY(14px)scaleY(.7)}35%{opacity:1}to{opacity:0;transform:translateY(-36px)scaleY(1.1)}}@keyframes case-bull-breathe{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(.7deg)}}@keyframes case-orbit-rock{0%,to{transform:rotate(-15deg)scale(1)}50%{transform:rotate(-8deg)scale(1.035)}}@keyframes case-fortune-turn{to{transform:rotate(369deg)}}@keyframes case-dish-float{0%,to{transform:translateY(0)rotate(-.6deg)}50%{transform:translateY(-14px)rotate(.8deg)}}@keyframes case-ticker-slide{to{transform:translate(-100%)}}@media (max-width:760px){.case-detail-header{grid-template-columns:1fr 1fr}.case-detail-header span{display:none}.case-detail-hero{min-height:700px}.case-hero-topline>span,.case-hero-bottom>span{display:none}.case-hero-title{grid-template-columns:1fr}.case-detail-hero h1{width:78vw}.case-hero-seal{width:24vw;position:absolute;top:110%;right:0}.case-hero-bottom,.case-detail-intro>div,.case-detail-space>div{grid-template-columns:1fr;gap:35px}.case-hero-bottom p,.case-detail-statement p{width:100%;margin-left:0}.case-detail-intro h2{font-size:13vw}.case-detail-intro>div{margin-left:0}.case-mascots-head{flex-direction:column;gap:25px;min-height:120px}.case-mascots-head p{width:80%}.case-mascots-stage{grid-template-columns:1fr 1fr;gap:2vw;min-height:132vw;padding:8vw 5vw 3vw}.case-bull{height:60vw}.case-bull--reclining{grid-column:1/-1;height:58vw}.case-fortune-type{width:46vw;height:46vw}.case-detail-motion{grid-template-columns:1fr;gap:5vw;min-height:116vw}.case-dish-stage{width:78vw}.case-motion-copy{padding-left:12vw}.case-statement-grid{grid-template-columns:1fr}.case-steam-mark{width:36vw;margin-left:auto}.case-steam-mark b{font-size:13vw}.case-detail-pair{grid-template-columns:1fr}.case-detail-pair img:last-child{margin-top:0}.case-detail-next{min-height:42vh}}.case-detail--clean{background:#f2eadb}.case-detail-hero--clean:before,.case-detail-hero--clean:after{display:none}.case-hero-title--clean{grid-template-columns:minmax(0,.82fr) minmax(360px,1.18fr);gap:5vw}.case-hero-title--clean h1{width:min(100%,690px)}.case-hero-visual--clean{aspect-ratio:16/10;background:#f2eadbf0;border:1px solid #140d0b47;place-items:center;width:100%;max-height:520px;margin:0;padding:clamp(22px,3vw,54px);display:grid;overflow:hidden}.case-hero-visual--clean img{object-fit:contain;object-position:center;width:100%;height:100%;animation:7s ease-in-out infinite case-clean-hero-breathe}.case-clean-cover{background:#20150f}.case-clean-cover img{width:100%;height:auto}.case-clean-gallery{background:#f2eadb;gap:3.5vw;padding:3.5vw;display:grid}.case-clean-gallery figure,.case-clean-pair figure{margin:0;overflow:hidden}.case-clean-gallery img,.case-clean-pair img{width:100%;height:auto;transition:transform 1.2s cubic-bezier(.2,.75,.2,1)}.case-clean-gallery figure:hover img,.case-clean-pair figure:hover img{transform:scale(1.012)}.case-clean-full{width:100%}.case-clean-pair{grid-template-columns:1fr 1fr;align-items:start;gap:3.5vw;display:grid}.case-clean-pair figure{aspect-ratio:16/9}.case-clean-pair figure img{object-fit:cover;width:100%;height:100%}.case-clean-pair figure:nth-child(2){margin-top:0}.case-clean-wide{width:100%;margin-left:0!important}.case-clean-pattern{margin-top:3.5vw!important}.case-clean-gallery--paper{padding-top:7vw;padding-bottom:9vw}.case-clean-gallery--grey{background:#d8d2c9;padding-top:8vw;padding-bottom:10vw}.case-clean-pair--objects figure:first-child,.case-clean-pair--objects figure:nth-child(2){width:100%;margin:0}.case-detail-statement--clean{margin-top:0}.case-clean-statement-grid{grid-template-columns:minmax(0,1fr) minmax(180px,22vw);align-items:center;gap:7vw;margin:7vw 0 6vw;display:grid}.case-clean-statement-grid h2{margin:0}.case-clean-statement-grid>img{object-fit:contain;background:var(--case-paper);width:100%;max-height:28vw;padding:2.5vw;animation:5s ease-in-out infinite case-clean-mark;transform:rotate(4deg)}.case-product-break{background:var(--case-yellow);grid-template-columns:1.1fr .9fr;align-items:center;gap:5vw;min-height:58vw;padding:6vw;display:grid;position:relative;overflow:hidden}.case-product-illustration{place-items:center;min-width:0;display:grid;position:relative}.case-product-illustration span{border:1px solid #ed302894;border-radius:50%;width:92%;height:46%;animation:8s ease-in-out infinite case-clean-orbit;position:absolute;transform:rotate(-13deg)}.case-product-illustration img{z-index:1;object-fit:contain;width:92%;max-height:46vw;animation:5.4s ease-in-out infinite case-clean-product;position:relative}.case-product-copy{z-index:1;position:relative}.case-product-copy small{font:350 9px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.15em}.case-product-copy strong{letter-spacing:-.065em;margin:4vw 0 2.5vw;font-size:clamp(50px,7vw,122px);line-height:.84;display:block}.case-product-copy p{width:min(410px,90%);margin:0;font-size:14px;line-height:1.9}.case-detail-space--clean{padding-bottom:7vw}.case-detail-space--clean>img{width:100%}.case-clean-gallery--details{background:#f2eadb;padding-top:9vw;padding-bottom:11vw}.case-clean-pair--details figure:first-child,.case-clean-pair--details figure:nth-child(2){width:100%;margin:0}.case-clean-gallery--details .case-clean-wide{margin-top:7vw!important}@keyframes case-clean-mark{0%,to{transform:translateY(0)rotate(4deg)}50%{transform:translateY(-9px)rotate(2deg)}}@keyframes case-clean-product{0%,to{transform:translateY(0)rotate(-.4deg)}50%{transform:translateY(-12px)rotate(.5deg)}}@keyframes case-clean-orbit{0%,to{transform:rotate(-13deg)scale(1)}50%{transform:rotate(-8deg)scale(1.025)}}@keyframes case-clean-hero-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.022)}}@media (max-width:760px){.case-hero-title--clean h1{width:88vw}.case-hero-title--clean{grid-template-columns:1fr;gap:8vw}.case-hero-visual--clean{aspect-ratio:4/3;padding:6vw}.case-clean-gallery{gap:5vw;padding:5vw}.case-clean-pair{grid-template-columns:1fr;gap:5vw}.case-clean-pair figure,.case-clean-pair figure:first-child,.case-clean-pair figure:nth-child(2){width:100%;margin:0}.case-clean-wide,.case-clean-pattern{width:100%;margin:0!important}.case-clean-statement-grid{grid-template-columns:1fr}.case-clean-statement-grid>img{width:46vw;max-height:none;margin-left:auto;padding:5vw}.case-product-break{grid-template-columns:1fr;gap:1vw;min-height:128vw;padding:9vw 5vw}.case-product-illustration img{max-height:72vw}.case-product-copy{padding-left:12vw}.case-product-copy strong{margin:8vw 0 5vw}}.about-page{--about-blue:#075ef2;--about-ink:#08204c;--about-paper:#f3f7fd;color:var(--about-ink);background:var(--about-paper);overflow:hidden}.about-page .studio-header--case{color:#fff}.about-hero{color:#fff;background:var(--about-blue);height:900px;min-height:100vh;padding:108px 3.5vw 4vw;position:relative;overflow:hidden}.about-hero:before{content:"";opacity:.2;background-image:linear-gradient(#ffffff59 1px,#0000 1px),linear-gradient(90deg,#ffffff59 1px,#0000 1px);background-size:8.333vw 8.333vw;position:absolute;inset:74px 0 0}.about-hero:after{content:"";background:linear-gradient(#0000,#001c5b2e);height:16%;position:absolute;bottom:0;left:0;right:0}.about-hero-index{z-index:2;font:350 9px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.18em;position:relative}.about-hero h1{z-index:1;letter-spacing:-.09em;white-space:nowrap;margin:4.5vh 0 0 -1vw;font-size:clamp(150px,27vw,520px);font-weight:700;line-height:.73;position:relative}.about-hero-cn{z-index:3;letter-spacing:-.07em;writing-mode:vertical-rl;font-size:clamp(42px,6vw,108px);font-weight:760;position:absolute;top:41%;right:4vw}.about-hero-copy{z-index:3;position:absolute;bottom:6.5vw;left:4vw}.about-hero-copy p{margin:0 0 14px;font-size:14px}.about-hero-copy strong{letter-spacing:-.05em;font-size:clamp(25px,3.25vw,58px);font-weight:620;line-height:1.16}.about-hero-place{z-index:3;text-align:right;font:350 9px/1.8 var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.16em;position:absolute;bottom:4.5vw;right:4vw}.about-orbit{z-index:2;aspect-ratio:1;border:1px solid #ffffff8c;border-radius:50%;width:22vw;min-width:260px;animation:7s ease-in-out infinite about-orbit-drift;position:absolute;bottom:1.5vw;right:16vw}.about-orbit:before,.about-orbit:after{content:"";border:1px solid #ffffff61;border-radius:50%;position:absolute;inset:16%}.about-orbit:after{background:#fff;inset:34%}.about-orbit b{z-index:1;place-items:center;display:grid;position:absolute;inset:35%}.about-orbit b img{filter:saturate(1.12);width:78%;height:auto;display:block}.about-orbit i{z-index:2;background:var(--about-blue);border:1px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute}.about-orbit i:first-child{top:6%;left:48%}.about-orbit i:nth-child(2){top:57%;right:-3px}.about-orbit i:nth-child(3){bottom:7%;left:22%}.about-intro{background:var(--about-paper);padding:10vw 4vw 9vw}.about-intro>span,.about-section-heading>span,.about-belief>span,.about-social-head>span,.about-location-copy>span{font:350 9px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.17em}.about-intro>div{grid-template-columns:1.15fr .85fr;align-items:start;gap:9vw;margin-top:6vw;display:grid}.about-intro h2{letter-spacing:-.065em;margin:0;font-size:clamp(48px,6.8vw,122px);font-weight:620;line-height:.98}.about-intro-copy{border-top:1px solid var(--about-ink);padding-top:.7vw}.about-intro-copy p{max-width:610px;margin:24px 0 0;font-size:14px;line-height:2}.about-image-trail{color:#fff;background:var(--about-blue);padding:0 0 10vw;overflow:hidden}.about-image-trail-head{z-index:30;font:350 9px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.16em;border-bottom:1px solid #ffffff75;justify-content:space-between;align-items:center;margin:0 4vw;padding:24px 0 20px;display:flex;position:relative}.about-image-trail-head a{border-bottom:1px solid;padding-bottom:6px}.about-image-trail-stage{isolation:isolate;touch-action:pan-y;cursor:crosshair;background-image:linear-gradient(#ffffff17 1px,#0000 1px),linear-gradient(90deg,#ffffff17 1px,#0000 1px);background-size:9vw 9vw;min-height:clamp(660px,54vw,930px);position:relative;overflow:hidden}.about-image-trail-stage:before{content:"";z-index:0;pointer-events:none;border:1px solid #ffffff24;border-radius:50%;position:absolute;inset:11% 8%;transform:scaleX(1.45)}.about-image-trail-copy{z-index:5;text-align:center;pointer-events:none;width:min(48vw,820px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-image-trail-copy>span{font:500 9px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.2em}.about-image-trail-copy h2{letter-spacing:-.055em;margin:28px 0 22px;font-size:clamp(44px,5.3vw,98px);font-weight:650;line-height:.98}.about-image-trail-copy h2 em{color:#b8d1ff;font-style:normal}.about-image-trail-copy p{color:#ffffffb8;margin:0;font-size:12px}.about-trail-item{--trail-x:50%;--trail-y:50%;--trail-rotate:0deg;left:var(--trail-x);top:var(--trail-y);z-index:10;aspect-ratio:1;opacity:0;color:#fff;background:var(--trail-tone);width:clamp(148px,14vw,250px);transform:translate(-50%,-50%) scale(.35) rotate(var(--trail-rotate));pointer-events:none;will-change:transform,opacity;border:1px solid #ffffffd1;place-items:center;display:grid;position:absolute;overflow:hidden;box-shadow:0 24px 70px #00184c47}.about-trail-item:after{content:"";pointer-events:none;border:1px solid #ffffff38;position:absolute;inset:9px}.about-trail-item img{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.035)}.about-trail-item span{color:#fff;background:var(--trail-tone);padding:7px 9px;position:absolute;bottom:10px;left:10px}@supports (color:color-mix(in lab, red, red)){.about-trail-item span{background:color-mix(in srgb,var(--trail-tone) 84%,#061c48 16%)}}.about-trail-item span{font:500 7px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.14em;box-shadow:0 6px 18px #00000029}.about-trail-item.is-active{animation:1.08s cubic-bezier(.22,.78,.24,1) both about-image-trail-reveal}.about-services{color:#fff;background:var(--about-ink);padding:9vw 4vw 10vw}.about-section-heading{grid-template-columns:1fr 2fr;align-items:start;gap:5vw;display:grid}.about-section-heading h2{letter-spacing:-.065em;margin:0;font-size:clamp(66px,9vw,165px);font-weight:680;line-height:.83}.about-section-heading h2 em{color:var(--about-blue);font-style:normal}.about-service-list{border-top:1px solid #ffffff73;margin-top:9vw}.about-service-row{border-bottom:1px solid #ffffff3d;grid-template-columns:6vw 1.3fr .7fr 1.1fr 30px;align-items:center;gap:2vw;min-height:108px;transition:color .3s,padding .35s,background .3s;display:grid}.about-service-row:hover{color:var(--about-ink);background:#fff;padding:0 1.5vw}.about-service-row>span,.about-service-row p{font:350 9px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.12em}.about-service-row strong{letter-spacing:-.055em;font-size:clamp(24px,3.4vw,60px)}.about-service-row h3{margin:0;font-size:18px}.about-service-row p{margin:0;line-height:1.8}.about-service-row b{color:var(--about-blue);font-size:20px;font-weight:400}.about-belief{min-height:800px;color:var(--about-ink);background:#dbe8ff;padding:8vw 4vw;position:relative;overflow:hidden}.about-belief:before{content:"BLUE WHALE";color:#075ef214;letter-spacing:-.08em;white-space:nowrap;font-size:17vw;font-weight:800;line-height:.72;position:absolute;bottom:-1vw;left:-2vw}.about-belief blockquote{z-index:1;letter-spacing:-.065em;margin:9vw 0 0 15vw;font-size:clamp(48px,6.6vw,118px);font-weight:650;line-height:1.05;position:relative}.about-belief blockquote em{color:var(--about-blue);font-style:normal}.about-belief>p{z-index:1;width:min(470px,32vw);margin:5vw 6vw 0 auto;font-size:14px;line-height:2;position:relative}.about-method{background:#fff;padding:10vw 4vw 12vw}.about-method .about-section-heading h2 em{color:var(--about-blue)}.about-method-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:9vw;display:grid}.about-method-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;min-height:430px;padding:22px 2vw 28px;transition:color .45s,background .45s,transform .45s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.about-method-grid article:hover{color:#fff;background:var(--about-blue);transform:translateY(-12px)}.about-method-meta{justify-content:space-between;align-items:center;display:flex}.about-method-grid span,.about-method-meta small{font:350 9px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.15em}.about-method-meta small{color:#6f7f9f;transition:color .4s}.about-method-grid article:hover .about-method-meta small{color:#ffffffad}.about-method-grid h3{letter-spacing:-.05em;margin:28px 0 18px;font-size:clamp(28px,2.5vw,45px);line-height:1}.about-method-grid p{max-width:250px;margin:0;font-size:13px;line-height:1.85}.about-method-visual{border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:160px;color:var(--about-blue);margin:32px -2vw 0;transition:border-color .4s,color .4s;position:relative;overflow:hidden}.about-method-grid article:hover .about-method-visual{color:#fff;border-color:#ffffff47}.about-method-visual i,.about-method-visual b{display:block;position:absolute}.about-method-grid article:first-child .about-method-visual:before,.about-method-grid article:first-child .about-method-visual:after{content:"";border:1px solid;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-method-grid article:first-child .about-method-visual:before{opacity:.5;width:98px;height:98px}.about-method-grid article:first-child .about-method-visual:after{width:48px;height:48px}.about-method-grid article:first-child .about-method-visual i:first-child{opacity:.42;background:currentColor;height:1px;top:50%;left:0;right:0}.about-method-grid article:first-child .about-method-visual i:nth-child(2){opacity:.42;background:currentColor;width:1px;top:0;bottom:0;left:50%}.about-method-grid article:first-child .about-method-visual b{background:currentColor;border-radius:50%;width:10px;height:10px;top:calc(50% - 5px);left:calc(50% - 5px);box-shadow:0 0}@supports (color:color-mix(in lab, red, red)){.about-method-grid article:first-child .about-method-visual b{box-shadow:0 0 0 0 color-mix(in srgb,currentColor 36%,transparent)}}.about-method-grid article:first-child .about-method-visual b{animation:2.8s ease-out infinite about-method-pulse}.about-method-grid article:nth-child(2) .about-method-visual:before,.about-method-grid article:nth-child(2) .about-method-visual:after{content:"";border:1px solid;border-radius:50%;position:absolute}.about-method-grid article:nth-child(2) .about-method-visual:before{opacity:.52;width:112px;height:112px;top:23px;left:calc(50% - 56px)}.about-method-grid article:nth-child(2) .about-method-visual:after{background:currentColor;width:12px;height:12px;top:73px;left:calc(50% - 6px)}.about-method-grid article:nth-child(2) .about-method-visual i{transform-origin:0 0;background:currentColor;border-radius:50%;width:8px;height:8px}.about-method-grid article:nth-child(2) .about-method-visual i:first-child{animation:5s linear infinite about-method-orbit;top:79px;left:50%}.about-method-grid article:nth-child(2) .about-method-visual i:nth-child(2){animation:5s linear -1.65s infinite about-method-orbit;top:79px;left:50%}.about-method-grid article:nth-child(2) .about-method-visual i:nth-child(3){animation:5s linear -3.3s infinite about-method-orbit;top:79px;left:50%}.about-method-grid article:nth-child(3) .about-method-visual{background-image:linear-gradient(currentColor 1px,#0000 1px),linear-gradient(90deg,currentColor 1px,#0000 1px)}@supports (color:color-mix(in lab, red, red)){.about-method-grid article:nth-child(3) .about-method-visual{background-image:linear-gradient(color-mix(in srgb,currentColor 32%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,currentColor 32%,transparent) 1px,transparent 1px)}}.about-method-grid article:nth-child(3) .about-method-visual{background-size:40px 40px}.about-method-grid article:nth-child(3) .about-method-visual i{opacity:.88;background:currentColor;width:39px;height:39px}.about-method-grid article:nth-child(3) .about-method-visual i:first-child{animation:4.8s ease-in-out infinite about-method-grid-a;top:40px;left:calc(50% - 80px)}.about-method-grid article:nth-child(3) .about-method-visual i:nth-child(2){animation:4.8s ease-in-out infinite about-method-grid-b;top:80px;left:50%}.about-method-grid article:nth-child(3) .about-method-visual i:nth-child(3){opacity:.35;top:40px;left:calc(50% + 40px)}.about-method-grid article:nth-child(4) .about-method-visual:before,.about-method-grid article:nth-child(4) .about-method-visual:after{content:"";opacity:.45;background:currentColor;height:1px;position:absolute;left:8%;right:8%}.about-method-grid article:nth-child(4) .about-method-visual:before{top:52px}.about-method-grid article:nth-child(4) .about-method-visual:after{top:108px}.about-method-grid article:nth-child(4) .about-method-visual i{border-top:2px solid;border-right:2px solid;width:14px;height:14px;left:8%;transform:rotate(45deg)}.about-method-grid article:nth-child(4) .about-method-visual i:first-child{animation:3.4s linear infinite about-method-deliver;top:45px}.about-method-grid article:nth-child(4) .about-method-visual i:nth-child(2){animation:3.4s linear -1.7s infinite about-method-deliver;top:101px}.about-method-grid article:nth-child(4) .about-method-visual b{border:1px solid;width:46px;height:86px;top:35px;right:9%}.about-method-grid article:nth-child(4) .about-method-visual b:before{content:"";opacity:.45;border:1px solid;position:absolute;inset:8px}.about-location{color:#fff;background:var(--about-blue);grid-template-columns:1.15fr .85fr;min-height:720px;display:grid}.about-location-map{isolation:isolate;background:#031b48;border-right:1px solid #ffffff59;min-height:720px;position:relative;overflow:hidden}.about-location-map:before{content:"";z-index:2;pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(#075ef23d,#01153a5c),radial-gradient(circle,#1188ff0d,#000f2f94 82%);position:absolute;inset:0}.about-location-map:after{content:"";z-index:5;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 110px #001031c2}.about-map-image{z-index:1;object-fit:cover;object-position:center;filter:grayscale()sepia(.8)hue-rotate(158deg)saturate(2.5)brightness(.7)contrast(1.18);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.018)}.about-map-water{z-index:3;opacity:.17;pointer-events:none;filter:blur(1px);mix-blend-mode:screen;background-image:repeating-radial-gradient(at 20% 12%,#0000 0 22px,#96e1ff47 24px 25px,#0000 28px 52px);background-size:320px 190px;animation:13s ease-in-out infinite alternate about-map-current;position:absolute;inset:-16% -10%}.about-map-water i{aspect-ratio:1;border:1px solid #bcebffb3;border-radius:50%;width:6px;animation:8s ease-in infinite about-map-bubble;position:absolute}.about-map-water i:first-child{animation-delay:-1s;bottom:2%;left:15%}.about-map-water i:nth-child(2){width:10px;animation-delay:-5s;bottom:-4%;left:69%}.about-map-water i:nth-child(3){width:4px;animation-delay:-2.8s;bottom:0;right:15%}.about-map-routes{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:hidden}.about-map-route{opacity:.88;filter:drop-shadow(0 0 7px #65d7ff);border-radius:99px;display:block;position:absolute}.about-map-route:after{content:"";aspect-ratio:1;background:#dff8ff;border-radius:50%;width:9px;animation:3.6s linear infinite about-map-route-dot;position:absolute;box-shadow:0 0 10px #7de4ff,0 0 24px #40bfff}.about-map-route--xinggong{background:repeating-linear-gradient(#a4e8ff26 0 8px,#b9efff 8px 17px,#a4e8ff26 17px 30px) 0 0/100% 60px;width:2px;height:124%;animation:1.4s linear infinite about-map-route-y;top:-12%;left:49.3%;transform:rotate(7.2deg)}.about-map-route--xinggong:after{top:52%;left:-3.5px}.about-map-route--beier{background:repeating-linear-gradient(90deg,#a4e8ff26 0 8px,#b9efff 8px 17px,#a4e8ff26 17px 30px) 0 0/60px 100%;width:124%;height:2px;animation:1.4s linear infinite reverse about-map-route-x;top:50.5%;left:-12%;transform:rotate(19deg)}.about-map-route--beier:after{animation-delay:-1.8s;top:-3.5px;left:50%}.about-map-title,.about-map-coordinate,.about-map-open,.about-map-credit{z-index:9;font:350 8px var(--font-geist-mono),var(--font-cjk-light),monospace;letter-spacing:.14em;position:absolute}.about-map-title{color:#d2f0ffe6;text-shadow:0 2px 12px #031b48;line-height:1.8;top:24px;left:22px}.about-map-coordinate{color:#fff;bottom:20px;left:22px}.about-map-open{color:#fff;border-bottom:1px solid #ffffffb8;padding-bottom:6px;top:24px;right:22px}.about-map-credit{color:#cfeaf9a3;letter-spacing:.04em;bottom:20px;right:22px}.about-map-sonar{z-index:8;aspect-ratio:1;width:clamp(150px,17vw,290px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-map-sonar>i{border:1px solid #b5e5ffb8;border-radius:50%;animation:4.8s ease-out infinite about-map-sonar;position:absolute;inset:0}.about-map-sonar>i:nth-child(2){animation-delay:-1.6s;inset:20%}.about-map-sonar>i:nth-child(3){animation-delay:-3.2s;inset:40%}.about-map-sonar b{color:#fff;letter-spacing:-.08em;text-shadow:0 0 32px #48b7ff94;align-items:flex-start;font-size:clamp(54px,5vw,90px);line-height:.8;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-map-sonar b small{color:#bce8ff;letter-spacing:0;margin:3px 0 0 6px;font-size:13px}.about-location-copy{flex-direction:column;align-items:flex-start;padding:6vw 5vw;display:flex}.about-location-copy h2{letter-spacing:-.045em;max-width:560px;margin:auto 0 2vw;font-size:clamp(48px,5.3vw,94px);line-height:.92}.about-location-copy p{letter-spacing:-.04em;margin:0 0 2.5vw;font-size:clamp(25px,3vw,52px);line-height:1.3}.about-location-copy>a{font:350 10px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.13em;border-bottom:1px solid #fff;padding:11px 0}.about-direct-contact{background:linear-gradient(105deg,#b9d8ff24,#b9d8ff09);border:1px solid #b9d8ff57;grid-template-columns:94px minmax(0,1fr);align-items:center;gap:20px;width:min(100%,480px);margin:0 0 2.5vw;padding:16px;display:grid;box-shadow:inset 3px 0 #b9d8ff}.about-direct-contact figure{aspect-ratio:1;background:#fff;border:3px solid #b9d8ff;width:94px;margin:0;padding:7px;transition:transform .55s cubic-bezier(.2,.8,.2,1);box-shadow:7px 7px #01276f47}.about-direct-contact img{object-fit:contain;width:100%;height:100%;display:block}.about-direct-contact>div{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.about-direct-contact span,.about-direct-contact small{font:350 8px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.13em}.about-direct-contact span{color:#ffffff9e}.about-direct-contact a{color:#d8e7ff;letter-spacing:.035em;margin:11px 0 6px;font-size:clamp(19px,1.8vw,30px)}.about-direct-contact small{color:#ffffffad}.about-direct-contact:hover figure{transform:translateY(-5px)rotate(-1deg)}.about-social{background:#edf3fc;padding:10vw 4vw 12vw}.about-social-head{grid-template-columns:.7fr 1.7fr 1fr;align-items:end;gap:5vw;display:grid}.about-social-head h2{letter-spacing:-.07em;margin:0;font-size:clamp(68px,9vw,165px);line-height:.82}.about-social-head h2 em{color:var(--about-blue);font-style:normal}.about-social-head p{margin:0;font-size:13px;line-height:1.9}.about-qr-grid{grid-template-columns:1fr 1fr;gap:2vw;margin-top:8vw;display:grid}.about-qr-card{color:#fff;grid-template-columns:.8fr 1.2fr;align-items:center;gap:3vw;min-height:620px;padding:2.5vw;display:grid;position:relative;overflow:hidden}.about-qr-card:before{font:700 clamp(100px,12vw,220px)/1 var(--font-geist),sans-serif;letter-spacing:-.08em;opacity:.07;pointer-events:none;position:absolute;top:-2vw;right:-1vw}.about-qr-card--red{background:#ff2442}.about-qr-card--red:before{content:"RED"}.about-qr-card--douyin{background:#0b0b0f}.about-qr-card--douyin:before{content:"DY"}.about-qr-card>div{flex-direction:column;align-self:stretch;display:flex}.about-qr-card span{font:350 8px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.14em}.about-qr-card strong{letter-spacing:-.06em;margin:auto 0 20px;font-size:clamp(35px,4vw,70px)}.about-qr-card small{font-size:11px;line-height:1.7}.about-qr-card p{color:#ffffffb8;margin:28px 0 0;font-size:11px;line-height:1.7}.about-qr-card figure{z-index:1;aspect-ratio:1;background:#fff;width:100%;max-width:520px;margin:0;padding:14px;transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s;position:relative}.about-qr-card img{object-fit:contain;width:100%;height:100%;display:block}.about-qr-card--red figure{box-shadow:18px 18px #68001233}.about-qr-card--douyin figure{box-shadow:12px 12px #25f4ee,-12px -12px #fe2c55}.about-qr-card:hover figure{transform:translateY(-10px)rotate(1deg)}.about-qr-card--douyin:hover figure{transform:translateY(-10px)rotate(-1deg)}.about-footer{color:#fff;background:var(--about-ink);flex-direction:column;min-height:72vh;padding:5vw 4vw 3vw;display:flex}.about-footer>span,.about-footer small{font:350 9px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.15em}.about-footer h2{letter-spacing:-.07em;margin:auto 0 5vw;font-size:clamp(60px,9.5vw,175px);font-weight:650;line-height:.92}.about-footer>div{gap:40px;display:flex}.about-footer a{font:350 10px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.12em;border-bottom:1px solid;padding-bottom:8px}.about-footer small{opacity:.6;margin-top:4vw}.tiles-footer>div{gap:24px;display:flex}@keyframes about-orbit-drift{0%,to{transform:translate(0)rotate(-5deg)}50%{transform:translate(-18px,-14px)rotate(5deg)}}@keyframes about-image-trail-reveal{0%{opacity:0;transform:translate(-50%,-50%) scale(.38) rotate(var(--trail-rotate))}15%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(var(--trail-rotate))}64%{opacity:1;transform:translate(-50%,calc(-50% - 14px)) scale(.98) rotate(var(--trail-rotate))}to{opacity:0;transform:translate(-50%,calc(-50% - 62px)) scale(.78) rotate(var(--trail-rotate))}}@keyframes about-map-current{0%{transform:translate(-2%,-1%)scale(1)}to{transform:translate(3%,2%)scale(1.06)}}@keyframes about-map-bubble{0%{opacity:0;transform:translateY(0)scale(.7)}18%{opacity:.8}to{opacity:0;transform:translateY(-440px)scale(1.35)}}@keyframes about-map-sonar{0%{opacity:.78;transform:scale(.82)}72%,to{opacity:.08;transform:scale(1.08)}}@keyframes about-map-route-x{to{background-position:60px 0}}@keyframes about-map-route-y{to{background-position:0 60px}}@keyframes about-map-route-dot{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1)}70%,to{opacity:0;transform:scale(2.6)}}@keyframes about-method-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,currentColor 42%,transparent)}75%,to{box-shadow:0 0 0 55px #0000}}@keyframes about-method-orbit{to{transform:rotate(360deg)translate(56px)rotate(-360deg)}}@keyframes about-method-grid-a{0%,to{transform:translate(0)}50%{transform:translate(80px,40px)}}@keyframes about-method-grid-b{0%,to{transform:translate(0)}50%{transform:translate(-80px,-40px)}}@keyframes about-method-deliver{0%{opacity:0;left:8%}15%{opacity:1}78%{opacity:1}to{opacity:0;left:75%}}@media (prefers-reduced-motion:reduce){.about-trail-item{animation:none!important}.about-trail-item:first-child,.about-trail-item:nth-child(2),.about-trail-item:nth-child(3){opacity:.82;transform:translate(-50%,-50%)scale(.75)}.about-trail-item:first-child{top:30%;left:18%}.about-trail-item:nth-child(2){top:36%;left:82%}.about-trail-item:nth-child(3){top:78%;left:24%}.about-map-water,.about-map-water i,.about-map-sonar>i,.about-map-route,.about-map-route:after,.about-method-visual i,.about-method-visual b{animation:none!important}}@media (max-width:760px){.about-hero{height:100svh;min-height:720px;padding:90px 5vw 7vw}.about-hero:before{background-size:25vw 25vw;top:64px}.about-hero h1{margin-top:8vh;font-size:34vw;line-height:.76}.about-hero-cn{font-size:14vw;top:27%;right:5vw}.about-hero-copy{bottom:12vw;left:5vw}.about-hero-copy strong{font-size:7vw}.about-hero-place{display:none}.about-orbit{width:66vw;min-width:0;bottom:18vw;right:-22vw}.about-orbit b{font-size:6vw}.about-intro{padding:20vw 5vw}.about-intro>div{grid-template-columns:1fr;gap:14vw;margin-top:12vw}.about-intro h2{font-size:13vw}.about-image-trail{padding-bottom:20vw}.about-image-trail-head{margin:0 5vw}.about-image-trail-head span{max-width:50vw;line-height:1.7}.about-image-trail-stage{background-size:22vw 22vw;min-height:142vw}.about-image-trail-stage:before{inset:18% -12%;transform:none}.about-image-trail-copy{width:78vw}.about-image-trail-copy h2{margin:18px 0 16px;font-size:11.5vw}.about-image-trail-copy p{max-width:62vw;margin-inline:auto;line-height:1.7}.about-trail-item{width:min(42vw,180px);box-shadow:0 14px 36px #00184c3d}.about-services,.about-method,.about-social{padding:20vw 5vw}.about-section-heading,.about-social-head{grid-template-columns:1fr;gap:10vw}.about-section-heading h2,.about-social-head h2{font-size:16vw}.about-service-list{margin-top:16vw}.about-service-row{grid-template-columns:32px 1fr 22px;gap:4vw;min-height:130px;padding:22px 0}.about-service-row strong{font-size:8.5vw}.about-service-row h3,.about-service-row p{grid-column:2}.about-service-row b{grid-area:1/3/4}.about-belief{min-height:720px;padding:18vw 5vw}.about-belief blockquote{margin:20vw 0 0;font-size:11.5vw}.about-belief>p{width:84%;margin:14vw 0 0 auto}.about-method-grid{grid-template-columns:1fr 1fr;margin-top:16vw}.about-method-grid article{min-height:390px;padding:18px 5vw 26px}.about-method-visual{margin:26px -5vw 0}.about-method-grid h3{font-size:8vw}.about-location{grid-template-columns:1fr;min-height:0}.about-location-map{border-bottom:1px solid #fff6;border-right:0;min-height:100vw}.about-location-copy{min-height:110vw;padding:12vw 5vw}.about-location-copy h2{margin-top:auto;font-size:12vw}.about-location-copy p{margin:8vw 0;font-size:8vw}.about-direct-contact{grid-template-columns:88px minmax(0,1fr);width:100%;margin-bottom:9vw}.about-direct-contact figure{width:88px}.about-qr-grid{grid-template-columns:1fr;gap:5vw;margin-top:16vw}.about-qr-card{grid-template-columns:1fr;min-height:0;padding:5vw}.about-qr-card>div{min-height:170px}.about-qr-card figure{max-width:none}.about-footer{min-height:650px;padding:12vw 5vw 8vw}.about-footer h2{font-size:14vw}.about-footer>div{flex-direction:column;align-items:flex-start;gap:22px}}.gdm-page{--gdm-blue:#0878b9;--gdm-dark:#17130f;--gdm-cream:#f4dbad;--gdm-paper:#f4f5f2;color:var(--gdm-dark);background:var(--gdm-paper);overflow:hidden}.gdm-header{color:#fff;background:var(--gdm-blue);height:68px;font:350 9px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.14em;border-bottom:1px solid #ffffff6b;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 3vw;display:grid}.gdm-header>span{text-align:center}.gdm-header>a:last-child{text-align:right}.gdm-hero{color:#fff;background:var(--gdm-blue);grid-template-columns:.82fr 1.18fr;height:830px;min-height:calc(100vh - 68px);display:grid;position:relative}.gdm-hero:before{content:"";opacity:.22;pointer-events:none;background-image:linear-gradient(#ffffff59 1px,#0000 1px),linear-gradient(90deg,#ffffff59 1px,#0000 1px);background-size:70px 70px;position:absolute;inset:0}.gdm-hero-copy{z-index:2;flex-direction:column;align-items:flex-start;padding:5vw 3.5vw;display:flex;position:relative}.gdm-hero-copy>span,.gdm-intro>span,.gdm-cast-head>span,.gdm-keyvisual>div>span,.gdm-app-head>span,.gdm-finale span{font:350 9px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.16em}.gdm-hero h1{width:min(100%,520px);margin:auto 0 0;line-height:0}.gdm-hero-logo{object-fit:contain;object-position:left center;width:100%;max-height:220px;display:block}.gdm-hero-copy strong{color:var(--gdm-cream);letter-spacing:-.04em;margin:2.5vw 0 2vw;font-size:clamp(32px,4vw,70px);line-height:.72}.gdm-hero-copy p{margin:0;font-size:14px;line-height:1.9}.gdm-hero-visual{z-index:1;aspect-ratio:16/10;background:#f4f5f2f0;border:1px solid #fff9;align-self:center;place-items:center;width:auto;max-height:700px;margin:3vw 3vw 3vw 0;padding:clamp(18px,2.2vw,40px);display:grid;position:relative;overflow:hidden}.gdm-hero-visual img{object-fit:contain;object-position:center;width:100%;height:100%;animation:7s ease-in-out infinite gdm-hero-breathe}.gdm-hero-visual i{border:1px solid #ffffffc7;border-radius:50%;width:44%;height:22%;animation:8s ease-in-out infinite gdm-ring;position:absolute}.gdm-hero-visual i:first-of-type{top:11%;right:-8%;transform:rotate(-18deg)}.gdm-hero-visual i:nth-of-type(2){animation-delay:-3s;bottom:12%;left:-10%;transform:rotate(14deg)}.gdm-hero>small{z-index:2;font:350 8px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.14em;position:absolute;bottom:1.2vw;right:3.5vw}.gdm-intro{background:var(--gdm-paper);padding:10vw 4vw 11vw}.gdm-intro>div{grid-template-columns:1.5fr .5fr;align-items:end;gap:8vw;margin:7vw 0 0 15vw;display:grid}.gdm-intro h2,.gdm-cast-head h2,.gdm-app-head h2{letter-spacing:-.07em;margin:0;font-size:clamp(62px,8vw,145px);font-weight:670;line-height:.95}.gdm-intro h2 em,.gdm-cast-head h2 em,.gdm-app-head h2 em{color:var(--gdm-blue);font-style:normal}.gdm-intro p{border-top:1px solid;margin:0;padding-top:24px;font-size:14px;line-height:2}.gdm-noodle-stage{color:#fff;background:var(--gdm-dark);grid-template-columns:.72fr 1.28fr;align-items:center;gap:4vw;min-height:780px;padding:5vw;display:grid;position:relative;overflow:hidden}.gdm-noodle-stage:before{content:"NOODLES";color:#ffffff0e;letter-spacing:-.09em;font-size:20vw;font-weight:800;line-height:.75;position:absolute;bottom:-2.5vw;left:-2vw}.gdm-noodle-copy{z-index:2;position:relative}.gdm-noodle-copy span{color:var(--gdm-cream);font:350 9px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.16em;display:block}.gdm-noodle-copy strong{letter-spacing:-.07em;margin:2.5vw 0;font-size:clamp(60px,7vw,130px);line-height:.78;display:block}.gdm-noodle-copy p{max-width:380px;margin:0;font-size:14px;line-height:1.9}.gdm-noodle-stage figure{z-index:1;margin:0;position:relative;overflow:hidden}.gdm-noodle-stage figure img{width:100%;animation:5s ease-in-out infinite gdm-float;display:block}.gdm-noodle-line{pointer-events:none;position:absolute;inset:0}.gdm-noodle-line i{border:2px solid var(--gdm-cream);opacity:.5;border-radius:50%;width:48vw;height:12vw;position:absolute}.gdm-noodle-line i:first-child{top:10vw;left:-12vw;transform:rotate(12deg)}.gdm-noodle-line i:nth-child(2){bottom:8vw;right:-10vw;transform:rotate(-10deg)}.gdm-noodle-line i:nth-child(3){bottom:-7vw;left:24vw;transform:rotate(5deg)}.gdm-cast{background:var(--gdm-cream);padding:10vw 4vw}.gdm-cast-head{grid-template-columns:.45fr 1.3fr .6fr;align-items:end;gap:5vw;display:grid}.gdm-cast-head p{margin:0;font-size:14px;line-height:1.95}.gdm-cast-grid{grid-template-columns:1fr 1fr;gap:2vw;margin-top:8vw;display:grid}.gdm-cast-grid figure{background:#fff;margin:0;overflow:hidden}.gdm-cast-grid img{object-fit:cover;width:100%;height:100%;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.gdm-cast-grid figure:hover img{transform:scale(1.025)}.gdm-cast-wide{aspect-ratio:2.1;grid-column:1/-1}.gdm-cast-card{aspect-ratio:1.2}.gdm-keyvisual{color:#fff;background:var(--gdm-blue);grid-template-columns:.65fr 1.35fr;align-items:center;gap:5vw;min-height:800px;padding:7vw 4vw;display:grid}.gdm-keyvisual h2{letter-spacing:-.07em;margin:4vw 0 0;font-size:clamp(54px,6vw,110px);line-height:.98}.gdm-keyvisual figure{border:1px solid #ffffff80;margin:0;overflow:hidden}.gdm-keyvisual img{width:100%;animation:6s ease-in-out infinite gdm-keyvisual-rock;display:block}.gdm-poster-pair{background:var(--gdm-blue);grid-template-columns:1fr 1fr;gap:3vw;padding:3vw;display:grid}.gdm-poster-pair figure{margin:0;overflow:hidden}.gdm-poster-pair img{object-fit:cover;width:100%;height:100%;transition:transform 1s}.gdm-poster-pair figure:hover img{transform:scale(1.02)}.gdm-applications{background:#f5f6f3;padding:11vw 4vw}.gdm-app-head{grid-template-columns:.45fr 1.55fr;align-items:start;gap:5vw;display:grid}.gdm-application-grid{grid-template-columns:1fr 1fr;align-items:start;gap:3vw;margin-top:9vw;display:grid}.gdm-application-grid figure{background:#e9ebea;margin:0;overflow:hidden}.gdm-application-grid img{width:100%;transition:transform 1s cubic-bezier(.2,.8,.2,1);display:block}.gdm-application-grid figure:hover img{transform:scale(1.02)}.gdm-app-wide{grid-column:1/-1}.gdm-application-grid figure:nth-child(3),.gdm-application-grid figure:nth-child(5){margin-top:7vw}.gdm-finale{color:#fff;background:var(--gdm-dark);grid-template-columns:1.25fr .75fr;align-items:center;gap:6vw;min-height:800px;padding:6vw 4vw;display:grid}.gdm-finale>img{width:100%;transform:rotate(-2deg);box-shadow:0 30px 80px #00000040}.gdm-finale h2{color:var(--gdm-cream);letter-spacing:-.065em;margin:4vw 0 2vw;font-size:clamp(46px,5.5vw,100px);line-height:.98}.gdm-finale p{max-width:430px;margin:0;font-size:14px;line-height:1.95}.gdm-next{color:#fff;background:var(--gdm-blue);flex-direction:column;justify-content:space-between;min-height:62vh;padding:5vw 4vw;display:flex}.gdm-next>span{font:350 9px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.15em}.gdm-next a{letter-spacing:-.07em;border-bottom:1px solid;justify-content:space-between;align-items:end;font-size:clamp(65px,12vw,220px);line-height:.8;display:flex}.gdm-next b{color:var(--gdm-cream);font-weight:400}@keyframes gdm-hero-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.022)}}@keyframes gdm-ring{0%,to{translate:0;scale:1}50%{translate:-15px 10px;scale:1.08}}@keyframes gdm-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(.5deg)}}@keyframes gdm-keyvisual-rock{0%,to{transform:scale(1.01)rotate(0)}50%{transform:scale(1.035)rotate(-.5deg)}}@media (max-width:760px){.gdm-header{grid-template-columns:1fr 1fr;padding:0 5vw}.gdm-header>span{display:none}.gdm-hero{grid-template-columns:1fr;height:auto;min-height:760px}.gdm-hero-copy{min-height:510px;padding:12vw 5vw 7vw}.gdm-hero h1{width:min(86vw,470px)}.gdm-hero-logo{max-height:42vw}.gdm-hero-copy strong{margin:7vw 0;font-size:10vw}.gdm-hero-visual{aspect-ratio:4/3;min-height:0;margin:0 5vw 12vw;padding:5vw}.gdm-hero>small{display:none}.gdm-intro{padding:20vw 5vw}.gdm-intro>div{grid-template-columns:1fr;gap:14vw;margin:14vw 0 0}.gdm-intro h2,.gdm-cast-head h2,.gdm-app-head h2{font-size:14vw}.gdm-noodle-stage{grid-template-columns:1fr;gap:14vw;min-height:0;padding:20vw 5vw}.gdm-noodle-copy strong{margin:7vw 0;font-size:16vw}.gdm-cast{padding:20vw 5vw}.gdm-cast-head{grid-template-columns:1fr;gap:10vw}.gdm-cast-grid{grid-template-columns:1fr;gap:5vw;margin-top:16vw}.gdm-cast-wide{aspect-ratio:1.35;grid-column:auto}.gdm-cast-card{aspect-ratio:1.25}.gdm-keyvisual{grid-template-columns:1fr;gap:12vw;min-height:0;padding:20vw 5vw}.gdm-keyvisual h2{font-size:14vw}.gdm-poster-pair{grid-template-columns:1fr;gap:5vw;padding:5vw}.gdm-applications{padding:20vw 5vw}.gdm-app-head{grid-template-columns:1fr;gap:10vw}.gdm-application-grid{grid-template-columns:1fr;gap:5vw;margin-top:16vw}.gdm-app-wide{grid-column:auto}.gdm-application-grid figure:nth-child(3),.gdm-application-grid figure:nth-child(5){margin-top:0}.gdm-finale{grid-template-columns:1fr;gap:15vw;min-height:0;padding:20vw 5vw}.gdm-finale h2{margin:8vw 0 5vw;font-size:13vw}.gdm-next{min-height:420px;padding:12vw 5vw}}.yjy-page{--yjy-aqua:#31b5c1;--yjy-orange:#ef632c;--yjy-purple:#4a173f;--yjy-cream:#f3ddb0;color:var(--yjy-purple);background:#f4f2ea;overflow:hidden}.yjy-header{height:68px;color:var(--yjy-purple);background:var(--yjy-aqua);font:350 9px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.14em;border-bottom:1px solid #4a173f4d;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 3vw;display:grid}.yjy-header>span{text-align:center}.yjy-header>a:last-child{text-align:right}.yjy-hero{height:850px;min-height:calc(100vh - 68px);color:var(--yjy-purple);background:var(--yjy-aqua);grid-template-columns:.7fr 1.3fr;gap:3vw;padding:3vw;display:grid;position:relative}.yjy-hero:before{content:"";opacity:.18;background-image:radial-gradient(var(--yjy-purple) 1.2px,transparent 1.2px);background-size:17px 17px;position:absolute;inset:0}.yjy-hero-title{z-index:2;flex-direction:column;align-items:flex-start;display:flex;position:relative}.yjy-hero-title>span,.yjy-intro>span,.yjy-visual-head>span,.yjy-pattern span,.yjy-section-head>span,.yjy-people>div>span,.yjy-finale span{font:350 9px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.16em}.yjy-hero h1{width:min(100%,410px);margin:auto 0 0;line-height:0}.yjy-hero-logo{object-fit:contain;object-position:left center;width:100%;max-height:230px;display:block}.yjy-hero-title strong{color:#f3e5c2;letter-spacing:-.06em;margin:2.5vw 0;font-size:clamp(46px,5.4vw,96px);line-height:.75}.yjy-hero-title p{margin:0 0 1vw;font-size:12px;line-height:1.8}.yjy-hero>figure{z-index:1;aspect-ratio:16/10;background:#f4f2eaf0;border:1px solid #4a173f59;align-self:center;place-items:center;width:100%;max-height:700px;margin:0;padding:clamp(18px,2.2vw,40px);display:grid;position:relative;overflow:hidden}.yjy-hero>figure img{object-fit:contain;object-position:center;width:100%;height:100%;animation:7s ease-in-out infinite yjy-hero-drift}.yjy-hero-stamp{z-index:4;aspect-ratio:1;color:#fff;background:var(--yjy-orange);border:4px solid #fff;border-radius:50%;place-items:center;width:11vw;font-size:5vw;font-weight:760;animation:5s ease-in-out infinite yjy-stamp;display:grid;position:absolute;bottom:4.5vw;right:4.5vw;transform:rotate(8deg)}.yjy-hero-stamp small{font:350 6px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.12em;position:absolute;bottom:13%}.yjy-intro{background:#f7f2e7;padding:10vw 4vw 11vw}.yjy-intro>div{grid-template-columns:1.45fr .55fr;align-items:end;gap:8vw;margin:7vw 0 0 15vw;display:grid}.yjy-intro h2,.yjy-visual-head h2,.yjy-section-head h2{letter-spacing:-.07em;margin:0;font-size:clamp(60px,8vw,145px);font-weight:670;line-height:.96}.yjy-intro h2 em,.yjy-section-head h2 em{color:var(--yjy-orange);font-style:normal}.yjy-intro p{border-top:1px solid;margin:0;padding-top:24px;font-size:14px;line-height:2}.yjy-visual-system{color:#fff;background:var(--yjy-purple);padding:9vw 4vw 4vw}.yjy-visual-head{grid-template-columns:.5fr 1.5fr;align-items:start;gap:5vw;display:grid}.yjy-visual-head h2{color:var(--yjy-cream)}.yjy-visual-grid{grid-template-columns:1fr 1fr;gap:3vw;margin-top:8vw;display:grid}.yjy-visual-grid figure{background:var(--yjy-aqua);margin:0;overflow:hidden}.yjy-visual-grid figure:first-child{grid-column:1/-1}.yjy-visual-grid img{width:100%;transition:transform 1s;display:block}.yjy-visual-grid figure:hover img{transform:scale(1.02)}.yjy-pattern{min-height:760px;color:var(--yjy-purple);background:var(--yjy-aqua);grid-template-columns:1.15fr .85fr;align-items:center;gap:6vw;padding:7vw 4vw;display:grid}.yjy-pattern figure{border:1px solid #4a173f47;margin:0;overflow:hidden}.yjy-pattern figure img{width:100%;animation:6s ease-in-out infinite yjy-pattern-float;display:block}.yjy-pattern h2{letter-spacing:-.065em;margin:4vw 0 2.5vw;font-size:clamp(48px,5.4vw,98px);line-height:.98}.yjy-pattern p{max-width:460px;margin:0;font-size:14px;line-height:2}.yjy-touchpoints{background:#f6f2e9;padding:11vw 4vw}.yjy-section-head{grid-template-columns:.42fr 1.58fr;align-items:start;gap:5vw;display:grid}.yjy-touch-grid{grid-template-columns:1fr 1fr;align-items:start;gap:3vw;margin-top:9vw;display:grid}.yjy-touch-grid figure{background:var(--yjy-aqua);margin:0;overflow:hidden}.yjy-touch-grid img{width:100%;transition:transform 1s cubic-bezier(.2,.8,.2,1);display:block}.yjy-touch-grid figure:hover img{transform:scale(1.025)}.yjy-touch-grid figure:nth-child(2),.yjy-touch-grid figure:nth-child(4){margin-top:7vw}.yjy-touch-wide{grid-column:1/-1;margin-top:3vw!important}.yjy-people{color:#fff;background:var(--yjy-orange);grid-template-columns:.7fr 1fr 1fr;align-items:end;gap:3vw;padding:8vw 4vw;display:grid}.yjy-people>div{align-self:start}.yjy-people h2{letter-spacing:-.065em;margin:5vw 0 0;font-size:clamp(48px,5vw,90px);line-height:1}.yjy-people figure{margin:0;overflow:hidden}.yjy-people figure:nth-of-type(2){margin-bottom:8vw}.yjy-people img{width:100%;transition:transform .9s;display:block}.yjy-people figure:hover img{transform:scale(1.025)}.yjy-outdoor{color:#fff;background:var(--yjy-purple);padding:11vw 4vw}.yjy-outdoor .yjy-section-head h2 em{color:var(--yjy-aqua)}.yjy-outdoor-grid{grid-template-columns:1fr 1fr;align-items:start;gap:3vw;margin-top:9vw;display:grid}.yjy-outdoor-grid figure{margin:0;overflow:hidden}.yjy-outdoor-grid img{width:100%;transition:transform 1s;display:block}.yjy-outdoor-grid figure:hover img{transform:scale(1.02)}.yjy-outdoor-wide{grid-column:1/-1}.yjy-outdoor-grid figure:nth-child(3){margin-top:7vw}.yjy-finale{min-height:780px;color:var(--yjy-purple);background:var(--yjy-cream);grid-template-columns:1.25fr .75fr;align-items:center;gap:6vw;padding:7vw 4vw;display:grid}.yjy-finale figure{margin:0;transform:rotate(-2deg);box-shadow:0 30px 80px #4a173f29}.yjy-finale img{width:100%;display:block}.yjy-finale h2{letter-spacing:-.065em;margin:4vw 0 2.5vw;font-size:clamp(50px,5.6vw,102px);line-height:.98}.yjy-finale p{max-width:450px;margin:0;font-size:14px;line-height:2}.yjy-next{min-height:62vh;color:var(--yjy-purple);background:var(--yjy-aqua);flex-direction:column;justify-content:space-between;padding:5vw 4vw;display:flex}.yjy-next>span{font:350 9px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.15em}.yjy-next a{letter-spacing:-.07em;border-bottom:1px solid;justify-content:space-between;align-items:end;font-size:clamp(65px,12vw,220px);line-height:.8;display:flex}.yjy-next b{color:var(--yjy-orange);font-weight:400}@keyframes yjy-hero-drift{0%,to{transform:scale(1)}50%{transform:scale(1.022)}}@keyframes yjy-stamp{0%,to{transform:translateY(0)rotate(8deg)}50%{transform:translateY(-12px)rotate(2deg)}}@keyframes yjy-pattern-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-9px)rotate(.4deg)}}@media (max-width:760px){.yjy-header{grid-template-columns:1fr 1fr;padding:0 5vw}.yjy-header>span{display:none}.yjy-hero{grid-template-columns:1fr;height:auto;min-height:820px;padding:10vw 5vw}.yjy-hero-title{min-height:430px}.yjy-hero h1{width:min(68vw,360px)}.yjy-hero-logo{max-height:45vw}.yjy-hero-title strong{margin:7vw 0;font-size:12vw}.yjy-hero>figure{aspect-ratio:4/3;min-height:0;padding:5vw}.yjy-hero-stamp{width:27vw;font-size:12vw;bottom:14vw;right:7vw}.yjy-intro{padding:20vw 5vw}.yjy-intro>div{grid-template-columns:1fr;gap:14vw;margin:14vw 0 0}.yjy-intro h2,.yjy-visual-head h2,.yjy-section-head h2{font-size:14vw}.yjy-visual-system,.yjy-touchpoints,.yjy-outdoor{padding:20vw 5vw}.yjy-visual-head,.yjy-section-head{grid-template-columns:1fr;gap:10vw}.yjy-visual-grid,.yjy-touch-grid,.yjy-outdoor-grid{grid-template-columns:1fr;gap:5vw;margin-top:16vw}.yjy-visual-grid figure:first-child,.yjy-touch-wide,.yjy-outdoor-wide{grid-column:auto}.yjy-touch-grid figure:nth-child(2),.yjy-touch-grid figure:nth-child(4),.yjy-touch-wide,.yjy-outdoor-grid figure:nth-child(3){margin-top:0!important}.yjy-pattern{grid-template-columns:1fr;gap:14vw;min-height:0;padding:20vw 5vw}.yjy-pattern h2{margin:8vw 0 5vw;font-size:13vw}.yjy-people{grid-template-columns:1fr;gap:5vw;padding:20vw 5vw}.yjy-people h2{margin:9vw 0 12vw;font-size:13vw}.yjy-people figure:nth-of-type(2){margin-bottom:0}.yjy-finale{grid-template-columns:1fr;gap:15vw;min-height:0;padding:20vw 5vw}.yjy-finale h2{margin:8vw 0 5vw;font-size:13vw}.yjy-next{min-height:420px;padding:12vw 5vw}}.brandcase{color:var(--bc-ink);background:var(--bc-paper);overflow:hidden}.brandcase-header{height:68px;color:var(--bc-ink);background:var(--bc-primary);border-bottom:1px solid var(--bc-ink);grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 3vw;display:grid}@supports (color:color-mix(in lab, red, red)){.brandcase-header{border-bottom:1px solid color-mix(in srgb,var(--bc-ink) 28%,transparent)}}.brandcase-header{font:350 9px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.14em}.brandcase-header>span{text-align:center}.brandcase-header>a:last-child{text-align:right}.brandcase-hero{background:var(--bc-primary);grid-template-columns:.72fr 1.28fr;gap:3vw;height:850px;min-height:calc(100vh - 68px);padding:3vw;display:grid;position:relative}.brandcase-hero:before{content:"";opacity:.17;pointer-events:none;background-image:linear-gradient(var(--bc-ink) 1px,transparent 1px),linear-gradient(90deg,var(--bc-ink) 1px,transparent 1px);background-size:76px 76px;position:absolute;inset:0}.brandcase--miaojidao .brandcase-hero:before{background-image:radial-gradient(var(--bc-ink) 1.5px,transparent 1.5px);background-size:18px 18px}.brandcase--haixinmiao .brandcase-hero:before{background-image:repeating-linear-gradient(135deg,var(--bc-ink) 0 1px,transparent 1px 32px)}.brandcase--fengtianbobo .brandcase-hero:before{background-image:linear-gradient(90deg,var(--bc-ink) 1px,transparent 1px);background-size:9vw 100%}.brandcase--huananchuanxiang .brandcase-hero:before{background-image:radial-gradient(circle at 50% 50%,transparent 0 9px,var(--bc-ink) 10px 11px,transparent 12px);background-size:46px 46px}.brandcase-hero-copy{z-index:2;flex-direction:column;align-items:flex-start;display:flex;position:relative}.brandcase-hero-copy>span,.brandcase-intro>span,.brandcase-section-head>span,.brandcase-graphics>div>span,.brandcase-space>div>span,.brandcase-final>span{font:350 9px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.16em}.brandcase-hero h1{width:min(100%,460px);margin:auto 0 0;line-height:0}.brandcase-hero-logo{object-fit:contain;object-position:left center;width:100%;max-height:220px;display:block}.brandcase-hero-copy strong{color:var(--bc-accent);letter-spacing:-.055em;margin:2.5vw 0;font-size:clamp(34px,4.5vw,82px);line-height:.76}.brandcase-hero-copy p{max-width:310px;font:350 9px/1.8 var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.11em;margin:0 0 1vw}.brandcase-hero>figure{z-index:1;aspect-ratio:16/10;border:1px solid var(--bc-ink);align-self:center;place-items:center;width:100%;max-height:700px;margin:0;padding:clamp(18px,2.2vw,40px);display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.brandcase-hero>figure{border:1px solid color-mix(in srgb,var(--bc-ink) 35%,transparent)}}.brandcase-hero>figure{background:var(--bc-paper)}@supports (color:color-mix(in lab, red, red)){.brandcase-hero>figure{background:color-mix(in srgb,var(--bc-paper) 94%,white)}}.brandcase-hero>figure img{object-fit:contain;object-position:center;width:100%;height:100%;animation:7s ease-in-out infinite brandcase-hero-drift}.brandcase-orbit{z-index:3;aspect-ratio:1;border:1px solid var(--bc-ink);background:var(--bc-accent);border-radius:50%;place-items:center;width:10vw;animation:6s ease-in-out infinite brandcase-orbit;display:grid;position:absolute;bottom:4vw;right:4vw}.brandcase-orbit:before{content:"";border:1px solid var(--bc-ink);border-radius:50%;position:absolute;inset:16%}.brandcase-orbit i{background:var(--bc-ink);border-radius:50%;width:6px;height:6px;position:absolute}.brandcase-orbit i:first-child{top:2%;left:48%}.brandcase-orbit i:nth-child(2){bottom:20%;right:7%}.brandcase-orbit b{font-size:2.2vw}.brandcase-intro{background:var(--bc-paper);padding:10vw 4vw 11vw}.brandcase-intro>div{grid-template-columns:1.42fr .58fr;align-items:end;gap:8vw;margin:7vw 0 0 14vw;display:grid}.brandcase-intro h2,.brandcase-section-head h2{letter-spacing:-.07em;margin:0;font-size:clamp(58px,7.7vw,140px);font-weight:670;line-height:.96}.brandcase-intro p{border-top:1px solid;margin:0;padding-top:24px;font-size:14px;line-height:2}.brandcase-system{color:var(--bc-paper);background:var(--bc-ink);padding:10vw 4vw}.brandcase-section-head{grid-template-columns:.4fr 1.25fr .55fr;align-items:end;gap:5vw;display:grid}.brandcase-system .brandcase-section-head h2{color:var(--bc-accent)}.brandcase-section-head p{margin:0;font-size:14px;line-height:1.95}.brandcase-system-grid{grid-template-columns:1fr 1fr;gap:3vw;margin-top:9vw;display:grid}.brandcase-system-grid figure{background:var(--bc-primary);margin:0;overflow:hidden}.brandcase-system-grid figure.is-wide{grid-column:1/-1}.brandcase-system-grid img{width:100%;transition:transform 1s cubic-bezier(.2,.8,.2,1);display:block}.brandcase-system-grid figure:hover img{transform:scale(1.02)}.brandcase-graphics{color:var(--bc-ink);background:var(--bc-primary);padding:10vw 4vw}.brandcase-graphics>div:first-child{width:min(980px,72vw);margin-left:13vw}.brandcase-graphics h2{letter-spacing:-.07em;margin:5vw 0 2.5vw;font-size:clamp(58px,7vw,126px);line-height:.97}.brandcase-graphics p{width:min(500px,42vw);margin:0 0 0 auto;font-size:14px;line-height:2}.brandcase-graphic-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:2vw;margin-top:8vw;display:grid}.brandcase-graphic-grid figure{background:var(--bc-paper);margin:0;overflow:hidden}.brandcase-graphic-grid figure.is-raised{margin-top:-4vw}.brandcase-graphic-grid img{width:100%;transition:transform .9s;display:block}.brandcase-graphic-grid figure:hover img{transform:scale(1.025)}.brandcase-application{background:var(--bc-paper);padding:11vw 4vw}.brandcase-application .brandcase-section-head h2{color:var(--bc-primary);filter:saturate(1.2)}.brandcase-application-grid{grid-template-columns:1fr 1fr;align-items:start;gap:3vw;margin-top:9vw;display:grid}.brandcase-application-grid figure{background:#e7e4dd;margin:0;overflow:hidden}.brandcase-application-grid figure:nth-child(2n){margin-top:6vw}.brandcase-application-grid figure.is-wide{grid-column:1/-1;margin-top:3vw}.brandcase-application-grid img{width:100%;transition:transform 1s;display:block}.brandcase-application-grid figure:hover img{transform:scale(1.02)}.brandcase-space{color:var(--bc-paper);background:var(--bc-ink);padding:9vw 4vw}.brandcase-space>div:first-child{grid-template-columns:.4fr 1.6fr;align-items:start;gap:5vw;display:grid}.brandcase-space h2{color:var(--bc-accent);letter-spacing:-.07em;margin:0;font-size:clamp(64px,8vw,145px);line-height:.94}.brandcase-space-grid{grid-template-columns:repeat(2,1fr);gap:3vw;margin-top:8vw;display:grid}.brandcase-space-grid figure{margin:0;overflow:hidden}.brandcase-space-grid figure:only-child{grid-column:1/-1}.brandcase-space-grid img{object-fit:cover;width:100%;height:100%;max-height:78vh;transition:transform 1.1s}.brandcase-space-grid figure:hover img{transform:scale(1.018)}.brandcase-final{background:var(--bc-accent);flex-direction:column;justify-content:center;min-height:720px;padding:8vw 13vw;display:flex}.brandcase-final h2{letter-spacing:-.075em;margin:7vw 0 3vw;font-size:clamp(66px,8.6vw,155px);line-height:.93}.brandcase-final p{border-top:1px solid;width:min(520px,46vw);margin:0 0 0 auto;padding-top:22px;font-size:14px;line-height:2}.brandcase-next{min-height:58vh;color:var(--bc-ink);background:var(--bc-primary);flex-direction:column;justify-content:space-between;padding:5vw 4vw;display:flex}.brandcase-next>span{font:350 9px var(--font-geist-mono), var(--font-cjk-light), monospace;letter-spacing:.15em}.brandcase-next a{letter-spacing:-.075em;border-bottom:1px solid;justify-content:space-between;align-items:end;font-size:clamp(65px,12vw,220px);line-height:.8;display:flex}.brandcase-next b{color:var(--bc-accent);font-weight:400}:is(.brandcase-next,.case-detail-next,.gdm-next,.yjy-next) a{z-index:5;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:100%;position:relative}:is(.brandcase-next,.case-detail-next,.gdm-next,.yjy-next) a>*{pointer-events:none}@keyframes brandcase-hero-drift{0%,to{transform:scale(1)}50%{transform:scale(1.022)}}@keyframes brandcase-orbit{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-13px)rotate(6deg)}}@media (max-width:760px){.brandcase-header{grid-template-columns:1fr 1fr;padding:0 5vw}.brandcase-header>span{display:none}.brandcase-hero{grid-template-columns:1fr;height:auto;min-height:820px;padding:10vw 5vw}.brandcase-hero-copy{min-height:430px}.brandcase-hero h1{width:min(88vw,520px)}.brandcase-hero-logo{max-height:34vw}.brandcase-hero-copy strong{margin:7vw 0;font-size:11vw}.brandcase-hero>figure{aspect-ratio:4/3;min-height:0;padding:5vw}.brandcase-orbit{width:27vw;bottom:13vw;right:7vw}.brandcase-orbit b{font-size:7vw}.brandcase-intro,.brandcase-system,.brandcase-graphics,.brandcase-application,.brandcase-space{padding:20vw 5vw}.brandcase-intro>div{grid-template-columns:1fr;gap:14vw;margin:14vw 0 0}.brandcase-intro h2,.brandcase-section-head h2{font-size:14vw}.brandcase-section-head{grid-template-columns:1fr;gap:10vw}.brandcase-system-grid,.brandcase-application-grid{grid-template-columns:1fr;gap:5vw;margin-top:16vw}.brandcase-system-grid figure.is-wide,.brandcase-application-grid figure.is-wide{grid-column:auto}.brandcase-application-grid figure:nth-child(2n),.brandcase-application-grid figure.is-wide{margin-top:0}.brandcase-graphics>div:first-child{width:100%;margin-left:0}.brandcase-graphics h2{margin:10vw 0 6vw;font-size:14vw}.brandcase-graphics p{width:86%}.brandcase-graphic-grid{grid-template-columns:1fr;gap:5vw;margin-top:16vw}.brandcase-graphic-grid figure.is-raised{margin-top:0}.brandcase-space>div:first-child{grid-template-columns:1fr;gap:10vw}.brandcase-space h2{font-size:14vw}.brandcase-space-grid{grid-template-columns:1fr;gap:5vw;margin-top:16vw}.brandcase-space-grid figure:only-child{grid-column:auto}.brandcase-final{min-height:650px;padding:18vw 5vw}.brandcase-final h2{margin:auto 0 9vw;font-size:15vw}.brandcase-final p{width:88%;margin-left:auto}.brandcase-next{min-height:420px;padding:12vw 5vw}}:is(.studio-page--zh,.tiles-page,.about-page,.tail-page,.logo-whale-page,.case-detail,.gdm-page,.yjy-page,.brandcase) :is(h1,h2,h3,blockquote,address){font-kerning:none;font-feature-settings:"kern" 0;text-rendering:geometricprecision;font-family:var(--font-cjk)!important}:is(.studio-page--zh,.tiles-page,.about-page,.tail-page,.logo-whale-page,.case-detail,.gdm-page,.yjy-page,.brandcase) :is(h1,h2){overflow-wrap:anywhere;word-break:normal;line-break:strict;text-wrap:balance;letter-spacing:0!important;font-weight:640!important;line-height:1.02!important}:is(.studio-page--zh,.tiles-page,.about-page,.tail-page,.logo-whale-page,.case-detail,.gdm-page,.yjy-page,.brandcase) h3{overflow-wrap:anywhere;word-break:normal;line-break:strict;letter-spacing:.008em!important;font-weight:600!important;line-height:1.18!important}:is(.studio-page--zh,.tiles-page,.about-page,.tail-page,.logo-whale-page,.case-detail,.gdm-page,.yjy-page,.brandcase) blockquote{overflow-wrap:anywhere;word-break:normal;line-break:strict;text-wrap:balance;letter-spacing:.008em!important;line-height:1.12!important}@media (min-width:761px){:is(.brandcase-intro,.gdm-intro,.yjy-intro)>div{grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:clamp(44px,5vw,80px);width:min(1600px,100% - clamp(96px,10vw,170px));margin-left:clamp(96px,10vw,170px)}:is(.brandcase-intro,.gdm-intro,.yjy-intro)>div>*,:is(.brandcase-section-head,.gdm-cast-head,.gdm-app-head,.yjy-visual-head,.yjy-section-head)>*{min-width:0}.brandcase-intro h2,.brandcase-section-head h2,.gdm-intro h2,.gdm-cast-head h2,.gdm-app-head h2,.yjy-intro h2,.yjy-visual-head h2,.yjy-section-head h2{font-size:clamp(54px,5.9vw,112px)}.brandcase-section-head,.gdm-cast-head{grid-template-columns:minmax(110px,.32fr) minmax(0,1.25fr) minmax(280px,.5fr);gap:clamp(36px,4vw,68px);max-width:1720px;margin-inline:auto}.gdm-app-head,.yjy-visual-head,.yjy-section-head,.brandcase-space>div:first-child{grid-template-columns:minmax(110px,.34fr) minmax(0,1.66fr);gap:clamp(36px,4vw,68px);max-width:1720px;margin-inline:auto}.brandcase-graphics>div:first-child{width:min(1120px,100% - clamp(96px,10vw,170px));margin-left:clamp(96px,10vw,170px)}.brandcase-graphics h2,.gdm-keyvisual h2{font-size:clamp(52px,5.7vw,108px)}.brandcase-space h2,.brandcase-final h2{font-size:clamp(58px,6.6vw,124px)}.case-detail-intro h2{max-width:1180px;font-size:clamp(54px,6.1vw,116px)}.case-detail-statement h2,.case-detail-space h2{font-size:clamp(58px,7vw,132px)}:is(.brandcase-next,.case-detail-next,.gdm-next,.yjy-next) a{font-size:clamp(60px,9vw,168px);line-height:.9}}@media (min-width:761px) and (max-width:1120px){:is(.brandcase-intro,.gdm-intro,.yjy-intro)>div{grid-template-columns:minmax(0,1fr);width:auto;margin-left:8vw}:is(.brandcase-intro,.gdm-intro,.yjy-intro)>div>p{width:min(520px,72vw);margin-left:auto}.brandcase-section-head,.gdm-cast-head{grid-template-columns:minmax(100px,.3fr) minmax(0,1fr)}.brandcase-section-head>p,.gdm-cast-head>p{grid-column:2;width:min(520px,100%)}}:is(.case-detail,.gdm-page,.yjy-page,.brandcase){--studio-blue:#075be8;--studio-ink:#071d49}.studio-header--case{color:inherit;position:absolute}.gdm-page .studio-header--case{color:#fff}.yjy-page .studio-header--case{color:var(--yjy-purple)}.case-detail .studio-header--case{color:var(--case-ink)}.brandcase .studio-header--case{color:var(--bc-ink)}.case-detail-hero{min-height:100vh;padding-top:max(112px,7vh)}.gdm-hero,.yjy-hero,.brandcase-hero{height:900px;min-height:100vh}.gdm-hero-copy,.yjy-hero,.brandcase-hero{padding-top:max(112px,6vw)}@media (min-width:761px){.gdm-hero-visual{margin-top:max(96px,5vw)}}@media (max-width:760px){.studio-header--case{height:70px}.case-detail-hero,.gdm-hero-copy,.yjy-hero,.brandcase-hero{padding-top:100px}.gdm-hero,.yjy-hero,.brandcase-hero{height:auto;min-height:820px}}.about-hero-copy strong,.about-qr-card strong,.about-location-map b,.studio-contact-qr strong,.studio-all-work strong{font-kerning:none;font-feature-settings:"kern" 0;font-family:var(--font-cjk)!important;letter-spacing:.012em!important}.tiles-page .tiles-intro h1{font-size:clamp(88px,16vw,260px);line-height:.88!important}.tiles-page .tiles-footer h2{font-size:clamp(72px,12vw,220px);line-height:.94!important}.about-page .about-hero h1{font-size:clamp(130px,23vw,440px);line-height:.86!important}@media (max-width:900px){.tiles-intro{min-height:78vw}.tiles-page .tiles-intro h1{font-size:clamp(92px,19vw,170px)}}@media (max-width:680px){.tiles-intro{min-height:460px}.tiles-page .tiles-intro h1{font-size:clamp(88px,24vw,120px)}.tiles-page .tiles-footer h2{font-size:clamp(64px,18vw,96px)}}.packaging-page{--pack-blue:#075ef2;--pack-ink:#071d49;--pack-paper:#f3f7fd;min-height:100vh;color:var(--pack-ink);background:var(--pack-paper)}.packaging-page .studio-header--case{color:#fff}.packaging-hero{color:#fff;background:var(--pack-blue);isolation:isolate;min-height:100svh;padding:112px 4vw 5vw;position:relative;overflow:hidden}.packaging-hero:before{content:"";z-index:-2;background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:8vw 8vw;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 82%);mask-image:linear-gradient(90deg,#000,#0000 82%)}.packaging-hero:after{content:"PACK";z-index:-1;color:#ffffff12;font:750 34vw/.68 var(--font-geist),var(--font-cjk),sans-serif;letter-spacing:-.11em;white-space:nowrap;position:absolute;bottom:-4vw;left:-2vw}.packaging-kicker{font:450 9px var(--font-geist-mono),var(--font-cjk-light),monospace;letter-spacing:.18em}.packaging-hero h1{z-index:4;letter-spacing:-.075em;margin:8vh 0 0;font-size:clamp(130px,22vw,410px);font-weight:650;line-height:.72;position:relative}.packaging-hero-copy{z-index:5;grid-template-columns:minmax(280px,1fr) minmax(250px,.75fr);align-items:end;gap:4vw;display:grid;position:absolute;bottom:6vw;left:4vw}.packaging-hero-copy strong{letter-spacing:-.05em;font-size:clamp(28px,3.3vw,60px);line-height:1.08}.packaging-hero-copy p{color:#ffffffbd;margin:0;font-size:13px;line-height:1.9}.packaging-hero-gallery{z-index:2;perspective:1300px;width:min(49vw,900px);height:72vh;position:absolute;top:13vh;right:-1vw}.packaging-hero-gallery img{left:calc(31% + var(--hero-x));top:var(--hero-y);aspect-ratio:16/10;object-fit:cover;width:45%;transform:rotateY(-13deg) rotateZ(var(--hero-rotate));animation:packaging-hero-drift 7s var(--hero-delay) ease-in-out infinite;border:1px solid #ffffffc2;position:absolute;box-shadow:0 28px 80px #02184c4d}.packaging-scroll{z-index:5;font:500 9px var(--font-geist-mono),var(--font-cjk-light),monospace;letter-spacing:.15em;border-bottom:1px solid #ffffffc2;padding:11px 0;position:absolute;bottom:4vw;right:4vw}.packaging-scroll b{margin-left:18px}.packaging-intro{background:#fff;padding:11vw 4vw 12vw}.packaging-intro>span,.packaging-archive>header{font:400 9px var(--font-geist-mono),var(--font-cjk-light),monospace;letter-spacing:.16em}.packaging-intro h2{letter-spacing:-.065em;max-width:1450px;margin:7vw 0 0;font-size:clamp(52px,7.3vw,132px);font-weight:630;line-height:1.01}.packaging-intro h2 em{color:var(--pack-blue);font-style:normal}.packaging-intro p{color:#66738a;width:min(520px,38vw);margin:6vw 7vw 0 auto;font-size:14px;line-height:2}.packaging-archive{padding:7vw 3vw 12vw}.packaging-archive>header{border-top:1px solid #071d4933;justify-content:space-between;align-items:center;padding:22px 0;display:flex}.packaging-archive>header p{color:#77859a;margin:0}.packaging-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5.5vw 16px;display:grid}.packaging-card{--pack-x:50%;--pack-y:50%;--pack-rx:0deg;--pack-ry:0deg;perspective:1000px;min-width:0}.packaging-card-media{aspect-ratio:16/10;background:var(--pack-tone);transform:rotateX(var(--pack-rx)) rotateY(var(--pack-ry));transition:transform .2s linear;position:relative;overflow:hidden}.packaging-card-image{object-fit:cover;width:100%;height:100%;transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .5s,clip-path .7s cubic-bezier(.2,.8,.2,1);display:block;position:absolute;inset:0}.packaging-card-image--base{filter:saturate(.85)contrast(.98)}.packaging-card-image--reveal{clip-path:circle(0 at var(--pack-x) var(--pack-y));transform:scale(1.04)}.packaging-card-scan{z-index:4;pointer-events:none;position:absolute;inset:0}.packaging-card-scan i{left:var(--pack-x);top:var(--pack-y);opacity:0;border:1px solid #ffffffb3;border-radius:50%;transition:opacity .3s,transform .7s cubic-bezier(.2,.8,.2,1);position:absolute;transform:translate(-50%,-50%)scale(.2)}.packaging-card-scan i:first-child{width:70px;height:70px}.packaging-card-scan i:nth-child(2){width:138px;height:138px;transition-delay:50ms}.packaging-card-scan span{color:#fff;font:450 7px var(--font-geist-mono),var(--font-cjk-light),monospace;letter-spacing:.13em;background:#041636b8;padding:7px 9px;position:absolute;bottom:13px;right:14px}.packaging-card-number{z-index:5;color:#fff;width:34px;height:34px;font:450 8px var(--font-geist-mono),var(--font-cjk-light),monospace;background:#071d4966;border:1px solid #ffffffb3;border-radius:50%;place-items:center;display:grid;position:absolute;top:13px;left:14px}.packaging-card:hover .packaging-card-image--base{filter:saturate(.45)contrast(.9);transform:scale(1.035)}.packaging-card:hover .packaging-card-image--reveal{clip-path:circle(46% at var(--pack-x) var(--pack-y));transform:scale(1)}.packaging-card:hover .packaging-card-scan i{opacity:.75;transform:translate(-50%,-50%)scale(1)}.packaging-card-meta{border-bottom:1px solid #071d4933;grid-template-columns:1fr auto;align-items:end;gap:24px;padding:17px 0 19px;display:grid}.packaging-card-meta span,.packaging-card-meta p{color:#748198;font:400 8px var(--font-geist-mono),var(--font-cjk-light),monospace;letter-spacing:.1em}.packaging-card-meta h2{letter-spacing:-.04em;margin:7px 0 0;font-size:clamp(24px,2.1vw,39px);font-weight:620;line-height:1}.packaging-card-meta p{text-align:right;margin:0}.packaging-footer{color:#fff;background:var(--pack-ink);flex-direction:column;min-height:78vh;padding:6vw 4vw 3vw;display:flex}.packaging-footer>span{font:400 9px var(--font-geist-mono),var(--font-cjk-light),monospace;letter-spacing:.16em}.packaging-footer h2{letter-spacing:-.065em;margin:auto 0 5vw;font-size:clamp(72px,10vw,185px);line-height:.88}.packaging-footer h2 em{color:#6fa5ff;font-style:normal}.packaging-footer>div{gap:34px;display:flex}.packaging-footer a{font:400 10px var(--font-geist-mono),var(--font-cjk-light),monospace;letter-spacing:.12em;border-bottom:1px solid;padding-bottom:8px}@keyframes packaging-hero-drift{0%,to{translate:0}50%{translate:0 -18px}}@media (max-width:980px){.studio-packaging-grid,.packaging-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.packaging-hero-gallery{opacity:.82;width:68vw;right:-12vw}.packaging-hero-copy{grid-template-columns:1fr;gap:18px}}@media (max-width:700px){.studio-packaging{padding:80px 5vw 100px}.studio-packaging-head{min-height:310px}.studio-packaging-head h2{font-size:18vw}.studio-packaging-head p{bottom:11vw;left:0;right:auto}.studio-packaging-grid{grid-template-columns:1fr 1fr;gap:8px}.studio-packaging-card strong{font-size:18px}.packaging-hero{min-height:760px;padding:92px 5vw 7vw}.packaging-hero:before{background-size:22vw 22vw}.packaging-hero h1{margin-top:7vh;font-size:34vw}.packaging-hero-gallery{opacity:.7;width:104vw;height:48vh;top:16vh;right:-31vw}.packaging-hero-gallery img{width:48%}.packaging-hero-copy{width:82vw;bottom:14vw;left:5vw}.packaging-hero-copy strong{font-size:8vw}.packaging-hero-copy p{max-width:68vw;font-size:11px}.packaging-scroll{display:none}.packaging-intro{padding:22vw 5vw}.packaging-intro h2{margin-top:14vw;font-size:13vw}.packaging-intro p{width:86%;margin:15vw 0 0 auto}.packaging-archive{padding:12vw 5vw 22vw}.packaging-archive>header{align-items:flex-start;gap:22px;line-height:1.7}.packaging-archive>header p{text-align:right;width:42%}.packaging-grid{grid-template-columns:1fr;gap:13vw}.packaging-card-meta h2{font-size:8vw}.packaging-footer{min-height:650px;padding:12vw 5vw 8vw}.packaging-footer h2{font-size:15vw}.packaging-footer>div{flex-direction:column;align-items:flex-start;gap:22px}}@media (prefers-reduced-motion:reduce){.packaging-hero-gallery img{animation:none}.packaging-card-media{transform:none!important}}@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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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}