*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Noto Sans TC,Inter,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-1{bottom:.25rem}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.-ml-\[1px\]{margin-left:-1px}.mt-0\.5{margin-top:.125rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-0\.5{height:.125rem}.h-12{height:3rem}.h-20{height:5rem}.h-28{height:7rem}.h-6{height:1.5rem}.w-0{width:0}.w-6{width:1.5rem}.w-\[280px\]{width:280px}.w-\[70px\]{width:70px}.w-auto{width:auto}.w-full{width:100%}.max-w-7xl{max-width:80rem}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.border-t{border-top-width:1px}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.bg-df-blue-green{--tw-bg-opacity:1;background-color:rgb(10 43 53/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.pb-3{padding-bottom:.75rem}.pl-2{padding-left:.5rem}.pr-2{padding-right:.5rem}.pt-2{padding-top:.5rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[1rem\]{font-size:1rem}.text-base{font-size:1rem;line-height:1.5rem}.font-medium{font-weight:500}.tracking-\[0\.25em\]{letter-spacing:.25em}.tracking-widest{letter-spacing:.1em}.text-df-blue-green-dark{--tw-text-opacity:1;color:rgb(5 26 32/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-df-blue-green-light:hover{--tw-bg-opacity:1;background-color:rgb(22 78 94/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:text-df-blue-green:hover{--tw-text-opacity:1;color:rgb(10 43 53/var(--tw-text-opacity,1))}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.group:hover .group-hover\:w-full{width:100%}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (width>=640px){.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (width>=768px){.md\:h-14{height:3.5rem}.md\:w-\[120px\]{width:120px}.md\:w-\[440px\]{width:440px}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}}@media (width>=1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@font-face{font-family:Noto Serif TC;src:url(/assets/noto-serif-tc-nZfI7wDm.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Clash Grotesk;src:url(/assets/clash-grotesk-400-BudkTU1F.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Clash Grotesk;src:url(/assets/clash-grotesk-500-BGtPyJ0c.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Noto Sans TC;src:url(/assets/noto-sans-tc-BCYSACBs.woff2)format("woff2");font-weight:400 500;font-display:swap}@font-face{font-family:Zen Antique;src:url(data:font/woff2;base64,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)format("woff2");font-weight:400;font-display:swap}:root{--blue:#264468;--blue-deep:#1b3350;--blue-pale:#d8e0ea;--paper:#f5f6f4;--ink:#0f1b2a;--ink-soft:#46525f;--night:#0b0f19;--night-ink:#eef1f5;--night-soft:#aab3c0;--ground:var(--paper);--text:var(--ink);--text-soft:var(--ink-soft);--face:"Clash Grotesk", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--face-title:"Noto Serif TC", "Songti TC", "PMingLiU", serif;--step-small:.8125rem;--step-body:clamp(.9375rem, .9rem + .1vw, 1.0625rem);--step-lead:clamp(1.0625rem, 1rem + .35vw, 1.3125rem);--step-head:clamp(1.75rem, 1.2rem + 2.2vw, 3.25rem);--step-display:clamp(2.25rem, 1.5rem + 3.4vw, 4.5rem);--margin:24px;--logo-left:24px;--gap:12px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.76, 0, .24, 1);--ease-soft:cubic-bezier(.33, 1, .68, 1)}@media (width>=640px){:root{--margin:32px;--logo-left:32px}}@media (width>=1024px){:root{--margin:calc(max(0px, (100vw - 80rem) / 2) + 32px);--logo-left:calc(max(0px, (100vw - 80rem) / 2) + 40px);--copy:clamp(440px, 34vw, 560px)}}.night{--ground:var(--night);--text:var(--night-ink);--text-soft:var(--night-soft)}*,:before,:after{box-sizing:border-box}@view-transition{navigation:auto}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}#main-header{view-transition-name:site-header}::view-transition-group(*){animation-duration:.48s;animation-timing-function:var(--ease-in-out)}::view-transition-old(root){animation:.18s ease-in both page-leave}::view-transition-new(root){animation:page-arrive .36s var(--ease-out) 60ms both}@keyframes page-leave{to{opacity:0}}@keyframes page-arrive{0%{opacity:0;transform:translateY(16px)}}html{-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--text);font-family:var(--face);font-size:var(--step-body);letter-spacing:.02em;margin:0;line-height:1.8;overflow-x:clip}#main-header{letter-spacing:.01em;font-size:clamp(1.0625rem,1rem + .25vw,1.1875rem);line-height:1.7}main{padding-top:92px}h1,h2,h3,p,dl,dd,figure{margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit}strong{font-weight:500}:focus-visible{outline-offset:3px;outline:2px solid}#mobile-menu-btn:focus-visible{outline-offset:2px;outline:2px solid}.skip{left:var(--margin);z-index:10;background:var(--ink);color:var(--paper);padding:10px 16px;position:absolute;top:-80px}.skip:focus{top:8px}.button{background:var(--blue);color:#fff;min-height:48px;transition:transform .14s var(--ease-out), background-color .18s ease;justify-content:center;align-items:center;padding:0 24px;font-weight:500;text-decoration:none;display:inline-flex}.button:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.button:hover{background:var(--blue-deep)}}.button--light{color:var(--blue-deep);background:#fff}@media (hover:hover) and (pointer:fine){.button--light:hover{background:var(--blue-pale)}}.text-link{text-underline-offset:.35em;transition:text-underline-offset .24s var(--ease-out);text-decoration:underline;text-decoration-thickness:1px}@media (hover:hover) and (pointer:fine){.text-link:hover{text-underline-offset:.15em;text-decoration-thickness:2px}}.lines .line{margin-bottom:-.1em;padding-bottom:.1em;display:block;overflow:clip}.lines [data-line]{display:block}h1,h2,h3,.display,.head,.offer__name,.work__name,.foot__name{font-family:var(--face-title);font-weight:500}.display{font-size:var(--step-display);letter-spacing:.02em;line-height:1.3}.head{font-size:var(--step-head);letter-spacing:.02em;line-height:1.35}.lead{font-size:var(--step-lead);line-height:1.75}.hero{position:relative;overflow:clip}.hero__river{z-index:0;opacity:0;width:100%;height:100%;transition:opacity .7s;position:absolute;inset:0}.hero__river.is-on{opacity:1}.hero__body{z-index:1;gap:var(--gap);padding:0 var(--margin) var(--margin) var(--logo-left);display:grid;position:relative}.hero__copy{align-self:start;padding-top:clamp(44px,7svh,72px)}.hero__copy .display{margin-bottom:24px}.hero__copy .lead{max-width:29em;margin-bottom:28px;font-size:clamp(1rem,.95rem + .2vw,1.125rem)}.hero__actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.hero__gap{display:none}.sheet{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.sheet__col{gap:var(--gap);display:grid}.sheet__col--0{margin-top:72px}.sheet__col--1{margin-top:0}.sheet__col--2{margin-top:36px}.frame{background:var(--blue-pale);color:inherit;text-decoration:none;display:block}.frame[hidden]{display:none}.frame img{width:100%;transition:opacity .22s}.frame__strip{min-height:28px;font-size:var(--step-small);justify-content:space-between;align-items:center;gap:8px;padding:3px 10px;line-height:1.35;display:flex}.frame__strip span:last-child{flex:none}.frame--site .frame__strip{background:var(--blue-pale);color:var(--ink)}.frame--app .frame__strip{background:var(--ink);color:#fff}.frame--system .frame__strip{background:var(--blue);color:#fff}@media (hover:hover) and (pointer:fine){:is(.sheet,.band__grid,.ask__works):has(.frame:hover) .frame:not(:hover) img{opacity:.4}.work-list:has(.work__picture:hover) .work:not(:has(.work__picture:hover)) img{opacity:.4}}.section{padding:clamp(96px, 12vw, 180px) var(--margin) 0 var(--logo-left);scroll-margin-top:120px}.feature__top{gap:var(--gap);grid-template-columns:minmax(0,41fr) minmax(0,59fr);align-items:end;margin-bottom:40px;display:grid}.feature__top p{max-width:34em}.feature__links{flex-wrap:wrap;gap:24px;margin-top:16px;display:flex}.feature__stage{gap:var(--gap);grid-template-columns:minmax(0,41fr) minmax(0,59fr);display:grid}.feature__stage a{display:block}.feature__stage{align-items:start}.feature__stage img{width:100%}.case-hero{padding:clamp(44px, 6svh, 64px) var(--margin) 0 var(--logo-left)}.case-hero .display{margin-bottom:clamp(24px,3vw,40px)}.case-hero__body{gap:var(--gap) clamp(24px, 3vw, 48px);grid-template-columns:minmax(0,41fr) minmax(0,59fr);align-items:start;display:grid}.case-hero__picture img{background:var(--night);width:100%}.facts{gap:16px;margin-top:32px;display:grid}.facts dt{color:var(--text-soft);font-size:var(--step-small)}.facts dd{margin-top:2px}.story{gap:var(--gap) clamp(24px, 3vw, 48px);padding:clamp(96px, 12vw, 180px) var(--margin) 0 var(--logo-left);grid-template-columns:minmax(0,41fr) minmax(0,59fr);display:grid}.story__text{align-self:start;position:sticky;top:136px}.story__text h2{margin-bottom:20px}.story__text p{max-width:30em}.story__pictures{gap:var(--gap);display:grid}.story__pictures img{background:#111725;width:100%}.story--service .story__pictures{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.story--service .story__pictures>:first-child{grid-column:1/-1}.story--service .story__pictures>:first-child:last-child{grid-column:auto}.case-next{padding:clamp(96px, 12vw, 160px) var(--margin) 0 var(--logo-left);flex-wrap:wrap;align-items:baseline;gap:16px 40px;display:flex}.case-next .head{text-decoration:none}.closing{background:var(--blue);color:#fff;margin-top:clamp(120px,14vw,200px);position:relative;overflow:clip}.closing__river{opacity:0;width:100%;height:100%;transition:opacity .7s;position:absolute;inset:0}.closing__river.is-on{opacity:1}.closing__body{z-index:1;padding:clamp(56px, 7vw, 96px) var(--margin) clamp(150px, 16vw, 220px) var(--logo-left);position:relative}.closing__body .head{margin-bottom:16px}.closing__body .lead{margin-bottom:28px}.foot{padding:40px var(--margin) 28px var(--logo-left);background:var(--blue-deep);color:#fff;font-size:var(--step-small);grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:16px 32px;display:grid}.foot__name{font-size:var(--step-body);font-weight:500}.foot__links{align-content:start;display:grid}.foot__links a,.foot__links p{align-items:center;min-height:44px;display:flex}.foot__links a{text-decoration:none}@media (hover:hover) and (pointer:fine){.foot__links a:hover{text-underline-offset:.3em;text-decoration:underline}}.foot__copy{grid-column:1/-1;margin-top:12px}.page-head{padding-top:clamp(44px,6svh,64px)}.page-head__text{padding:0 var(--margin) 0 var(--logo-left)}.page-head .lead{max-width:30em;margin-top:16px}.page-head .hero__actions{margin-top:28px}.river-strip{opacity:0;width:100%;height:clamp(120px,14vw,180px);margin-top:24px;transition:opacity .7s;display:block}.river-strip.is-on{opacity:1}.page-head--missing{min-height:60svh}.page-head+.section{padding-top:clamp(48px,6vw,80px)}.items{margin:0 0 24px;padding:0;list-style:none}.items--large{font-size:var(--step-lead);line-height:1.7}.items--large li+li{margin-top:12px}.items__label{color:var(--text-soft);font-size:var(--step-small);margin-top:24px}.labelled span{color:var(--text-soft);font-size:var(--step-small);margin-bottom:4px;display:block}.lead .text-link{white-space:nowrap}.related{flex-wrap:wrap;gap:4px 20px;display:flex}.offer{gap:32px var(--gap);grid-template-columns:minmax(0,41fr) minmax(0,59fr);display:grid}.offer__title{align-self:start}.offer__list{gap:40px;margin:0;padding:0;list-style:none;display:grid}.offer__row{grid-template-columns:8em minmax(0,1fr);gap:8px 24px;display:grid}.offer__name{font-weight:500}.offer__more{grid-column:2}.how__top{gap:16px var(--gap);grid-template-columns:minmax(0,41fr) minmax(0,59fr);margin-bottom:40px;display:grid}.how__top p{max-width:34em}.how__more{margin-top:12px}.moments{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px clamp(24px,3vw,48px);margin:0;padding:0;list-style:none;display:grid}.moment h3{margin-bottom:12px;font-weight:500}.filters{flex-wrap:wrap;gap:8px;margin-bottom:40px;display:flex}.filter,.pick span{isolation:isolate;background:var(--blue-pale);min-height:44px;color:var(--ink);transition:transform .14s var(--ease-out), color .18s ease;padding:0 20px;position:relative}.filter:before,.pick span:before{content:"";z-index:-1;background:var(--blue);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.filter[aria-pressed=true],.pick input:checked+span{color:#fff}.filter[aria-pressed=true]:before,.pick input:checked+span:before{transform:none}.filter:active,.pick:active span{transform:scale(.97)}.work-list{gap:clamp(32px,4vw,56px);margin:0;padding:0;list-style:none;display:grid}.work{grid-template-columns:minmax(0,41fr) minmax(0,59fr);align-items:start;gap:16px clamp(24px,3vw,48px);scroll-margin-top:120px;display:grid}.work[hidden]{display:none}.work--featured{grid-template-columns:minmax(0,59fr) minmax(0,41fr);margin-bottom:clamp(24px,4vw,56px)}.work__picture{background:var(--blue-pale);display:block}.work__picture img{width:100%;transition:opacity .22s}.work__cats{color:var(--text-soft);font-size:var(--step-small);margin-top:8px}.work__name{margin-bottom:8px;font-weight:500}.work--featured .head{margin-bottom:16px}.work__link{margin-top:12px}.chapter{padding:clamp(56px, 7vw, 96px) var(--margin) clamp(56px, 7vw, 96px) var(--logo-left);background:var(--blue);color:#fff;--text-soft:#c9d5e4;grid-template-columns:minmax(0,41fr) minmax(0,59fr);gap:32px clamp(24px,3vw,48px);margin-top:clamp(96px,12vw,180px);display:grid}.chapter h2{margin-bottom:20px}.stages{gap:88px;margin:0;padding:0;list-style:none;display:grid}.stage{grid-template-columns:minmax(0,41fr) minmax(0,33fr) minmax(0,26fr);align-items:start;gap:12px clamp(24px,3vw,48px);display:grid}.about{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px clamp(24px,3vw,48px);display:grid}.person{grid-template-columns:minmax(0,41fr) minmax(0,59fr);align-items:end;gap:24px clamp(24px,3vw,48px);display:grid}.person__picture{background:var(--blue-pale);max-width:440px}.person__picture img{aspect-ratio:4/5;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 0;object-position:50% 0;width:100%}.person .lead{margin-top:8px}.band__grid{gap:var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;display:grid}.band__link{margin-top:24px}.ask{grid-template-columns:minmax(0,59fr) minmax(0,41fr);align-items:start;gap:40px clamp(24px,3vw,48px);display:grid}.form{gap:24px;display:grid}.form__trap{display:none}.form__row{gap:24px var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.picks{border:0;margin:0;padding:0}.picks legend{margin-bottom:12px;padding:0;font-weight:500}.picks__row{flex-wrap:wrap;gap:8px;display:flex}.pick{cursor:pointer;display:block;position:relative}.pick input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.pick span{align-items:center;display:flex}.pick input:focus-visible+span{outline:2px solid var(--ink);outline-offset:3px}.field label{margin-bottom:6px;display:block}.field input,.field textarea{width:100%;min-height:48px;color:var(--ink);font:inherit;outline:1px solid var(--blue-pale);outline-offset:-1px;background:#fff;padding:10px 14px;display:block}.field input:focus,.field textarea:focus{outline:2px solid var(--blue);outline-offset:-2px}.field :user-invalid{outline-offset:-2px;outline:2px solid #a4261a}.field textarea{resize:vertical}.field textarea::placeholder{color:var(--ink-soft);opacity:1}.form__end{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.form__end .button{cursor:pointer}.form__end .button:disabled{opacity:.7;cursor:progress}.form__status[data-kind=error]{color:#a4261a}.ask__works{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}@media (width>=1024px){.hero__body{grid-template-columns:var(--copy) minmax(0, 1fr)}.hero__copy .display{font-size:calc(var(--copy) / 8.6)}}@media (width<=1023px){.hero__body,.feature__top,.feature__stage,.case-hero__body,.story,.offer,.how__top,.work,.work--featured,.chapter,.stage,.about,.person,.ask{grid-template-columns:minmax(0,1fr)}.offer__more{grid-column:1}.foot{grid-template-columns:repeat(2,minmax(0,1fr))}.foot__block{grid-column:1/-1}.moments{grid-template-columns:repeat(2,minmax(0,1fr))}.hero__copy{padding-top:44px}.hero__actions{gap:8px 24px}.hero__actions .button{flex:100%}.hero__actions .text-link{align-items:center;min-height:44px;display:inline-flex}.hero__gap{height:170px;display:block}.sheet__col--0{margin-top:44px}.story__text{position:static}.story__text h2{margin-bottom:12px}}@media (width<=599px){.sheet{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sheet__col{gap:8px}.sheet__col--2{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;margin-top:0}.band__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.form__row,.offer__row{grid-template-columns:minmax(0,1fr)}.moments{grid-template-columns:minmax(0,1fr);gap:28px}.frame__strip span:last-child{display:none}}@media (prefers-reduced-motion:no-preference){.js [data-line]{animation:rise .9s var(--ease-expo) forwards;animation-delay:calc(80ms + var(--i) * .1s);transform:translateY(105%)}.js [data-load]{opacity:0;animation:arrive .52s var(--ease-out) forwards;animation-delay:var(--d);transform:translateY(14px)}.js .sheet__col{clip-path:inset(0 0 100%);animation:open 1.1s var(--ease-in-out) forwards;animation-delay:calc(.12s + var(--i) * .11s)}.js [data-reveal]{opacity:0;transition:opacity .7s var(--ease-out), transform .9s var(--ease-out);transform:translateY(24px)}.js [data-reveal].is-in,.js [data-reveal]:focus-within{opacity:1;transform:none}.js .about [data-reveal],.js .stages>:first-child,.js .work-list>:first-child,.js .ask .picks,.js .ask .form__row,.js .page-head+.story [data-reveal]{opacity:1;animation:arrive-from .52s var(--ease-out) 80ms backwards;transition:none;transform:none}.js [data-shutter]{background:var(--blue-pale);overflow:clip}.js .night [data-shutter]{background:#111725}.js [data-shutter] img{clip-path:inset(0 0 100%);transition:clip-path 1.1s var(--ease-in-out), transform 1.5s var(--ease-soft);transform:scale(1.12)}.js [data-shutter].is-in img,.js a:focus-visible [data-shutter] img{clip-path:inset(0);transform:none}.filter:before,.pick span:before{transition:transform .24s var(--ease-out)}@supports (animation-timeline:view()){.js .story__pictures [data-shutter],.js .feature__stage [data-shutter]{animation:linear both picture-drift;animation-timeline:view();animation-range:cover}.js .case-hero__picture img{transform-origin:50% 0;animation:linear both hero-recede;animation-timeline:view();animation-range:exit}@media (width>=1024px){.sheet{view-timeline-name:--sheet}.js .sheet__col--0,.js .sheet__col--2{animation-name:open,drift-a;animation-duration:1.1s, auto;animation-timing-function:var(--ease-in-out), linear;animation-delay:calc(.12s + var(--i) * .11s), 0s;animation-fill-mode:forwards,both;animation-timeline:auto,--sheet;animation-range:normal,exit}.js .sheet__col--2{animation-name:open,drift-b}}}}@keyframes rise{to{transform:none}}@keyframes arrive{to{opacity:1;transform:none}}@keyframes arrive-from{0%{opacity:0;transform:translateY(14px)}}@keyframes open{to{clip-path:inset(-20% 0)}}@keyframes drift-a{to{translate:0 -5%}}@keyframes drift-b{to{translate:0 4%}}@keyframes picture-drift{0%{translate:0 20px}to{translate:0 -20px}}@keyframes hero-recede{to{opacity:.5;scale:.94}}