:root{font-family:Arial,Helvetica,sans-serif;color:#0433bf;background:#faf9f4;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,main:focus-visible{outline:2px solid #0433BF;outline-offset:6px}figure,h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}img{display:block;max-width:100%;height:auto}.mark{width:116px;height:60px;overflow:hidden}.mark img{width:100%;height:100%;object-fit:contain}.landing{height:100svh;min-height:550px;position:relative;cursor:pointer;overflow:hidden}.landing-header{display:grid;grid-template-columns:30% 30% 20% 20%;align-items:start;padding:28px 30px;font-size:14px;line-height:1.12}.landing-header .mark{margin-top:-13px}.landing-header button:not(.mark){justify-self:start;font-size:14px}.coordinates{justify-self:end;font-size:12px;line-height:1.3}.landing-strip{position:absolute;bottom:0;left:0;right:0;height:53%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:0 5px 6px}.landing-strip figure{min-width:0;display:flex;flex-direction:column}.landing-strip figcaption{height:36px;text-transform:uppercase;font-size:13px;padding:0 12px}.landing-strip img{width:100%;height:calc(100% - 36px);object-fit:cover}.category-page{height:100svh;min-height:600px;overflow:hidden;position:relative}.category-page>.mark{position:absolute;right:28px;top:25px}.category-rail{height:100%;display:flex;align-items:flex-start;gap:52px;overflow-x:auto;scrollbar-width:none;padding:13.5vh 60px 12vh;touch-action:pan-x;-webkit-user-select:none;user-select:none}.category-rail::-webkit-scrollbar{display:none}.category-card{box-shadow:0 1px 3px #3a302017,0 5px 18px #3a302014;height:74vh;min-height:450px;flex:0 0 34vw;position:relative;background:#fcfbf7;padding:34px 20px 18px;display:flex;flex-direction:column;cursor:pointer}.category-card h1{font-size:clamp(32px,3.3vw,52px);letter-spacing:-2px;line-height:1.02;padding:0 8px}.drawn-outline{position:absolute;left:-18px;top:-18px;width:calc(100% + 36px);height:calc(100% + 36px);max-width:none;pointer-events:none;clip-path:inset(0 100% 100% 0);opacity:0;transition:clip-path .6s ease,opacity .2s;object-fit:fill}.category-card:hover .drawn-outline,.category-card:focus-visible .drawn-outline{opacity:1;clip-path:inset(0)}.card-strip{display:flex;gap:13px;overflow:hidden;margin-top:auto;height:64%;pointer-events:none}.card-strip figure{flex:0 0 78%;min-width:0;display:flex;flex-direction:column}.card-strip figcaption{font-size:13px;height:30px;white-space:nowrap}.card-strip img{height:calc(100% - 30px);width:100%;object-fit:cover}.about-card{margin-top:auto;padding:12px 8px;font-size:32px;line-height:1.08}.about-card span{display:block;font-size:12px;line-height:1.4;margin-top:80px}.progress{position:absolute;bottom:5.5vh;left:60px;width:90px;height:2px;background:#aeb8db}.progress span{display:block;width:30px;height:2px;background:#0433bf;transition:transform .1s}.inner{padding:28px 32px 70px}.inner-header{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;font-size:13px;line-height:1.1;margin-bottom:90px}.inner-header>a:nth-child(2){justify-self:center}.inner-header .mark{justify-self:end;margin-top:-15px}.page-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px;gap:20px}.page-title h1,.project-heading h1{font-size:clamp(45px,6.5vw,100px);letter-spacing:-.055em;line-height:1}.page-title>span{font-size:11px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 24px}.project-tile>img{width:100%;aspect-ratio:1.3;object-fit:cover}.project-label{display:flex;justify-content:space-between;margin-top:14px;gap:20px}.project-label h2{font-size:21px}.project-meta{display:flex;justify-content:space-between;border-top:1px solid #0433bf40;margin-top:12px;padding-top:12px;font-size:12px;opacity:0;transform:translateY(-5px);transition:.25s}.project-tile:hover .project-meta,.project-tile:focus-visible .project-meta{opacity:1;transform:none}.back{font-size:13px}.project-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:35px 0 45px}.project-heading span{font-size:13px;line-height:1.6;min-width:130px}.project-hero{width:100%;max-height:85vh;object-fit:contain;background:#eae4ce}.project-copy{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:65px 6vw;font-size:20px;line-height:1.5}.project-images{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.project-images img{width:100%;object-fit:contain}.end-link{display:block;font-size:28px;margin-top:65px}.filters{display:flex;gap:30px;margin-bottom:30px}.filters button{padding-bottom:8px;border-bottom:1px solid transparent}.filters .active{border-color:currentColor}.photo-grid{columns:2;column-gap:24px}.photo-grid button{display:block;width:100%;margin-bottom:24px}.photo-grid img{width:100%}.empty{padding:70px 0}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#faf9f4f7;display:flex;align-items:center;justify-content:space-around;padding:75px 25px;gap:20px}.lightbox img{max-height:85vh;max-width:83vw;object-fit:contain}.close{position:absolute;right:25px;top:25px;font-size:13px}.about-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:12vw;margin:90px 0 120px}.about-intro>p{font-size:clamp(30px,3.8vw,58px);letter-spacing:-.04em;line-height:1.1}.about-intro>div{font-size:18px;line-height:1.55}.about-intro p{margin-bottom:24px}.about-intro a{display:block;margin-top:50px}.contact-button{display:block;border-bottom:1px solid currentColor;margin-top:20px;padding-bottom:7px}.journey h2{font-size:32px;margin-bottom:40px}.journey>div{display:grid;grid-template-columns:1fr 2fr 2fr;gap:25px;border-top:1px solid #0433bf45;padding:25px 0}.journey h3{font-size:20px}.journey p,.journey span{font-size:14px;line-height:1.5}.letter{color:#0433bf;background:#faf9f4;border:0;width:min(750px,92vw);max-height:90svh;padding:55px;box-shadow:0 20px 100px #0003;animation:unfold .5s ease}.letter::backdrop{background:#191b2270;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.letter>span{font-size:11px}.letter h2{font-size:48px;letter-spacing:-.04em;line-height:1.02;margin:35px 0}.letter label{display:block;font-size:13px;margin-top:20px}.letter input,.letter textarea{display:block;width:100%;border:0;border-bottom:1px solid #0433bf55;background:transparent;padding:10px 0;border-radius:0;outline-offset:3px}.letter textarea{min-height:85px;resize:vertical}.letter small{font-size:12px}.form-note{font-size:12px;line-height:1.5;margin:22px 0}.submit{font-size:20px;border-bottom:1px solid currentColor;padding-bottom:6px}@keyframes unfold{0%{opacity:0;transform:translateY(35px) rotateX(-10deg)}to{opacity:1;transform:none}}@media(hover:none){.project-meta{opacity:1;transform:none}}@media(max-width:700px){.landing-header{padding:22px 16px;grid-template-columns:1fr 1fr 1fr;font-size:11px}.landing-header .mark{position:absolute;left:40%;top:80px;width:85px}.landing-header button:not(.mark){font-size:11px;justify-self:center}.coordinates{font-size:9px;line-height:1.35}.landing-strip{height:52%;grid-template-columns:78vw 78vw 78vw}.landing-strip figcaption{font-size:11px}.category-page>.mark{width:85px;right:16px;top:15px}.category-rail{padding:110px 28px 80px;gap:32px}.category-card{flex-basis:77vw;height:calc(100svh - 195px);min-height:400px;padding:25px 15px 16px}.category-card h1{font-size:37px;letter-spacing:-1.5px}.card-strip{height:61%;gap:10px}.card-strip figcaption{font-size:10px;height:25px}.progress{left:28px;bottom:30px;width:65px}.progress span{width:21.67px}.inner{padding:24px 18px 50px}.inner-header{margin-bottom:65px}.inner-header .mark{width:80px}.page-title{display:block;margin-bottom:35px}.page-title>span{display:block;margin-top:20px}.work-grid{grid-template-columns:1fr;gap:40px}.project-meta{opacity:1;transform:none}.project-heading{display:block}.project-heading span{display:block;margin-top:25px}.project-copy{grid-template-columns:1fr;padding:35px 0;gap:20px;font-size:17px}.project-images{gap:12px}.project-images img{grid-column:1/-1}.photo-grid{columns:1}.about-intro{grid-template-columns:1fr;margin:45px 0 70px;gap:30px}.journey>div{grid-template-columns:1fr 2fr}.journey p{grid-column:2}.letter{padding:45px 24px 30px}.letter h2{font-size:36px}.lightbox{gap:10px;padding:60px 10px}.lightbox img{max-width:80vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.category-page{--card-height:min(74svh,820px);min-height:0}.category-page>.mark{z-index:2}.category-rail{padding-top:13.5svh;overscroll-behavior:contain;touch-action:pan-x}.category-card{height:var(--card-height);min-height:0;width:calc(var(--card-height) * .6);flex:0 0 calc(var(--card-height) * .6)}.category-card h1{font-size:clamp(28px,4.45svh,48px);letter-spacing:-.015em}.about-card{padding-bottom:0;font-size:clamp(24px,4svh,36px)}.drawn-outline{overflow:visible;fill:none;stroke:currentColor;stroke-width:1.2;clip-path:none;opacity:0;transition:opacity .2s}.drawn-outline path{vector-effect:non-scaling-stroke}.outline-solid{stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset .8s ease}.outline-broken{stroke-dasharray:230 9 170 5 300 12 260 14;stroke-dashoffset:35;transition:stroke-dashoffset .9s ease}.category-card:hover .outline-solid,.category-card:focus-visible .outline-solid{stroke-dashoffset:0}.category-card:hover .outline-broken,.category-card:focus-visible .outline-broken{stroke-dashoffset:0}.landing,.category-page{animation:page-arrive .4s ease both}@keyframes page-arrive{0%{opacity:.6;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:700px){.category-page{--card-height:min( calc(100svh - 185px) ,calc((100vw - 72px) / .6))}.category-rail{padding-top:100px}.category-card{height:var(--card-height);width:calc(var(--card-height) * .6);flex-basis:calc(var(--card-height) * .6);min-height:0}.category-card h1{font-size:clamp(24px,7.8vw,37px);letter-spacing:-.015em}.about-card{font-size:clamp(21px,6.2vw,28px)}}@media(max-height:500px)and (min-width:701px){.category-card{padding:18px 12px 10px}.category-card h1{font-size:22px}.card-strip figcaption{font-size:10px;height:20px}.about-card{font-size:22px}}.category-card:focus-visible{outline:none}.collection .inner-header{margin-bottom:0}.collection .page-title{padding-top:clamp(180px,59svh,750px);margin-bottom:55px}.collection .page-title h1{font-size:clamp(45px,6.5vw,100px)}.collection .work-grid{gap:24px}.collection .project-tile{position:relative;display:block;aspect-ratio:1.3;overflow:hidden;background:#fcfbf7;isolation:isolate}.project-media{position:absolute;inset:0 0 auto;height:100%;z-index:1;overflow:hidden;transition:height .55s cubic-bezier(.22,.68,0,1)}.project-media img{width:100%;height:100%;object-fit:cover;object-position:center;transition:object-position .55s}.project-tile--one-heart .project-media{background:#000}.project-tile--one-heart .project-media img{object-fit:contain}.project-tile--chewpon .project-media img{object-position:center 45%}.project-name{position:absolute;top:16px;left:16px;z-index:2;font-size:clamp(15px,1.6vw,23px);line-height:1.15;letter-spacing:-.02em;max-width:calc(100% - 32px);background:#fcfbf7;padding:6px 12px;border-radius:25px}.project-info{position:absolute;bottom:0;left:0;right:0;height:22%;padding:0 18px;display:flex;flex-direction:column;justify-content:center;opacity:0;transition:opacity .25s ease .1s}.project-info>div{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:center;flex:1;max-height:50%;border-top:1px solid #0433bf35;font-size:13px;line-height:1.3;padding:8px 0}.project-info>div>span:first-child{font-size:10px;letter-spacing:.08em}.project-open{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:24px}@media(hover:hover){.project-tile:hover .project-media{height:78%}.project-tile:hover .project-info{opacity:1}}.project-tile:focus-visible .project-media{height:78%}.project-tile:focus-visible .project-info{opacity:1}@media(hover:none){.project-media{height:78%}.project-info{opacity:1}}@media(max-width:700px){.collection .page-title{padding-top:45svh;margin-bottom:40px}.collection .project-tile{aspect-ratio:1.1}.project-media{height:78%}.project-info{opacity:1}.project-name{top:12px;left:12px;font-size:17px;max-width:calc(100% - 24px)}.project-info{padding-left:14px;padding-right:42px}.project-info>div{font-size:12px;grid-template-columns:52px 1fr}}.project-sticker{position:absolute;top:17px;left:16px;z-index:2;max-width:calc(100% - 32px);padding-left:22px;pointer-events:none}.project-dot{position:absolute;left:0;top:-3px;width:34px;height:34px;border-radius:50%;background:#0433bf;z-index:2;box-shadow:0 1px 2px #00000012}.project-sticker .project-name{position:relative;top:auto;left:auto;z-index:1;max-width:none;padding:6px 12px 6px 19px;border-radius:0;box-shadow:0 1px 3px #00000018;font-size:clamp(15px,1.6vw,23px)}.collection--brand .page-title{padding-top:clamp(160px,51svh,650px)}.collection--brand .page-title h1{font-size:clamp(49px,7.1vw,110px)}@media(max-width:700px){.project-sticker{top:14px;left:12px;max-width:calc(100% - 24px);padding-left:20px}.project-dot{width:31px;height:31px;top:-1px}.project-sticker .project-name{font-size:16px;padding-left:17px}.project-info{padding:0 14px}.project-info>div{padding:5px 0}.collection--brand .page-title{padding-top:39svh}}.collection .project-tile{overflow:visible;background:transparent}.collection .work-grid{row-gap:44px}.project-sticker{top:0;left:12px;transform:translateY(-50%) rotate(-3deg);transform-origin:30px center}.project-sticker .project-name{background:#fcfbf7b8;box-shadow:0 2px 5px #00000016}.project-info{background:#fcfbf7b8}.project-tile--engineering .project-media{background:#22232b}.project-tile--engineering .project-media img{object-fit:contain}@media(max-width:700px){.project-sticker{top:0;left:10px}.collection .work-grid{row-gap:40px}}.project-sticker{width:24px;height:24px;padding:0;left:16px;transform:translateY(-50%)}.project-dot{width:24px;height:24px;top:0;left:0;box-shadow:none}.project-tile--engineering .project-media img{object-fit:cover;object-position:center 25%}.project-info{justify-content:center;gap:8px;padding:10px 18px}.project-info-title{font-size:clamp(13px,1.45vw,20px);line-height:1.15;letter-spacing:-.015em}.project-info>.project-info-details{display:flex;justify-content:space-between;align-items:center;gap:14px;flex:0 0 auto;max-height:none;padding:0;border:0;font-size:12px;line-height:1.3}.project-info>.project-info-details>span:first-child{font-size:inherit;letter-spacing:normal}.project-info-details>span:last-child{white-space:nowrap}@media(max-width:700px){.project-sticker{width:21px;height:21px;left:14px}.project-dot{width:21px;height:21px}.project-info{padding:8px 14px;gap:5px}.project-info-title{font-size:14px}.project-info>.project-info-details{font-size:11px}}.project-sticker{z-index:0}.project-dot{background:none;border-radius:0;overflow:visible;stroke:#0433bf;stroke-width:1.3;animation:project-ring-turn 9s linear infinite;transform-origin:center}.project-dot path{vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.project-dot .dot-sketch{stroke-width:.85}.project-media{background:#faf9f4}.project-info>.project-info-details{border-top:1px solid rgba(4,51,191,.22);padding-top:6px}.project-info{gap:6px}@keyframes project-ring-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.project-dot{animation:none}}.landing--new{cursor:default;min-height:480px;animation:none}.landing--new .landing-header{position:relative;z-index:3;transition:opacity .65s}.intro-playing .landing-header{opacity:0;pointer-events:none}.intro-dropping .landing-header{opacity:1;pointer-events:auto}.featured-rail{position:absolute;left:0;right:0;bottom:0;height:56%;display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain;cursor:grab;padding:24px 0 8px;-webkit-user-select:none;user-select:none}.featured-rail:active{cursor:grabbing}.featured-rail::-webkit-scrollbar{display:none}.feature-group{display:flex;flex-shrink:0;gap:14px;padding-right:14px}.feature-card{position:relative;display:flex;flex-direction:column;flex:0 0 auto;width:31vw;min-width:220px;height:100%;transition:filter .4s,opacity .4s;isolation:isolate}.feature-card>span{display:block;height:34px;flex-shrink:0;font-size:12px;text-transform:uppercase;padding:0 12px;letter-spacing:.025em}.feature-image{flex:1;min-height:0;overflow:hidden;background:#eeece5}.feature-image img{width:100%;height:100%;object-fit:cover;pointer-events:none}.feature-card .drawn-outline{left:-7px;top:24px;width:calc(100% + 14px);height:calc(100% - 16px);z-index:2;stroke-width:1.1}.feature-card.is-active .drawn-outline{opacity:1}.feature-card.is-active .outline-solid,.feature-card.is-active .outline-broken{stroke-dashoffset:0}.featured-rail.has-active .feature-card:not(.is-active){filter:blur(5px);opacity:.48}.intro-playing .feature-card{visibility:hidden}.intro-dropping .feature-card>span{visibility:visible;animation:unfold .8s both}.intro-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.intro-words{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:3vw;padding:25px}.intro-words h1,.intro-words p{font-size:clamp(25px,4.8vw,80px);letter-spacing:-.055em;line-height:1;white-space:nowrap;animation:intro-type 2.2s both}.intro-words p{animation-delay:.18s}.intro-words img{width:clamp(70px,10vw,145px);height:90px;object-fit:contain;animation:intro-signature 8.1s both}.intro-orbit{position:absolute;top:0;right:0;bottom:0;left:0}.intro-image{position:absolute;width:min(132px,19vw);height:calc(min(132px,19vw)*1.22);left:calc(50% - (min(132px,19vw)/2));top:calc(43% - (min(132px,19vw)*.61));will-change:transform,opacity;opacity:0;backface-visibility:hidden}.intro-image img{width:100%;height:100%;object-fit:cover}.skip-intro{position:absolute;bottom:28px;right:30px;font-size:11px;pointer-events:auto;z-index:4}.intro-dropping .skip-intro{opacity:0;pointer-events:none}@keyframes intro-type{0%{opacity:0;transform:translateY(22px);filter:blur(8px)}20%,65%{opacity:1;transform:none;filter:none}to{opacity:0;transform:translateY(-22px);filter:blur(4px)}}@keyframes intro-signature{0%{opacity:0;transform:scale(.8)}10%,88%{opacity:1;transform:none}to{opacity:0;transform:scale(.7)}}.collection--art .page-title{padding-top:clamp(160px,51svh,650px)}.collection--art .page-title h1{font-size:clamp(49px,7.1vw,110px)}@media(max-width:700px){.feature-card{width:76vw;min-width:0}.featured-rail{height:55%}.feature-card>span{font-size:11px}.intro-words{flex-direction:column;gap:18px}.intro-words h1,.intro-words p{font-size:clamp(30px,8.5vw,52px)}.intro-words img{height:65px;width:92px}.collection--art .page-title{padding-top:39svh}.skip-intro{right:18px;bottom:20px}}@media(prefers-reduced-motion:reduce){.featured-rail.has-active .feature-card:not(.is-active){filter:none;opacity:.65}}.intro-image{left:50%;top:43%}@media(min-width:701px){.intro-words{display:grid;grid-template-columns:1fr auto 1fr}.intro-words h1{justify-self:end}.intro-words p{justify-self:start}}.feature-card:focus-visible{outline:none}.intro-words{bottom:14%}.intro-words h1,.intro-words p{font-size:clamp(23px,3.5vw,58px)}.intro-signature-space{width:clamp(70px,10vw,145px);height:90px}.intro-signature-center{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:clamp(70px,10vw,145px);height:90px}.intro-signature-center img{width:100%;height:100%;object-fit:contain;animation:intro-signature 8.1s both}.intro-image{width:min(104px,15vw);height:calc(min(104px,15vw)*1.22)}@media(max-width:700px){.intro-words h1,.intro-words p{font-size:clamp(24px,6.5vw,38px)}.intro-signature-space,.intro-signature-center{width:92px;height:65px}}.intro-signature-center img{animation:intro-centered-signature 9.6s both}@keyframes intro-centered-signature{0%{opacity:0;transform:scale(.8)}8%,84%{opacity:1;transform:none}94%,to{opacity:0;transform:scale(.7)}}.intro-words{top:0;right:0;bottom:0;left:0;display:block;padding:0;z-index:2}.intro-words h1,.intro-words p{position:absolute;top:43%;font-size:clamp(12px,1.05vw,18px);line-height:1.2;letter-spacing:-.025em;animation:intro-side-label 9.6s linear both;animation-delay:0s}.intro-words h1{left:4.6vw}.intro-words p{right:4.6vw}.intro-signature-space{display:none}.intro-percentage{position:absolute;bottom:27px;left:50%;transform:translate(-50%);font-size:9px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.02em}@keyframes intro-side-label{0%{opacity:0;transform:translateY(calc(-50% + 8px));filter:blur(3px)}9%,48%{opacity:1;transform:translateY(-50%);filter:none}62%,to{opacity:0;transform:translateY(calc(-50% - 6px));filter:blur(3px)}}@media(max-width:700px){.intro-words h1,.intro-words p{font-size:12px;top:calc(43% + 155px)}.intro-percentage{bottom:23px}}.intro-words h1{left:10vw}.intro-words p{right:10vw}.intro-words h1,.intro-words p,.intro-signature-center img{animation-duration:6.2s}.intro-orbit{overflow:hidden}.intro-image{will-change:transform,opacity;contain:layout paint}@keyframes intro-centered-signature{0%{opacity:0;transform:scale(.8)}8%,68%{opacity:1;transform:none}80%,to{opacity:0;transform:scale(.7)}}@media(max-width:700px){.intro-words h1{left:8vw}.intro-words p{right:8vw}}.intro-words h1,.intro-words p,.intro-signature-center img{animation-duration:5.4s}.intro-image,.intro-signature-center{top:50%}@keyframes intro-centered-signature{0%{opacity:0;transform:scale(.8)}8%,78%{opacity:1;transform:none}79%,to{opacity:0;transform:none}}.category-card{transition:filter .3s ease,opacity .3s ease}@media(hover:hover){.category-rail:has(.category-card:hover) .category-card:not(:hover){filter:blur(5px);opacity:.48}}.category-rail:has(.category-card:focus-visible) .category-card:not(:focus-visible){filter:blur(5px);opacity:.48}@media(prefers-reduced-motion:reduce){.category-card{transition:none}}.progress{width:48px}.progress span{width:16px}.landing,.category-page{animation:none}.menu-opening{pointer-events:none}.menu-opening .featured-rail{transform-origin:50% 50%;will-change:transform,opacity}.menu-morph{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.menu-morph .category-card{will-change:transform,opacity;filter:none!important;opacity:1}.menu-morph .drawn-outline{opacity:0!important}.menu-morph .category-rail{overflow:hidden}.menu-morph{background:#faf9f4}.category-rail:has(.category-card[style]){overflow:visible}.design-canvas{height:100svh;overflow:hidden;background:#faf9f4;position:relative;animation:canvas-enter .65s cubic-bezier(.2,.7,.2,1) both}.design-canvas.board-return{animation:none}.design-canvas>.inner-header{position:absolute;left:32px;right:32px;top:28px;z-index:4;pointer-events:none}.design-canvas>.inner-header>*{pointer-events:auto}.canvas-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;cursor:grab;outline:none!important}.canvas-viewport:active{cursor:grabbing}.canvas-world{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.canvas-motto{position:absolute;font-size:clamp(64px,8vw,120px);white-space:nowrap;letter-spacing:-.055em;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}.canvas-project{position:absolute;display:block;transform:translate(-50%,-50%);z-index:1;-webkit-user-select:none;user-select:none}.canvas-project img{width:100%;height:230px;object-fit:cover;pointer-events:none;transition:transform .3s}.canvas-project:nth-of-type(3n) img{height:290px}.canvas-project span{display:block;margin-top:10px;font-size:12px;opacity:0;transition:opacity .2s}.canvas-project:hover img,.canvas-project:focus-visible img{transform:scale(1.06)}.canvas-project:hover span,.canvas-project:focus-visible span{opacity:1}@keyframes canvas-enter{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@media(max-width:700px){.design-canvas>.inner-header{left:18px;right:18px;top:24px}.canvas-motto{font-size:85px}}.canvas-motto{left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(40px,8vw,120px);margin:0}.canvas-image{position:relative}.canvas-project img,.canvas-project:nth-of-type(3n) img{height:auto;aspect-ratio:1 / 1.12;object-fit:cover}.canvas-project:hover img,.canvas-project:focus-visible img{transform:none}.canvas-project .drawn-outline{left:-10px;top:-10px;width:calc(100% + 20px);height:calc(100% + 20px);z-index:2}.canvas-project:hover .drawn-outline,.canvas-project:focus-visible .drawn-outline{opacity:1}.canvas-project:hover .outline-solid,.canvas-project:hover .outline-broken,.canvas-project:focus-visible .outline-solid,.canvas-project:focus-visible .outline-broken{stroke-dashoffset:0}.canvas-project:focus-visible{outline:none}.canvas-project span{position:absolute;top:100%;left:0}.canvas-project{transition:filter .25s ease,opacity .25s ease}@media(hover:hover){.canvas-world:has(.canvas-project:hover) .canvas-project:not(:hover){filter:blur(5px);opacity:.48}}.canvas-world:has(.canvas-project:focus-visible) .canvas-project:not(:focus-visible){filter:blur(5px);opacity:.48}.canvas-project:hover,.canvas-project:focus-visible{z-index:3}.photography-canvas .canvas-project img,.photography-canvas .canvas-project:nth-of-type(3n) img{aspect-ratio:auto;height:auto;object-fit:contain}.photography-canvas .canvas-image{transition:transform .4s cubic-bezier(.2,.65,.2,1)}.photography-canvas .canvas-project:hover .canvas-image,.photography-canvas .canvas-project:focus-visible .canvas-image{transform:scale(1.16)}.photography-canvas .canvas-project span{display:none}.design-canvas:before{content:"";position:absolute;inset:0 0 auto;height:150px;z-index:3;pointer-events:none;background:linear-gradient(to bottom,#faf9f4,#faf9f4fa 40%,#faf9f4bf 65%,#faf9f400)}.design-canvas .canvas-viewport{z-index:0}.story-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:transparent;overflow:hidden;pointer-events:auto}.story-transition-blue{position:absolute;top:0;right:0;bottom:0;left:0;background:#0433bf;opacity:0}.story-transition h2{position:absolute;top:40px;left:10%;width:80%;text-align:center;color:#faf9f4;font-size:clamp(20px,2.6vw,38px);line-height:1.1;opacity:0}.story-transition h2 span{display:block;font-size:.45em;margin-top:10px}.story-transition img{position:absolute;object-fit:cover;max-width:none;will-change:transform}.design-story{position:relative;padding-top:calc(114px + 68vh)}.design-story>.inner-header{position:absolute;left:32px;right:32px;top:28px;z-index:2}.story-transition img,.design-story>.project-hero{position:absolute;left:12vw;top:96px;width:76vw;height:68vh;object-fit:cover;margin:0}.design-story>.back{display:block;margin-bottom:22px}.design-story>.project-heading{margin-bottom:30px}@media(max-width:700px){.story-transition img,.design-story>.project-hero{left:5vw;width:90vw}.design-story>.inner-header{left:18px;right:18px}}.design-story>.back{margin-bottom:10px}.design-story>.project-heading{margin-top:18px;align-items:flex-end}.design-story>.project-heading h1{line-height:.78}.design-story>.project-heading span{line-height:1.4;margin:0}.design-story>.project-copy{display:block;width:35vw;margin-left:calc(53vw - 32px);margin-right:0;padding:45px 0 65px;font-size:clamp(17px,1.6vw,22px);line-height:1.55}.design-story .story-gallery{width:76vw;margin:0 0 0 calc(12vw - 32px);display:grid;gap:24px}.story-image-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.story-image-row figure{aspect-ratio:4/5;overflow:hidden;background:#eeece5}.story-image-row img{width:100%;height:100%;object-fit:contain}.story-reveal{opacity:0;transform:translateY(35px);transition:opacity .65s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.story-reveal.is-visible{opacity:1;transform:none}@media(max-width:700px){.design-story>.project-heading{display:flex;align-items:flex-end;gap:16px}.design-story>.project-heading span{font-size:11px;min-width:0}.design-story>.project-copy{width:90vw;margin:0 auto;padding:35px 0 45px}.design-story .story-gallery{width:90vw;gap:16px}.story-image-row{gap:12px}.story-reveal{transform:translateY(22px)}}@media(prefers-reduced-motion:reduce){.story-reveal{opacity:1;transform:none}}.design-story>.project-copy{font-size:clamp(15px,1.25vw,18px)}.design-story .story-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 28px;align-items:start}.editorial-image img{width:100%;height:auto}.editorial-image.is-landscape{grid-column:1/-1;width:100%;justify-self:center}.editorial-image.solo-right{grid-column:2}.editorial-image.solo-right+.is-portrait{grid-column:1}.photo-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#faf9f4;overflow:auto}.photo-viewer>.inner-header{position:absolute;left:32px;right:32px;top:28px;z-index:2}.photo-detail-layout{min-height:100svh;padding:125px 32px 50px;display:grid;grid-template-columns:20% 56% 20%;gap:2%;align-items:center}.photo-description{font-size:12px;line-height:1.7;opacity:.5}.photo-description small{font-size:11px}.photo-stage{height:65vh;display:flex;align-items:center;justify-content:center}.photo-main-image{width:auto;height:auto;max-width:100%;max-height:65vh;object-fit:contain}.photo-paging{display:flex;justify-content:space-between;max-width:380px;margin:24px auto 0;font-size:12px}.photo-thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.photo-thumbnails img{width:100%;aspect-ratio:1;object-fit:cover}.photo-thumbnails button[aria-pressed=true]{outline:1px solid #0433BF;outline-offset:3px}.photo-more{font-size:11px;margin-top:16px}.photo-flight-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:all;background:#faf9f4}.photo-flight-back{position:absolute;top:0;right:0;bottom:0;left:0;background:#0433bf}.photo-flight{position:absolute;max-width:none;object-fit:contain}.photo-viewer.is-entering .photo-detail-layout{visibility:hidden}.photography-canvas:has(.photo-viewer)>.inner-header{visibility:hidden}@media(max-width:700px){.photo-viewer>.inner-header{left:18px;right:18px;top:24px}.photo-detail-layout{padding:110px 18px 30px;grid-template-columns:1fr;gap:30px}.photo-center{grid-row:1}.photo-stage{height:55vh}.photo-main-image{max-height:55vh}.photo-related{max-width:280px;width:100%;justify-self:center}.photo-description{grid-row:3}.design-story .story-gallery{gap:36px 16px}.editorial-image.is-landscape{width:100%}}.design-story .editorial-image.detail-small{grid-column:1;height:min(18vw,260px);justify-self:start}.design-story .editorial-image.detail-tall{grid-column:2;height:min(36vw,520px);justify-self:end}.design-story .detail-small img,.design-story .detail-tall img{height:100%;width:auto;max-width:100%;object-fit:contain}.story-gallery:has(>.is-visible:last-child)+.end-link,.project-copy.is-visible+.story-gallery:empty+.end-link,.design-story>.end-link:focus-visible{opacity:1;transform:none}@media(prefers-reduced-motion:no-preference){.design-story>.end-link{transition-delay:.18s}}.design-story>.end-link{width:76vw;margin-left:calc(12vw - 32px);text-align:right}@media(max-width:700px){.design-story .story-gallery,.design-story>.end-link{width:90vw;margin-left:calc(5vw - 18px)}.design-story>.project-copy{width:90vw;margin-left:calc(5vw - 18px)}.design-story .editorial-image.detail-small{height:27vw}.design-story .editorial-image.detail-tall{height:54vw}.design-story>.end-link{font-size:22px}}.design-story>.end-link{font-size:clamp(15px,1.25vw,18px)}.eye-detail-pair{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:flex-start;gap:14px}.eye-detail-pair .editorial-image{height:34.6vw;flex:none}.eye-detail-pair img{height:100%;width:auto;max-width:none}@media(max-width:700px){.eye-detail-pair{gap:12px}.eye-detail-pair .editorial-image{height:54vw}.design-story>.project-heading h1{font-size:clamp(32px,7vw,45px);line-height:.95;overflow-wrap:anywhere}}@media(hover:hover)and (pointer:fine){.board-exploring,.board-exploring a,.board-exploring button,.board-exploring .canvas-viewport{cursor:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20transform%3D%22rotate%2840%2016%2016%29%22%3E%3Cpath%20d%3D%22M16%2018V30%22%20stroke%3D%22white%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16%2018V30%22%20stroke%3D%22%230433BF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%203H22V7H20V13L24%2018V20H8V18L12%2013V7H10Z%22%20fill%3D%22%230433BF%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M13%206H19%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) 7 27,auto}}.board-cursor-hint{position:fixed;left:0;top:0;z-index:8;pointer-events:none;opacity:0;font-size:11px;line-height:1.4;white-space:nowrap;color:#0433bf;background:#faf9f4dd;padding:3px 6px;transition:opacity .18s ease;will-change:transform}@media(hover:none),(pointer:coarse){.board-cursor-hint{display:none}}.about-enter{animation:about-page-enter .8s cubic-bezier(.22,.68,.22,1) both;transform-origin:50% 16vh}@keyframes about-page-enter{0%{opacity:0;transform:scale(1.065) translateY(18px)}to{opacity:1;transform:none}}.about-reveal>span{display:inline-block;opacity:0;transform:translateY(.35em);transition:opacity .7s ease,transform .8s cubic-bezier(.22,.68,.22,1);transition-delay:var(--word-delay)}.about-reveal.is-revealed>span{opacity:1;transform:translateY(0)}.about-facts{margin:38px 0 0;padding-top:22px;border-top:1px solid #0433bf30;font-size:12px;line-height:1.65}.about-facts>div{display:grid;grid-template-columns:90px 1fr;gap:12px;margin-bottom:16px}.about-facts dt{opacity:.7}.about-facts dd{margin:0}@media(max-width:700px){.about-intro>div{font-size:16px}.about-facts{font-size:11px}.about-facts>div{grid-template-columns:78px 1fr}.about .contact-button{text-align:left;line-height:1.5}}@media(prefers-reduced-motion:reduce){.about-reveal>span{opacity:1;transform:none}}.journey .about-reveal>span{font:inherit}.design-story .project-explanation{grid-column:1/-1;width:min(100%,35vw);justify-self:end;font-size:clamp(15px,1.25vw,18px);line-height:1.55}@media(max-width:700px){.design-story .project-explanation{width:100%}}.design-story .story-reveal{transition-duration:.85s,1s;transition-timing-function:ease,cubic-bezier(.22,.61,.36,1)}.design-story>.project-hero.story-reveal:not(.is-visible){transform:translateY(22px)}@media(prefers-reduced-motion:reduce){.design-story .story-reveal{opacity:1;transform:none!important;transition:none}}.mascot-moment{pointer-events:none;-webkit-user-select:none;user-select:none;width:clamp(86px,10vw,150px)}.mascot-moment img{display:block;width:100%;height:auto}.chapters-heading{display:flex;align-items:center;gap:clamp(16px,2vw,30px);margin-bottom:40px}.chapters-heading h2{margin:0}.chapters-mascot{width:clamp(60px,7vw,100px);height:auto;pointer-events:none}@media(prefers-reduced-motion:no-preference){.chapters-mascot{animation:chapter-spin 12s linear infinite,chapter-float 3s ease-in-out infinite}}@keyframes chapter-spin{to{rotate:1turn}}@keyframes chapter-float{0%,to{translate:0 3px}50%{translate:0 -3px}}.mascot-project{margin:20px 0 52px 25%;transform:rotate(9deg)}@media(max-width:700px){.mascot-project{margin-left:12%;margin-bottom:30px}}.editorial-image video{display:block;width:100%;height:auto}.guide-explanation{font-size:clamp(15px,1.25vw,18px);line-height:1.65;max-width:560px;margin:32px 0 0 auto}.design-story[data-project=engineering]>.project-hero,.story-transition[data-project=engineering]>img{object-position:center 34%}.design-story[data-project=club-merch] .story-gallery{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(10px,3vw,48px);align-items:center}.collage-piece img{display:block;width:100%;height:auto}.collage-mascots{grid-column:1 / -1}.collage-tote img{width:47%;margin-inline:auto}img[src="/assets/originals/chenpi-coffee-1.jpg"]{filter:saturate(.76)}
