@import "https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;6..96,500;6..96,600&family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap";@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,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.table{display:table}.resize{resize:both}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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))}}:root{--white:#fbfbfa;--blue:#cbdcff;--taupe:#cbbfb5;--black:#111;--grey:#777;--line:#11111142}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{background:var(--white);color:var(--black);margin:0;font-family:DM Sans,Arial,sans-serif}a{color:inherit}nav{border-bottom:1px solid var(--line);z-index:20;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 3.5vw;display:flex;position:absolute}.portfolio-label,.nav-links>a,.work-menu>button{text-transform:uppercase;letter-spacing:.15em;font:700 10px/1 DM Sans,sans-serif;text-decoration:none}.nav-links{align-items:center;gap:30px;display:flex}.work-menu{position:relative}.work-menu>button{background:0 0;border:0;padding:27px 0}.work-menu>button span{margin-left:6px}.dropdown{color:#fff;opacity:0;visibility:hidden;background:#111;width:min(410px,92vw);padding:9px 24px;transition:all .3s;position:absolute;top:69px;left:0;transform:translateY(-8px)}.dropdown.open{opacity:1;visibility:visible;transform:none}.dropdown a{border-bottom:1px solid #555;justify-content:space-between;padding:19px 0;font-size:14px;text-decoration:none;display:flex}.dropdown a:last-child{border:0}.dropdown a span{transition:all .25s}.dropdown a:hover span{transform:rotate(-45deg)}.intro{background:linear-gradient(112deg,var(--white) 0 78%,var(--blue) 78%);flex-direction:column;justify-content:space-between;min-height:100vh;padding:115px 3.5vw 5vh;display:flex;position:relative;overflow:hidden}.kicker,.label{text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:700}.intro h1{letter-spacing:-.075em;margin:auto 0;font:900 clamp(110px,21vw,310px)/.76 Bodoni Moda,"Bodoni 72",Didot,serif}.subline{max-width:730px;margin:0;font-size:clamp(17px,2vw,27px);line-height:1.35}.available{aspect-ratio:1;text-align:center;text-transform:uppercase;background:#abc5ff;border-radius:50%;place-items:center;width:112px;font-size:10px;font-weight:700;line-height:1.4;animation:4s ease-in-out infinite float;display:grid;position:absolute;top:17%;right:9vw;transform:rotate(7deg)}.down{border:1px solid;border-radius:50%;place-items:center;width:55px;height:55px;font-size:20px;text-decoration:none;transition:all .3s;display:grid;position:absolute;bottom:5vh;right:3.5vw}@keyframes float{50%{transform:translateY(-12px)rotate(-6deg)}}.about-intro{background:var(--taupe);grid-template-columns:1fr 3fr;gap:5vw;padding:110px 3.5vw;display:grid}.about-intro h2{text-transform:uppercase;letter-spacing:.16em;margin:0;font:700 11px/1.3 DM Sans,sans-serif}.about-copy{letter-spacing:-.045em;max-width:1300px;margin:0;font:600 clamp(31px,4.2vw,65px)/1.13 DM Sans,sans-serif}.category{border-bottom:1px solid var(--line);padding:100px 0 95px;overflow:hidden}.category-head{justify-content:space-between;align-items:end;margin:0 3.5vw 32px;display:flex}.category-title{align-items:flex-start;gap:20px;display:flex}.category-title span{font:900 clamp(34px,5vw,76px)/.82 Bodoni Moda,serif;animation:3.5s ease-in-out infinite numberPulse;display:inline-block}.category-title h2{letter-spacing:-.055em;margin:0;font:900 clamp(46px,7vw,102px)/.82 Bodoni Moda,serif}@keyframes numberPulse{50%{color:#708dcc;transform:translateY(-8px)rotate(-5deg)}}.slide-nav{align-items:center;gap:8px;display:flex}.counter{letter-spacing:.12em;margin-right:12px;font-size:10px;font-weight:700}.slide-nav button{background:0 0;border:1px solid;border-radius:50%;width:50px;height:50px;font-size:18px;transition:all .25s}.slides{scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}.slides::-webkit-scrollbar{display:none}.slide{scroll-snap-align:start;opacity:.3;flex:0 0 100%;padding:0 3.5vw;transition:opacity .5s,transform .65s;transform:scale(.97)}.project-top{border-top:1px solid;align-items:center;height:62px;display:flex}.project-top h3{letter-spacing:-.045em;margin:0;font:700 clamp(27px,3.2vw,49px)/1 DM Sans,sans-serif}.project-image{background:#f4f4f2;height:min(62vw,720px);position:relative;overflow:hidden}.project-image>*{display:block;position:absolute}.project-image i{background:currentColor;width:66%;height:1px;transition:all .8s;top:50%;left:17%;transform:rotate(-18deg)}.project-image b{aspect-ratio:1;clip-path:polygon(50% 0,100% 100%,0 100%);background:0 0;border:2px solid;width:40%;transition:all .9s;top:20%;left:30%}.project-image em{border-bottom:2px solid;border-left:2px solid;width:26%;height:48%;transition:all 1s;top:15%;right:15%;transform:skew(-15deg)}.slide.active .project-image i{transform:rotate(9deg)scaleX(1.05)}.slide.active .project-image b{transform:translate(10%,-2%)rotate(8deg)}.slide.active .project-image em{transform:translate(-12%,14%)skew(-25deg)}.project-image:hover i{transform:rotate(-33deg)scaleX(.8)!important}.project-image:hover b{transform:translate(-14%,7%)rotate(-15deg)!important}.project-image:hover em{transform:translate(10%,-8%)skew(8deg)!important}.project-number{letter-spacing:-.08em;opacity:.12;font:900 clamp(150px,30vw,440px)/1 Bodoni Moda,serif;transition:all .7s;top:50%;left:50%;transform:translate(-50%,-50%)}.slide.active .project-number{transform:translate(-50%,-50%)rotate(-4deg)}.art-one{background:#ccd9ff}.art-two{background:#cdc0b6}.art-three{color:#fff;background:#111}.art-four{border:1px solid var(--line);background:#fff}.art-five{background:#b8caff}.art-six{background:#d7cdc5}.art-seven{color:#fff;background:#111}.art-eight{background:#dce5ff}.art-nine{background:#c3b6ac}.art-ten{background:#bccdff}.art-eleven{color:#fff;background:#111}.art-twelve{background:#d2c7be}.descriptions{max-width:800px;margin:22px 0 0}.descriptions p{margin:0 0 7px;font-size:15px;line-height:1.55}.descriptions p[lang=de]{color:var(--grey)}.progress{background:#11111126;height:2px;margin:42px 3.5vw 0}.progress span{background:#111;height:100%;transition:width .55s;display:block}footer{color:#fff;background:#111;padding:105px 3.5vw 35px}.contact-grid{border-top:1px solid #666;grid-template-columns:1fr 1fr;margin-top:70px;display:grid}.contact-grid>div{padding:55px 4vw 65px 0}.contact-grid>div+div{border-left:1px solid #666;padding-left:4vw}.contact-grid span{text-transform:uppercase;letter-spacing:.15em;color:#aaa;font-size:10px}.contact-grid h2{letter-spacing:-.055em;margin:35px 0 50px;font:700 clamp(44px,6vw,88px)/.95 DM Sans,sans-serif}.contact-grid a{border-bottom:1px solid;padding-bottom:5px;font-size:15px;text-decoration:none;display:inline-block}.contact-grid a:hover{color:var(--blue)}.footer-line{text-transform:uppercase;letter-spacing:.12em;border-top:1px solid #666;justify-content:space-between;padding-top:20px;font-size:10px;display:flex}@media (width<=700px){nav{height:60px}.nav-links{gap:13px}.portfolio-label,.nav-links>a,.work-menu>button{font-size:8px}.dropdown{top:59px;left:-80px}.intro{background:linear-gradient(112deg,var(--white) 0 86%,var(--blue) 86%);min-height:82vh;padding-top:90px}.intro h1{font-size:25vw}.subline{max-width:72%;font-size:15px}.available{width:78px;font-size:8px;top:20%;right:6vw}.down{width:43px;height:43px}.about-intro{grid-template-columns:1fr;padding:70px 5vw}.about-copy{font-size:8.5vw}.category{padding:70px 0}.category-head{margin:0 5vw 25px}.category-title{gap:10px;max-width:65%}.category-title span{font-size:9vw}.category-title h2{font-size:12vw}.counter{display:none}.slide-nav button{width:40px;height:40px}.slide{padding:0 5vw}.project-top{height:54px}.project-image{height:110vw;max-height:590px}.descriptions p{font-size:13px}.progress{margin:35px 5vw 0}.contact-grid{grid-template-columns:1fr}.contact-grid>div{padding:45px 0}.contact-grid>div+div{border-top:1px solid #666;border-left:0;padding-left:0}.contact-grid h2{margin:25px 0 35px;font-size:13vw}footer{padding:75px 5vw 30px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--blue:#cfe8ff}.intro h1{font-weight:600}.available{background:#b9ddff}.category-title{gap:0}.category-title h2{font-weight:600}.project-number{opacity:.15;font-weight:600;animation:5.5s ease-in-out infinite projectDrift}.project-image i{background:0 0;border-top:3px solid;border-radius:50%;height:auto;animation:7s ease-in-out infinite lineFlow;transform:rotate(-12deg)scaleX(.9)}.project-image b{clip-path:polygon(50% 0,100% 100%,0 100%);background:currentColor;border:0;animation:8s ease-in-out infinite triangleFloat}.project-image b:after{content:"";background:var(--shape-bg);clip-path:polygon(50% 0,100% 100%,0 100%);position:absolute;inset:5px}.project-image em{border-bottom-width:3px;border-left-width:3px;border-radius:0 0 0 70%;animation:6.5s ease-in-out infinite curveMove}.art-one{--shape-bg:#d2eaff;background:#d2eaff}.art-two{--shape-bg:#cdc0b6}.art-three{--shape-bg:#111}.art-four{--shape-bg:#fff}.art-five{--shape-bg:#c6e3ff;background:#c6e3ff}.art-six{--shape-bg:#d7cdc5}.art-seven{--shape-bg:#111}.art-eight{--shape-bg:#e1f1ff;background:#e1f1ff}.art-nine{--shape-bg:#c3b6ac}.art-ten{--shape-bg:#c8e5ff;background:#c8e5ff}.art-eleven{--shape-bg:#111}.art-twelve{--shape-bg:#d2c7be}@keyframes lineFlow{0%,to{transform:rotate(-15deg)scaleX(.85)translateY(0)}50%{transform:rotate(7deg)scaleX(1.08)translateY(-24px)}}@keyframes triangleFloat{0%,to{transform:translate(0)rotate(-4deg)}50%{transform:translate(28px,-20px)rotate(8deg)}}@keyframes curveMove{0%,to{transform:translate(0)skew(-18deg)}50%{transform:translate(-34px,30px)skew(-7deg)rotate(8deg)}}@keyframes projectDrift{0%,to{transform:translate(-50%,-50%)rotate(-3deg)}50%{transform:translate(-47%,-53%)rotate(3deg)}}.intro h1,.category-title h2,.project-number{font-family:Bodoni Moda,"Bodoni 72",Didot,serif}.intro h1{letter-spacing:-.07em;font-weight:600}.category-title h2{letter-spacing:-.06em;font-weight:600}.project-number{font-weight:600}.available{display:none}.category-head{margin-bottom:88px}.project-top{border-top:0;height:76px}.project-top h3{font-weight:400}.art-four{border:0}.slides{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.slides.dragging{cursor:grabbing;scroll-snap-type:none}.slide{transition:opacity .6s,transform .75s cubic-bezier(.16,.8,.25,1)}.slides.dragging .slide.active .project-image{transform:scale(.985)rotate(.35deg)}.project-image i,.project-image b,.project-image em{clip-path:none;border:0;border-top:3px solid;border-radius:50%;width:74%;height:25%;transition:none;top:34%;left:13%;right:auto;transform:none;background:0 0!important}.project-image b:after{display:none}.project-image i{animation:7s ease-in-out infinite organicLineOne}.project-image b{animation:8.5s ease-in-out infinite organicLineTwo;top:46%}.project-image em{animation:6.8s ease-in-out infinite organicLineThree;top:58%}.slide-nav>span{text-transform:uppercase;letter-spacing:.15em;color:#666;margin-right:16px;font-size:9px;font-weight:700}.slide-footer{align-items:center;gap:30px;margin:42px 3.5vw 0;display:flex}.slide-footer .progress{flex:1;margin:0}.dots{gap:8px;display:flex}.dots button{background:0 0;border:1px solid #111;border-radius:50%;width:9px;height:9px;padding:0;transition:all .25s}.dots button.active{background:#111;transform:scale(1.25)}@keyframes imageReveal{0%{clip-path:inset(5% 8%);transform:scale(.96)}to{clip-path:inset(0);transform:scale(1)}}@keyframes organicLineOne{0%,to{border-radius:55%;transform:translate(-5%,-10%)rotate(-8deg)scaleX(.86)}50%{border-radius:38%;transform:translate(7%,18%)rotate(4deg)scaleX(1.06)}}@keyframes organicLineTwo{0%,to{border-radius:42%;transform:translate(8%,8%)rotate(6deg)scaleX(1.04)}50%{border-radius:60%;transform:translate(-9%,-18%)rotate(-5deg)scaleX(.82)}}@keyframes organicLineThree{0%,to{border-radius:65%;transform:translate(-2%,15%)rotate(-3deg)scaleX(.92)}50%{border-radius:35%;transform:translate(10%,-8%)rotate(8deg)scaleX(1.08)}}@media (width<=700px){.category-head{margin-bottom:55px}.project-top{height:66px}.slide-footer{margin:34px 5vw 0}.slide-nav>span{display:none}}.category{border-bottom:0}.category:nth-child(2n){background:var(--white)}.category:nth-child(3){background:#ded4cb}.project-image{isolation:isolate;background-position:50%;background-size:cover;border:0!important}.project-image:after{content:"";z-index:-1;background:linear-gradient(135deg,#ffffff0a,#00000014);position:absolute;inset:0}.slide:nth-child(2) .project-image{background-position:50% 62%}.slide:nth-child(3) .project-image{background-position:50% 38%}.project-image i,.project-image b,.project-image em{color:#fff;mix-blend-mode:difference;z-index:2;animation-duration:3.2s}.project-image i{animation-name:fastLineOne}.project-image b{animation-name:fastLineTwo;animation-duration:4.1s}.project-image em{animation-name:fastLineThree;animation-duration:2.7s}.project-number{z-index:3;color:#fff;mix-blend-mode:difference;opacity:.42}.scroll-art{z-index:15;pointer-events:none;mix-blend-mode:difference;color:#fff;position:fixed;inset:0;overflow:hidden}.scroll-art>*{will-change:transform;transition:transform 80ms linear;display:block;position:absolute}.scroll-art span{background:currentColor;width:38vw;height:3px;top:12vh;left:-12vw}.scroll-art i{clip-path:polygon(0 0,100% 50%,0 100%);border-top:3px solid;border-left:3px solid;width:24vw;height:24vw;top:8vh;left:76vw}.scroll-art b{border-top:3px solid;border-bottom:3px solid;width:30vw;height:12vw;top:34vh;left:8vw;transform:skew(-28deg)}@keyframes fastLineOne{0%{transform:translate(-18%,-20%)rotate(-18deg)scaleX(.72)}55%{transform:translate(16%,25%)rotate(12deg)scaleX(1.15)}to{transform:translate(-18%,-20%)rotate(-18deg)scaleX(.72)}}@keyframes fastLineTwo{0%{transform:translate(15%,15%)rotate(9deg)scaleX(1.12)}45%{transform:translate(-16%,-24%)rotate(-12deg)scaleX(.76)}to{transform:translate(15%,15%)rotate(9deg)scaleX(1.12)}}@keyframes fastLineThree{0%{transform:translate(-7%,22%)rotate(-7deg)scaleX(.86)}50%{transform:translate(18%,-14%)rotate(15deg)scaleX(1.2)}to{transform:translate(-7%,22%)rotate(-7deg)scaleX(.86)}}@media (width<=700px){.scroll-art span{width:65vw}.scroll-art i{width:42vw;height:42vw;left:72vw}.scroll-art b{width:54vw;height:18vw}}.intro h1,.category-title h2,.project-number{font-family:"Bodoni 72",Bodoni Moda,Didot,serif;font-weight:700}.slide-nav{gap:6px}.slide-nav>span{margin:0 8px;font-size:8px}.slide-nav button{color:#111;background:0 0;border:0;border-radius:0;width:auto;height:auto;padding:5px 7px;font:500 22px/1 DM Sans,sans-serif}.slide-nav button:hover{color:#111;background:0 0;transform:translateY(-2px)}.scroll-art{display:none}.scroll-worm{z-index:15;pointer-events:none;mix-blend-mode:difference;width:100vw;height:100vh;transition:opacity .25s;position:fixed;inset:0}.scroll-worm path{fill:none;stroke:#fff;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.2 .8;transition:stroke-dashoffset .1s linear}.project-image i,.project-image b,.project-image em{opacity:0;animation:none!important}.slide.active .project-image i{animation:.8s cubic-bezier(.15,.75,.25,1) both swipeTraceOne!important}.slide.active .project-image b{animation:.95s cubic-bezier(.15,.75,.25,1) 60ms both swipeTraceTwo!important}.slide.active .project-image em{animation:.72s cubic-bezier(.15,.75,.25,1) .12s both swipeTraceThree!important}.project-number{opacity:0;transition:opacity .18s;animation:none!important}@keyframes swipeTraceOne{0%{opacity:0;transform:translate(-24%,-25%)rotate(-22deg)scaleX(.55)}35%{opacity:.9}to{opacity:0;transform:translate(28%,20%)rotate(14deg)scaleX(1.18)}}@keyframes swipeTraceTwo{0%{opacity:0;transform:translate(24%,20%)rotate(12deg)scaleX(1.15)}38%{opacity:.85}to{opacity:0;transform:translate(-26%,-22%)rotate(-15deg)scaleX(.6)}}@keyframes swipeTraceThree{0%{opacity:0;transform:translate(-12%,25%)rotate(-8deg)scaleX(.7)}42%{opacity:.8}to{opacity:0;transform:translate(24%,-18%)rotate(16deg)scaleX(1.2)}}@keyframes numberPeek{0%{opacity:0;transform:translate(-54%,-50%)scale(.9)}22%,55%{opacity:.48;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-46%,-50%)scale(1.04)}}.intro h1{letter-spacing:.015em}.category-title h2{letter-spacing:.01em}.project-number{letter-spacing:.03em}.project-image i,.project-image b,.project-image em{display:none!important}.scroll-worm{mix-blend-mode:normal;width:3vw;height:100vh;inset:0 .2vw 0 auto}.side-arrow{z-index:6;color:#111;opacity:.82;background:#ffffffc2;border:0;width:42px;height:70px;padding:0;font:400 25px/1 DM Sans,sans-serif;transition:opacity .2s,background .2s;position:absolute;top:50%;transform:translateY(-50%)}.side-arrow:hover{opacity:1;background:#fff}@media (width<=700px){.intro h1{letter-spacing:.005em}.category-title h2{letter-spacing:0}.scroll-worm{width:4vw;right:.35vw}.scroll-worm path{stroke-width:4px}.side-arrow{width:34px;height:58px;font-size:21px}.side-arrow.left{left:10px}.side-arrow.right{right:10px}}.intro .subline{margin-bottom:82px}.down{bottom:24px;left:50%;right:auto;transform:translate(-50%)}.down:hover{background:0 0;transform:translate(-50%)translateY(5px)}.scroll-worm{z-index:2;mix-blend-mode:difference;width:100vw;height:100vh;inset:0}.scroll-worm path{stroke:#fff;stroke-width:4px;stroke-dasharray:.145 .855}.category{z-index:1;position:relative}.category-head,.project-top,.descriptions,.slide-footer{z-index:4;position:relative}.slide{padding-left:0;padding-right:0}.project-top,.descriptions{margin-left:3.5vw;margin-right:3.5vw}.project-image{z-index:3;width:100vw}@media (width<=700px){.intro .subline{margin-bottom:70px}.down{bottom:18px}.project-top,.descriptions{margin-left:5vw;margin-right:5vw}.scroll-worm{width:100vw;right:auto}.scroll-worm path{stroke-width:3px}}.project-image{width:86vw}.category:nth-child(odd) .project-image{margin-left:0;margin-right:14vw}.category:nth-child(2n) .project-image{margin-left:14vw;margin-right:0}.scroll-worm{z-index:2;width:14vw;height:100vh;transition:left .35s cubic-bezier(.2,.8,.2,1),right .35s cubic-bezier(.2,.8,.2,1),opacity .2s;inset:0 auto}.scroll-worm.left{left:0;right:auto}.scroll-worm.right{left:auto;right:0}.scroll-worm path{stroke-width:4px;stroke-dasharray:.13 .87}.side-arrow,.side-arrow:hover{color:#fff;opacity:1;text-shadow:0 1px 8px #0009;background:0 0;width:34px;height:54px;padding:0;font-size:34px}.side-arrow.left{left:22px}.side-arrow.right{right:22px}.slide{opacity:.15;transform:translate(3vw)scale(.96)}.slide.active{opacity:1;transform:none}.slide.active .project-image{animation:.72s cubic-bezier(.12,.8,.2,1) kineticSlide}.slide.active .project-top h3{animation:.62s cubic-bezier(.12,.8,.2,1) titleWhip}.slide.active .descriptions p{animation:.65s cubic-bezier(.12,.8,.2,1) .12s both copyLift}.slide.active .descriptions p[lang=de]{animation-delay:.2s}.project-number{color:#e6e6e6b8;mix-blend-mode:normal;opacity:0;animation:none!important}.slide.active .project-number,.project-image:hover .project-number{animation:2s ease-out both numberTwoSeconds!important}@keyframes kineticSlide{0%{clip-path:polygon(16% 0,100% 0,84% 100%,0 100%);transform:translate(5vw)scale(.94)}55%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(-.8vw)scale(1.01)}to{clip-path:inset(0);transform:none}}@keyframes titleWhip{0%{opacity:0;letter-spacing:.08em;transform:translate(55px)}to{opacity:1;letter-spacing:-.045em;transform:none}}@keyframes copyLift{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes numberTwoSeconds{0%{opacity:0;transform:translate(-58%,-50%)scale(.88)}12%,58%{opacity:.52;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-43%,-50%)scale(1.06)}}@media (width<=700px){.project-image{width:88vw}.category:nth-child(odd) .project-image{margin-right:12vw}.category:nth-child(2n) .project-image{margin-left:12vw}.scroll-worm{width:12vw}.side-arrow,.side-arrow:hover{font-size:28px}.side-arrow.left{left:12px}.side-arrow.right{right:12px}}:root{--taupe:#e1dad4}.scroll-worm{display:none!important}.project-image,.category:nth-child(odd) .project-image,.category:nth-child(2n) .project-image{width:100vw;margin-left:0;margin-right:0}.down,.down:hover{background:0 0;border:0;border-radius:0;width:38px;height:26px;transform:translate(-50%)}.down:before,.down:after{content:"";background:var(--black);width:20px;height:2px;position:absolute;top:8px}.down:before{transform-origin:100%;right:50%;transform:rotate(38deg)}.down:after{transform-origin:0;left:50%;transform:rotate(-38deg)}.down:hover:before{transform:rotate(38deg)translate(2px)}.down:hover:after{transform:rotate(-38deg)translate(-2px)}@media (width<=700px){.project-image,.category:nth-child(odd) .project-image,.category:nth-child(2n) .project-image{width:100vw;margin:0}.down{width:34px}}.about-intro,.category:nth-child(3){background:var(--taupe)}.contact-grid,.footer-line{margin-left:-3.5vw;margin-right:-3.5vw;padding-left:3.5vw;padding-right:3.5vw}.footer-line{margin-top:0}@media (width<=700px){.contact-grid,.footer-line{margin-left:-5vw;margin-right:-5vw;padding-left:5vw;padding-right:5vw}}#about,#web-design{background-color:#e1dad4!important;background-image:none!important}nav{animation:.7s cubic-bezier(.16,.8,.25,1) both navDrop}.intro .kicker{animation:.8s cubic-bezier(.16,.8,.25,1) .12s both heroRise}.intro h1{transform-origin:0;animation:1.15s cubic-bezier(.12,.82,.2,1) 80ms both heroType}.intro .subline{animation:.9s cubic-bezier(.16,.8,.25,1) .42s both heroRise}body.motion-enabled .motion-section .category-title h2,body.motion-enabled .motion-section .about-copy,body.motion-enabled .motion-section>.label{opacity:0;clip-path:inset(0 0 100%);transform:translateY(56px)}body.motion-enabled .motion-section.in-view .category-title h2,body.motion-enabled .motion-section.in-view .about-copy,body.motion-enabled .motion-section.in-view>.label{opacity:1;clip-path:inset(0);transition:opacity .7s,transform .9s cubic-bezier(.12,.82,.2,1),clip-path .9s cubic-bezier(.12,.82,.2,1);transform:none}body.motion-enabled .motion-section .project-top,body.motion-enabled .motion-section .project-image,body.motion-enabled .motion-section .descriptions,body.motion-enabled .motion-section .slide-footer{opacity:0;transform:translateY(34px)}body.motion-enabled .motion-section.in-view .project-top,body.motion-enabled .motion-section.in-view .project-image,body.motion-enabled .motion-section.in-view .descriptions,body.motion-enabled .motion-section.in-view .slide-footer{opacity:1;transition:opacity .65s,transform .85s cubic-bezier(.12,.82,.2,1);transform:none}body.motion-enabled .motion-section.in-view .project-image{transition-delay:.1s}body.motion-enabled .motion-section.in-view .descriptions{transition-delay:.2s}body.motion-enabled .motion-section.in-view .slide-footer{transition-delay:.28s}.project-image{background-size:100%;transition:transform .65s cubic-bezier(.16,.8,.25,1),filter .65s,background-size 1s}.side-arrow{transition:transform .28s,opacity .28s!important}.side-arrow.left:hover{transform:translate(-6px,-50%)}.side-arrow.right:hover{transform:translate(6px,-50%)}.progress span{position:relative;overflow:hidden}.progress span:after{content:"";background:#ffffffbf;animation:2.8s ease-in-out infinite progressGlint;position:absolute;inset:0;transform:translate(-100%)}.contact-grid>div{transition:background .35s,padding .35s}.contact-grid>div:hover{background:#171717}.contact-grid h2{transition:transform .45s cubic-bezier(.16,.8,.25,1)}.contact-grid>div:hover h2{transform:translate(12px)}.contact-grid a{position:relative}.contact-grid a:after{content:"";background:var(--blue);transform-origin:100%;height:1px;transition:transform .35s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.contact-grid a:hover:after{transform-origin:0;transform:scaleX(1)}@keyframes navDrop{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}@keyframes heroType{0%{opacity:0;clip-path:inset(-.25em 105% -.25em -5%);transform:translate(-3vw)skew(-5deg)}to{opacity:1;clip-path:inset(-.25em -5%);transform:none}}@keyframes heroRise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes arrowNudge{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}@keyframes progressGlint{0%,38%{transform:translate(-110%)}70%,to{transform:translate(110%)}}@media (width<=700px){.project-image,.project-image:hover{background-size:cover;transform:none}.contact-grid>div:hover h2{transform:none}}@media (prefers-reduced-motion:reduce){body.motion-enabled .motion-section *{opacity:1!important;clip-path:none!important;transform:none!important}.down{animation:none!important}}.intro h1,.category-title h2{padding-bottom:.14em;overflow:visible}.intro h1{line-height:.88}.category-title h2{line-height:.94}body.motion-enabled .motion-section .category-title h2,body.motion-enabled .motion-section.in-view .category-title h2{clip-path:none}.about-intro,.category{isolation:isolate;position:relative}.category:before,.category:after,.about-intro:before{content:"";pointer-events:none;z-index:2;will-change:transform;border:2px solid #11111157;position:absolute}.category:before{aspect-ratio:1;border-radius:48% 52% 28% 72%/62% 36% 64% 38%;width:clamp(100px,14vw,210px);animation:7.5s ease-in-out infinite alternate softOrbOne;top:34px;right:8vw}.category:after{aspect-ratio:1;background:#cfe8ffcc;border:0;border-radius:50%;width:clamp(38px,5vw,72px);animation:5.8s ease-in-out infinite alternate softOrbTwo;top:190px;right:3vw}.category:nth-child(2n):after{animation-delay:-1.7s;left:70vw;right:auto}.about-intro:before{aspect-ratio:1;opacity:.7;border-radius:58% 42% 67% 33%/38% 65% 35% 62%;width:clamp(120px,17vw,245px);animation:9s ease-in-out infinite alternate softOrbOne;top:34px;right:5vw}.about-intro>*{z-index:3;position:relative}.category:hover:before{border-color:#11111194}@keyframes softOrbOne{0%{border-radius:48% 52% 28% 72%/62% 36% 64% 38%;transform:translate(0)rotate(-8deg)scale(.94)}55%{border-radius:67% 33% 57% 43%/34% 61% 39% 66%;transform:translate(-18px,13px)rotate(18deg)scale(1.04)}to{border-radius:39% 61% 34% 66%/58% 42% 63% 37%;transform:translate(10px,-8px)rotate(31deg)scale(.98)}}@keyframes softOrbTwo{0%{transform:translateY(-8px)scale(.9)}50%{transform:translate(-18px,17px)scale(1.08)}to{transform:translate(9px,-2px)scale(.96)}}@media (width<=700px){.intro h1{line-height:.92}.category-title h2{line-height:1}.category:before{width:96px;top:30px;right:5vw}.category:after{width:38px;top:145px;right:4vw}.category:nth-child(2n):before{left:58vw}.category:nth-child(2n):after{left:80vw}.about-intro:before{width:120px;top:30px;right:-28px}}#work{counter-reset:portfolio-category}.category{counter-increment:portfolio-category}.category:before{content:"0" counter(portfolio-category);aspect-ratio:1;clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--blue);color:#111;letter-spacing:.04em;border:0;border-radius:0;place-items:center;width:clamp(112px,13vw,190px);padding-top:24%;font:700 clamp(32px,4.4vw,68px)/1 "Bodoni 72",Bodoni Moda,Didot,serif;animation:6.4s cubic-bezier(.45,.05,.3,1) infinite alternate triangleBubble;display:grid;top:32px;right:7vw}.category:after,.about-intro:before{display:none}.category:nth-child(2n):before{animation-delay:-2.1s;left:auto;right:7vw}@keyframes triangleBubble{0%{transform:translate(0)rotate(-5deg)scale(.94)}48%{transform:translate(-18px,13px)rotate(7deg)scale(1.035)}to{transform:translate(10px,-7px)rotate(-2deg)scale(.98)}}@media (width<=700px){.category:before,.category:nth-child(2n):before{width:92px;padding-top:22%;font-size:34px;top:24px;left:auto;right:4vw}}.category:before{display:none}.category-number{z-index:2;aspect-ratio:1;clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--blue);color:#111;letter-spacing:.04em;pointer-events:none;place-items:center;width:clamp(112px,13vw,190px);padding-top:clamp(24px,3vw,42px);font:700 clamp(32px,4.4vw,68px)/1 "Bodoni 72",Bodoni Moda,Didot,serif;animation:6.4s cubic-bezier(.45,.05,.3,1) infinite alternate triangleBubble;display:grid;position:absolute;top:32px;right:7vw}.category:nth-child(2n) .category-number{animation-delay:-2.1s}@media (width<=700px){.category-number{width:92px;padding-top:22px;font-size:34px;top:24px;right:4vw}}:root{--white:#fff;--blue:#cfe8ff;--taupe:#e1dad4;--black:#000}body{color:#000;background:#fff}.category-number,.category:before,.category:after,.about-intro:before{animation:none!important;display:none!important}#about,#web-design{background:var(--taupe)!important}.category:first-child,.category:nth-child(4){background:var(--white)!important}.category:nth-child(2){background:var(--blue)!important}.art-one,.art-five,.art-eight,.art-ten{background-color:var(--blue)!important}.art-two,.art-six,.art-nine,.art-twelve{background-color:var(--taupe)!important}.art-four{background-color:var(--white)!important}.art-three,.art-seven,.art-eleven{background-color:var(--black)!important}.project-image:hover{filter:none;background-size:100%;transform:none}.down{animation:none}.progress span:after{display:none}body.motion-enabled .motion-section .project-image,body.motion-enabled .motion-section .slide-footer{opacity:1;transform:none}body.motion-enabled .motion-section.in-view .project-image,body.motion-enabled .motion-section.in-view .slide-footer{opacity:1;transition:none;transform:none}.project-number{color:#f5f5f5ad;mix-blend-mode:normal;opacity:0;animation:none!important;display:block!important}.slide.active .project-number{animation:2s ease-out both numberTwoSeconds!important}.instagram-logo{object-fit:contain;opacity:.95;width:76px;height:auto;margin-top:30px;display:block}@media (width<=700px){.project-image,.project-image:hover{background-size:cover}.instagram-logo{width:62px;margin-top:24px}}:root{--blue:#dceeff;--taupe:#ebe6e2}.contact-grid>div:nth-child(2){position:relative}.instagram-logo{opacity:1;width:150px;height:auto;margin:0;position:absolute;bottom:12px;right:1.2vw}@supports ((-webkit-background-clip:text) or (background-clip:text)){.intro h1{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(108deg,#000 0% 47%,#8fb8d7 48.5%,#fff 50%,#8fb8d7 51.5%,#000 53% 100%) 130%/270% 100%;-webkit-background-clip:text;background-clip:text;animation:1.15s cubic-bezier(.12,.82,.2,1) 80ms both heroType,6.2s ease-in-out 1.7s infinite heroShine}}@keyframes heroShine{0%,18%{background-position:130%}62%,to{background-position:-120%}}@media (width<=700px){.instagram-logo{width:118px;margin:0;bottom:8px;right:-1vw}.contact-grid>div:nth-child(2){padding-bottom:150px}}@media (prefers-reduced-motion:reduce){.intro h1{background-position:-120%;animation:none!important}}#web-design{background:var(--white)!important}#experimental-design{background:var(--taupe)!important}@media (width<=700px){.instagram-logo{right:-5vw}}nav{height:auto;color:var(--white);pointer-events:none;border:0;padding:0;display:block}.portfolio-label{pointer-events:auto;letter-spacing:.28em;white-space:nowrap;font-size:clamp(14px,1.3vw,20px);position:absolute;top:34px;left:50%;transform:translate(-50%)}.nav-links{pointer-events:auto;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:absolute;top:46vh;right:3.8vw}.nav-links>*{animation:.75s cubic-bezier(.16,.8,.25,1) .45s both menuEnter}.nav-links>:nth-child(2){margin-left:17px;animation-delay:.58s}.nav-links>:nth-child(3){margin-left:34px;animation-delay:.71s}.nav-links>a,.work-menu>button{color:var(--white);letter-spacing:.18em;transform-origin:0;font-size:clamp(10px,.85vw,13px);transition:transform .3s,opacity .3s;position:relative;transform:rotate(-12deg)}.work-menu>button{cursor:pointer;padding:7px 0}.nav-links>a:hover,.work-menu>button:hover{opacity:.72;transform:rotate(-12deg)translate(8px)}.dropdown{color:#fff;background:#000;width:min(370px,72vw);top:0;left:auto;right:calc(100% + 24px);transform:translate(10px);box-shadow:0 18px 50px #00000029}.dropdown.open{transform:none}@keyframes menuEnter{0%{opacity:0;translate:18px 16px}to{opacity:1;translate:0}}.intro{text-align:center;background:var(--blue);min-height:100svh;color:var(--white);justify-content:center;align-items:center;gap:clamp(22px,3vh,40px);padding:130px 4vw 10vh}.kicker{display:none}.intro h1{letter-spacing:.015em;transform-origin:50%;margin:0;font-size:clamp(126px,22vw,340px);line-height:.82}.intro .subline{text-align:center;max-width:760px;color:var(--white);margin:0 auto;font-weight:500}@supports ((-webkit-background-clip:text) or (background-clip:text)){.intro h1{-webkit-text-fill-color:transparent;background:linear-gradient(108deg,#fff 0% 46%,#d5eaff 49%,#fff 52% 100%) 130%/270% 100%;-webkit-background-clip:text;background-clip:text;animation:1.15s cubic-bezier(.12,.82,.2,1) 80ms both heroType,6.2s ease-in-out 1.7s infinite heroShine;color:#0000!important}}.instagram-logo{right:-2.5vw}@media (width<=700px){.portfolio-label{letter-spacing:.24em;font-size:12px;top:24px}.intro{background:var(--blue);gap:22px;min-height:100svh;padding:105px 5vw 90px}.intro h1{font-size:25vw;line-height:.9}.intro .subline{max-width:88%;margin:0 auto;font-size:15px}.nav-links{gap:7px;top:47vh;right:4vw}.nav-links>:nth-child(2){margin-left:12px}.nav-links>:nth-child(3){margin-left:24px}.nav-links>a,.work-menu>button{font-size:8px;transform:rotate(-11deg)}.nav-links>a:hover,.work-menu>button:hover{transform:rotate(-11deg)}.dropdown{width:86vw;top:24px;right:0}.instagram-logo{right:-4vw}}.portfolio-label{color:var(--black);flex-direction:column;align-items:center;gap:1px;line-height:1;text-decoration:none;display:flex;top:24px}.portfolio-label span{letter-spacing:.055em;text-transform:none;font:600 clamp(16px,1.7vw,25px)/1.05 "Bodoni 72",Bodoni Moda,Didot,serif}.portfolio-label strong{letter-spacing:.16em;text-transform:uppercase;color:var(--blue);font:700 clamp(23px,2.25vw,34px)/1 DM Sans,sans-serif}.intro{background:var(--white);color:var(--black)}.intro .subline{color:var(--black)}.nav-links{color:var(--black);top:47vh;right:1vw}.nav-links:before{content:"";background:var(--black);transform-origin:100%;opacity:.86;width:clamp(58px,6.5vw,96px);height:2px;position:absolute;top:-18px;right:calc(100% - 4px);transform:rotate(53deg)}.nav-links>a,.work-menu>button{color:var(--black)}.intro h1{font-size:clamp(126px,20.5vw,320px)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.intro h1{-webkit-text-fill-color:transparent;background:linear-gradient(108deg,#000 0% 46%,#9fcdf2 49%,#000 52% 100%) 130%/270% 100%;-webkit-background-clip:text;background-clip:text;color:#0000!important}}@media (width<=700px){.portfolio-label{top:19px}.portfolio-label span{font-size:15px}.portfolio-label strong{font-size:21px}.intro{background:var(--white)}.intro h1{font-size:23vw}.nav-links{top:45vh;right:1.5vw}.nav-links:before{width:48px;top:-12px}}.portfolio-label{top:22px}.portfolio-label strong{letter-spacing:.065em;font-size:clamp(32px,3.1vw,48px);font-weight:700}.hero-title-wrap{line-height:0;display:inline-block;position:relative}.hero-title-wrap h1{line-height:.82}.hero-title-wrap .nav-links{width:112px;color:var(--black);align-items:flex-start;top:52%;left:calc(100% - 8px);right:auto}.hero-title-wrap .nav-links:before{display:none}.hero-title-wrap .nav-links>:nth-child(2){margin-left:0;position:relative;left:-17px}.hero-title-wrap .nav-links>:nth-child(3){margin-left:0;position:relative;left:-34px}.hero-title-wrap .nav-links>a,.hero-title-wrap .work-menu>button{white-space:nowrap;transform:rotate(12deg)}.hero-title-wrap .nav-links>a:hover,.hero-title-wrap .work-menu>button:hover{transform:rotate(12deg)translate(-6px)}.down:before,.down:after{background:var(--black)}@media (width<=700px){.portfolio-label{top:18px}.portfolio-label strong{letter-spacing:.055em;font-size:28px}.hero-title-wrap .nav-links{width:86px;top:50%;left:calc(100% - 12px);right:auto}.hero-title-wrap .nav-links>:nth-child(2){left:-12px}.hero-title-wrap .nav-links>:nth-child(3){left:-24px}.hero-title-wrap .nav-links>a,.hero-title-wrap .work-menu>button,.hero-title-wrap .nav-links>a:hover,.hero-title-wrap .work-menu>button:hover{transform:rotate(11deg)}}.portfolio-label strong{color:var(--black)}.hero-title-wrap .nav-links{width:272px;height:250px;display:block;top:25%;left:calc(100% - 178px);overflow:visible}.hero-title-wrap .nav-links>*{text-align:center;place-items:center;width:112px;height:86px;animation:none;display:grid;position:absolute;left:auto;margin:0!important}.hero-title-wrap .nav-links>:first-child{top:0;left:148px}.hero-title-wrap .nav-links>:nth-child(2){top:77px;left:34px}.hero-title-wrap .nav-links>:nth-child(3){top:154px;left:143px}.hero-title-wrap .nav-links>:before{content:"";border:2px solid var(--blue);pointer-events:none;background:0 0;transition:border-color .25s;position:absolute;inset:0}.hero-title-wrap .nav-links>:first-child:before{border-radius:56% 44% 59% 41%/48% 62% 38% 52%;animation:5.2s ease-in-out infinite alternate bubbleOutlineOne}.hero-title-wrap .nav-links>:nth-child(2):before{border-radius:45% 55% 42% 58%/60% 38% 62% 40%;animation:6.1s ease-in-out infinite alternate bubbleOutlineTwo}.hero-title-wrap .nav-links>:nth-child(3):before{border-radius:61% 39% 53% 47%/42% 57% 43% 58%;animation:5.7s ease-in-out infinite alternate bubbleOutlineThree}.hero-title-wrap .nav-links>:hover:before{border-color:#8fc8f5}.hero-title-wrap .nav-links>a,.hero-title-wrap .work-menu>button{z-index:2;color:var(--black);letter-spacing:.15em;font-size:10px;text-decoration:none;position:relative;transform:none}.hero-title-wrap .work-menu>button{padding:0}.hero-title-wrap .dropdown{z-index:30;top:10px;right:calc(100% + 18px)}@keyframes bubbleOutlineOne{0%{transform:translate(-4px,3px)rotate(-5deg)scale(.96)}55%{transform:translate(7px,-8px)rotate(6deg)scale(1.04)}to{transform:translate(-1px,8px)rotate(1deg)scale(.99)}}@keyframes bubbleOutlineTwo{0%{transform:translate(6px,-5px)rotate(4deg)scale(1.02)}50%{transform:translate(-8px,7px)rotate(-7deg)scale(.96)}to{transform:translate(4px,2px)rotate(2deg)scale(1.05)}}@keyframes bubbleOutlineThree{0%{transform:translate(-6px,-3px)rotate(-3deg)scale(.98)}48%{transform:translate(8px,6px)rotate(7deg)scale(1.05)}to{transform:translate(-2px,-8px)rotate(-5deg)scale(.97)}}@media (width<=700px){.hero-title-wrap .nav-links{width:168px;height:205px;top:22%;left:calc(100% - 150px)}.hero-title-wrap .nav-links>*{width:86px;height:68px}.hero-title-wrap .nav-links>:first-child{top:0;left:82px}.hero-title-wrap .nav-links>:nth-child(2){top:68px;left:0}.hero-title-wrap .nav-links>:nth-child(3){top:136px;left:78px}.hero-title-wrap .nav-links>a,.hero-title-wrap .work-menu>button{font-size:8px}.hero-title-wrap .dropdown{width:82vw;top:72px;right:0}}nav:before{content:"Communication Design";color:var(--black);letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;font:700 13px/1 DM Sans,sans-serif;position:absolute;top:28px;left:3.5vw}.portfolio-label{top:28px;left:auto;right:3.5vw;transform:none}.portfolio-label strong{letter-spacing:.13em;color:var(--black);font:700 13px/1 DM Sans,sans-serif}.hero-title-wrap .nav-links{width:100%;height:100%;top:0;left:0;right:auto;overflow:visible}.hero-title-wrap .nav-links>*{width:148px;height:116px}.hero-title-wrap .nav-links>:nth-child(2){position:absolute;top:calc(100% + 16px);left:-24px;right:auto}.hero-title-wrap .nav-links>:nth-child(3){position:absolute;top:calc(100% + 16px);left:auto;right:-34px}.hero-title-wrap .nav-links>a,.hero-title-wrap .work-menu>button{letter-spacing:.12em;font-size:13px}.hero-title-wrap .dropdown{top:8px;right:calc(100% + 20px)}@media (width<=700px){nav:before{letter-spacing:.1em;font-size:9px;top:22px;left:5vw}.portfolio-label{top:22px;right:5vw}.portfolio-label strong{letter-spacing:.1em;font-size:9px}.hero-title-wrap .nav-links{width:100%;height:100%;top:0;left:0}.hero-title-wrap .nav-links>*{width:112px;height:88px}.hero-title-wrap .nav-links>:first-child{top:-94px;left:50%;translate:-50%}.hero-title-wrap .nav-links>:nth-child(2){position:absolute;top:calc(100% + 10px);left:-6px;right:auto}.hero-title-wrap .nav-links>:nth-child(3){position:absolute;top:calc(100% + 10px);left:auto;right:-6px}.hero-title-wrap .nav-links>a,.hero-title-wrap .work-menu>button{letter-spacing:.1em;font-size:10px}.intro .subline{margin-top:94px}.hero-title-wrap .dropdown{width:86vw;top:94px;right:-36vw}}.hero-title-wrap .nav-links>:before{border-width:3px}.hero-title-wrap .nav-links>a,.hero-title-wrap .work-menu>button{letter-spacing:.1em;font-size:15px;font-weight:600}.hero-title-wrap .nav-links>:nth-child(2),.hero-title-wrap .nav-links>:nth-child(3){font-size:15px}.dropdown a{padding:21px 0;font-size:18px;line-height:1.25}.about-intro h2,footer>.label{letter-spacing:.13em;font-size:clamp(16px,1.4vw,20px);line-height:1.15}@media (width<=700px){.hero-title-wrap .nav-links>a,.hero-title-wrap .work-menu>button,.hero-title-wrap .nav-links>:nth-child(2),.hero-title-wrap .nav-links>:nth-child(3){font-size:11px}.dropdown a{padding:17px 0;font-size:15px}.about-intro h2,footer>.label{font-size:14px}}.hero-title-wrap{margin-bottom:-.22em;padding-bottom:.22em;overflow:visible}.hero-title-wrap h1{margin-bottom:-.18em;padding-bottom:.18em;line-height:.94;display:block;overflow:visible;clip-path:none!important}.hero-title-wrap .nav-links>*{background:var(--blue);width:clamp(190px,15vw,230px);height:clamp(142px,11.5vw,176px);color:var(--white);will-change:transform,border-radius;border:0;box-shadow:0 12px 34px #6e9bc31f}.hero-title-wrap .nav-links>:before{display:none}.hero-title-wrap .nav-links>:first-child{animation:5.2s ease-in-out infinite alternate filledBubbleOne;top:clamp(-176px,-11.5vw,-142px)}.hero-title-wrap .nav-links>:nth-child(2){animation:6.1s ease-in-out infinite alternate filledBubbleTwo;top:calc(100% + 20px);left:-54px}.hero-title-wrap .nav-links>:nth-child(3){animation:5.7s ease-in-out infinite alternate filledBubbleThree;top:calc(100% + 20px);right:-64px}.hero-title-wrap .nav-links>a,.hero-title-wrap .work-menu>button{color:var(--white);letter-spacing:.07em;font-size:clamp(19px,1.55vw,24px);font-weight:600}.hero-title-wrap .work-menu>button span{font-size:.8em}.hero-title-wrap .dropdown{background:var(--black);border-radius:0;top:calc(100% + 18px);right:50%;transform:translate(50%,10px)}.dropdown a{font-size:20px}@keyframes filledBubbleOne{0%{border-radius:56% 44% 59% 41%/48% 62% 38% 52%;transform:translate(-4px,3px)rotate(-4deg)scale(.97)}55%{border-radius:43% 57% 46% 54%/59% 42% 58% 41%;transform:translate(9px,-9px)rotate(5deg)scale(1.04)}to{border-radius:62% 38% 54% 46%/41% 56% 44% 59%;transform:translate(-2px,8px)rotate(1deg)scale(1)}}@keyframes filledBubbleTwo{0%{border-radius:45% 55% 42% 58%/60% 38% 62% 40%;transform:translate(7px,-5px)rotate(3deg)scale(1.02)}50%{border-radius:58% 42% 61% 39%/43% 57% 40% 60%;transform:translate(-10px,8px)rotate(-6deg)scale(.97)}to{border-radius:39% 61% 48% 52%/56% 44% 59% 41%;transform:translate(5px,2px)rotate(2deg)scale(1.045)}}@keyframes filledBubbleThree{0%{border-radius:61% 39% 53% 47%/42% 57% 43% 58%;transform:translate(-7px,-3px)rotate(-3deg)scale(.98)}48%{border-radius:44% 56% 38% 62%/58% 41% 59% 42%;transform:translate(10px,7px)rotate(6deg)scale(1.045)}to{border-radius:55% 45% 63% 37%/39% 61% 46% 54%;transform:translate(-3px,-9px)rotate(-4deg)scale(.98)}}@media (width<=700px){.hero-title-wrap{margin-bottom:-.26em;padding-bottom:.26em}.hero-title-wrap h1{margin-bottom:-.2em;padding-bottom:.2em;line-height:.98}.hero-title-wrap .nav-links>*{width:138px;height:106px}.hero-title-wrap .nav-links>:first-child{top:-112px}.hero-title-wrap .nav-links>:nth-child(2){top:calc(100% + 14px);left:-22px}.hero-title-wrap .nav-links>:nth-child(3){top:calc(100% + 14px);right:-22px}.hero-title-wrap .nav-links>a,.hero-title-wrap .work-menu>button{letter-spacing:.055em;font-size:14px}.hero-title-wrap .dropdown{width:88vw;top:calc(100% + 12px);right:50%}.dropdown a{padding:18px 0;font-size:16px}.intro .subline{margin-top:116px}}.about-intro{align-items:start}.about-intro .about-bubble{background:var(--white);width:clamp(180px,16vw,235px);height:clamp(138px,12vw,178px);color:var(--black);text-align:center;letter-spacing:.075em;will-change:transform,border-radius;border:0;place-items:center;margin:-22px 0 0;font-size:clamp(19px,1.75vw,27px);font-weight:600;animation:6.4s ease-in-out infinite alternate contentBubbleOne;display:grid;box-shadow:0 14px 35px #4b413a0f}.category-head{align-items:center;position:relative}.work-marker{text-transform:uppercase;letter-spacing:.065em;white-space:nowrap;will-change:transform,border-radius;border:0;flex:0 0 clamp(150px,13vw,198px);justify-content:center;align-items:center;gap:.42em;height:clamp(112px,9.8vw,150px);font:600 clamp(16px,1.45vw,22px)/1 DM Sans,sans-serif;display:flex;box-shadow:0 12px 32px #4b413a0f}.work-marker strong{font:inherit}.marker-1{background:var(--blue);color:var(--white);animation:5.8s ease-in-out infinite alternate contentBubbleTwo}.marker-2{background:var(--white);color:var(--black);animation:6.6s ease-in-out infinite alternate contentBubbleThree}.marker-3{background:var(--taupe);color:var(--black);animation:6.1s ease-in-out -1.8s infinite alternate contentBubbleOne}.marker-4{background:var(--white);color:var(--black);animation:6.8s ease-in-out -2.5s infinite alternate contentBubbleTwo}@keyframes contentBubbleOne{0%{border-radius:58% 42% 62% 38%/46% 59% 41% 54%;transform:translate(-5px,3px)rotate(-3deg)scale(.98)}52%{border-radius:43% 57% 39% 61%/61% 40% 60% 39%;transform:translate(10px,-8px)rotate(4deg)scale(1.035)}to{border-radius:64% 36% 55% 45%/39% 57% 43% 61%;transform:translate(-2px,9px)rotate(-1deg)scale(1)}}@keyframes contentBubbleTwo{0%{border-radius:45% 55% 43% 57%/62% 38%;transform:translate(7px,-5px)rotate(3deg)scale(1.02)}48%{border-radius:59% 41% 64% 36%/41% 56% 44% 59%;transform:translate(-9px,8px)rotate(-5deg)scale(.97)}to{border-radius:38% 62% 48% 52%/55% 45% 61% 39%;transform:translate(5px,2px)rotate(2deg)scale(1.04)}}@keyframes contentBubbleThree{0%{border-radius:63% 37% 52% 48%/40% 58% 42% 60%;transform:translate(-7px,-3px)rotate(-2deg)scale(.98)}50%{border-radius:42% 58% 37% 63%/60% 39% 61% 40%;transform:translate(9px,7px)rotate(5deg)scale(1.04)}to{border-radius:54% 46% 65% 35%/38% 62% 45% 55%;transform:translate(-3px,-8px)rotate(-4deg)scale(.99)}}@media (width<=700px){.about-intro .about-bubble{width:142px;height:108px;margin:0 0 24px;font-size:16px}.category-head{align-items:flex-start;min-height:122px}.work-marker{flex-basis:auto;gap:.35em;width:112px;height:86px;font-size:13px;position:absolute;top:-9px;right:5vw}.slide-nav{position:absolute;bottom:7px;right:5vw}}@media (prefers-reduced-motion:reduce){.hero-title-wrap .nav-links>*,.about-intro .about-bubble,.work-marker{animation:none!important;transform:none!important}}:root{--floating-label-size:20px}nav:before,.portfolio-label strong,.hero-title-wrap .nav-links>a,.hero-title-wrap .work-menu>button,.about-intro .about-bubble,.work-marker{font-size:var(--floating-label-size);letter-spacing:.065em;font-weight:600;line-height:1}.hero-title-wrap .nav-links>a:nth-child(2),.hero-title-wrap .nav-links>a:nth-child(3){font-size:var(--floating-label-size)}.about-intro .about-bubble{color:var(--taupe)}.marker-2{color:var(--blue)}.marker-3{color:var(--white)}.marker-4{color:var(--taupe)}nav:after{content:"";pointer-events:none;background:#0000006b;height:1px;position:absolute;top:60px;left:0;right:0}@media (width<=700px){:root{--floating-label-size:14px}nav:after{top:50px}}footer>.label{background:var(--white);width:clamp(180px,16vw,235px);height:clamp(138px,12vw,178px);color:var(--black);font-size:var(--floating-label-size);letter-spacing:.065em;text-align:center;will-change:transform,border-radius;border:0;place-items:center;margin:0;font-weight:600;line-height:1;animation:6.2s ease-in-out -1.1s infinite alternate contentBubbleThree;display:grid;box-shadow:0 14px 38px #00000024}@media (width<=700px){footer>.label{width:142px;height:108px}}@media (prefers-reduced-motion:reduce){footer>.label{animation:none!important;transform:none!important}}nav{z-index:30;height:76px}nav:before{font-size:var(--floating-label-size);letter-spacing:.18em;top:30px;left:4vw}.portfolio-label{top:30px;right:4vw}.portfolio-label strong{font-size:var(--floating-label-size);letter-spacing:.18em}nav:after{display:none}.intro{text-align:center;background:var(--white);min-height:max(1080px,100svh);color:var(--black);isolation:isolate;padding:0;display:block;overflow:hidden}.intro:before{content:"";z-index:0;background:var(--blue);border-radius:57% 43% 48% 52%/43% 38% 62% 57%;width:min(74vw,1120px);height:min(45vw,540px);animation:11s ease-in-out infinite alternate heroBlobMorph;position:absolute;top:16%;left:50%;transform:translate(-50%)}.hero-line-art{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hero-line-art path{fill:none;stroke:var(--black);stroke-width:1.55px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.hero-frame-line{stroke-dasharray:1450;stroke-dashoffset:1450px;animation:1.8s cubic-bezier(.32,.04,.12,1) .15s forwards drawHeroLine}.hero-thread-line{stroke-dasharray:1050;stroke-dashoffset:1050px;animation:2.2s cubic-bezier(.32,.04,.12,1) .75s forwards drawHeroLine}.hero-title-wrap{z-index:2;width:min(94vw,1450px);margin:0;padding:0;line-height:1;position:absolute;top:24%;left:50%;overflow:visible;transform:translate(-50%)}.hero-title-wrap h1{letter-spacing:-.045em;margin:0;padding:.06em .04em .2em;font-family:Didot,GFS Didot,Bodoni Moda,serif;font-size:clamp(150px,19vw,320px);font-weight:400;line-height:.9;animation:1.15s cubic-bezier(.16,.8,.25,1) .2s both heroTitleIn;color:var(--black)!important;-webkit-text-fill-color:var(--black)!important;clip-path:none!important;background:0 0!important}.hero-a,.hero-y{display:inline-block;position:relative}.hero-a:before{content:"";z-index:5;border-top:1.55px solid var(--black);transform-origin:100%;pointer-events:none;border-radius:50% 48% 0 0;width:22vw;height:34px;position:absolute;top:56%;right:52%;transform:rotate(1.8deg)}.hero-y-connector{z-index:5;pointer-events:none;width:43vw;height:calc(max(1080px,100svh) - 480px);position:absolute;top:.68em;right:.08em;overflow:visible}.hero-y-connector path{fill:none;stroke:var(--black);stroke-width:1.55px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1050;stroke-dashoffset:1050px;animation:2.25s cubic-bezier(.32,.04,.12,1) .78s forwards drawHeroLine}.intro .subline{z-index:4;width:min(660px,74vw);color:var(--black);letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:clamp(13px,1.25vw,18px);font-weight:500;line-height:1.8;animation:.9s cubic-bezier(.16,.8,.25,1) .65s both heroSublineIn;position:absolute;top:61%;left:50%;transform:translate(-50%)}.hero-title-wrap .nav-links{z-index:6;pointer-events:auto;width:100%;height:250px;display:block;position:absolute;top:calc(100% + 160px);left:0;right:auto;overflow:visible}.hero-title-wrap .nav-links>*{background:var(--taupe);width:clamp(180px,15vw,230px);height:clamp(138px,11.5vw,176px);color:var(--black);box-shadow:none;place-items:center;display:grid;position:absolute;margin:0!important}.hero-title-wrap .nav-links>:first-child{background:var(--blue);animation:5.2s ease-in-out infinite alternate filledBubbleOne;top:0;left:50%;right:auto;translate:-50%}.hero-title-wrap .nav-links>:nth-child(2){animation:6.1s ease-in-out infinite alternate filledBubbleTwo;top:92px;left:8%;right:auto}.hero-title-wrap .nav-links>:nth-child(3){animation:5.7s ease-in-out infinite alternate filledBubbleThree;top:92px;left:auto;right:8%}.hero-title-wrap .nav-links>a,.hero-title-wrap .nav-links>a:nth-child(2),.hero-title-wrap .nav-links>a:nth-child(3),.hero-title-wrap .work-menu>button{color:var(--black);letter-spacing:.16em;text-transform:uppercase;font-size:20px;font-weight:500;line-height:1}.hero-title-wrap .work-menu>button{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex}.hero-title-wrap .work-menu>button span{margin:0;font-size:1.05em;font-weight:400}.hero-title-wrap .dropdown{text-align:left;width:min(420px,88vw);inset:auto auto calc(100% + 18px) 50%;transform:translate(-50%,10px)}.hero-title-wrap .dropdown.open{transform:translate(-50%)}.down{z-index:7;width:44px;height:34px;bottom:26px;left:50%;right:auto;transform:translate(-50%)}.down:before,.down:after{background:var(--black);width:26px;height:1.5px;display:none}@keyframes drawHeroLine{to{stroke-dashoffset:0}}@keyframes heroTitleIn{0%{opacity:0;transform:translateY(32px)scale(.98)}to{opacity:1;transform:none}}@keyframes heroSublineIn{0%{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%)}}@keyframes heroBlobMorph{0%{border-radius:57% 43% 48% 52%/43% 38% 62% 57%;transform:translate(-50%)rotate(-1.5deg)scale(.985)}52%{border-radius:46% 54% 57% 43%/38% 51% 49% 62%;transform:translate(-50%)rotate(1deg)scale(1.015)}to{border-radius:61% 39% 44% 56%/49% 41% 59% 51%;transform:translate(-50%)rotate(-.5deg)scale(1)}}@media (width<=700px){nav{height:62px}nav:before{font-size:var(--floating-label-size);letter-spacing:.17em;top:22px;left:5.5vw}.portfolio-label{top:22px;right:5.5vw}.portfolio-label strong{font-size:var(--floating-label-size);letter-spacing:.17em}.intro{min-height:max(960px,100svh)}.intro:before{border-radius:57% 43% 49% 51%/39% 35% 65% 61%;width:84vw;height:43%;max-height:420px;top:15%}.hero-title-wrap{width:100vw;top:25%}.hero-title-wrap h1{letter-spacing:-.055em;padding-bottom:.22em;font-size:23vw;line-height:.94}.hero-a:before{width:27vw;height:24px;top:60%;right:50%}.hero-y-connector{width:49vw;height:calc(max(960px,100svh) - 310px);top:.7em;right:.04em}.intro .subline{letter-spacing:.19em;width:75vw;font-size:11px;line-height:1.85;top:43%}.hero-title-wrap .nav-links{width:100vw;height:330px;top:calc(100% + 290px)}.hero-title-wrap .nav-links>*{width:146px;height:112px}.hero-title-wrap .nav-links>:first-child{top:0;left:50%}.hero-title-wrap .nav-links>:nth-child(2){top:172px;left:5vw}.hero-title-wrap .nav-links>:nth-child(3){top:172px;right:5vw}.hero-title-wrap .nav-links>a,.hero-title-wrap .nav-links>a:nth-child(2),.hero-title-wrap .nav-links>a:nth-child(3),.hero-title-wrap .work-menu>button{letter-spacing:.14em;font-size:14px}.hero-title-wrap .dropdown{width:88vw;bottom:calc(100% + 12px)}.down{bottom:24px}}@media (prefers-reduced-motion:reduce){.intro:before,.hero-frame-line,.hero-thread-line,.hero-title-wrap h1,.hero-y-connector path{animation:none!important}.hero-frame-line,.hero-thread-line,.hero-y-connector path{stroke-dashoffset:0}}nav:after{background:#0000008c;display:block;top:68px}.intro{min-height:max(1150px,100svh)}.hero-title-wrap h1,.category-title h2{font-family:DM Serif Display,serif;font-weight:400}.hero-a:before,.hero-y-connector,.hero-line-art{display:none!important}.hero-title-wrap .nav-links{height:390px;top:calc(100% + 110px)}.hero-title-wrap .nav-links>:first-child{top:190px;left:50%;right:auto;translate:-50%}.hero-title-wrap .nav-links>:nth-child(2){top:0;left:8%;right:auto}.hero-title-wrap .nav-links>:nth-child(3){top:0;left:auto;right:8%}@media (width<=700px){nav:after{top:56px}.intro{min-height:max(960px,100svh)}.intro:before{height:40%;max-height:390px}.hero-title-wrap .nav-links{height:350px;top:calc(100% + 220px)}.hero-title-wrap .nav-links>:first-child{top:180px;left:50%;right:auto}.hero-title-wrap .nav-links>:nth-child(2){top:0;left:5vw;right:auto}.hero-title-wrap .nav-links>:nth-child(3){top:0;left:auto;right:5vw}}.hero-title-wrap h1,.category-title h2{font-family:"Bodoni 72",Bodoni Moda,Didot,serif}.mobile-break{display:none}@media (width<=700px){.mobile-break{display:initial}}.hero-title-wrap h1,.category-title h2{letter-spacing:-.045em;font-family:"Bodoni 72",Bodoni Moda,Didot,serif;font-weight:400}.intro:before{height:min(46vw,560px)}@media (width<=700px){.intro:before{height:44%;max-height:430px}.hero-title-wrap .nav-links>:first-child{top:145px}}.hero-title-wrap h1,.category-title h2{letter-spacing:.02em}.intro{height:100svh;min-height:760px}.intro:before{height:52%;max-height:500px;top:14%}.hero-title-wrap .nav-links{top:calc(100% + 10px)}.down{bottom:16px}@media (height<=900px) and (width>=701px){.hero-title-wrap .nav-links>*{height:130px}}@media (width<=700px){.intro{height:100svh;min-height:800px}.intro:before{height:48%;max-height:390px;top:14%}.hero-title-wrap .nav-links{top:calc(100% + 190px)}.hero-title-wrap .nav-links>:first-child{top:125px}.down{bottom:12px}}.hero-title-wrap h1{color:var(--black)!important;-webkit-text-fill-color:var(--black)!important}.intro:before{display:none}.hero-title-wrap h1{width:100%;height:360px;margin:0;padding:0;position:relative;overflow:visible}.hero-logo-art{z-index:2;image-rendering:auto;pointer-events:none;-webkit-user-select:none;user-select:none;width:84vw;max-width:none;height:auto;display:block;position:absolute;top:calc(50% - 21.8vw - 36px);left:calc(48.7% - 42vw);transform:none}@media (width<=700px){.hero-title-wrap h1{height:190px}.intro .subline{top:37.5%}}.journey-thread{pointer-events:none;width:100%;height:calc(100% + 2px);inset:-1px 0;overflow:visible;z-index:2!important;position:absolute!important}.journey-thread path{fill:none;stroke-width:3.6px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;shape-rendering:geometricprecision}.journey-thread.dark path{stroke:var(--black)}.journey-thread.light path{stroke:var(--white)}.category>.slides{z-index:3;position:relative}.journey-thread path{stroke-dasharray:none;stroke-dashoffset:0;transition:none}body.motion-enabled .motion-section:not(.in-view)>.journey-thread path,body.motion-enabled .motion-section.in-view>.journey-thread path{stroke-dasharray:none;stroke-dashoffset:0}.about-intro>.journey-thread{z-index:1!important}footer{isolation:isolate;position:relative;overflow:hidden}footer>.label,footer>.contact-grid,footer>.footer-line{z-index:3;position:relative}@media (width<=700px){.journey-thread path{stroke-width:3.2px}}@media (prefers-reduced-motion:reduce){.journey-thread path{stroke-dashoffset:0!important;transition:none!important}}.intro .subline{top:60.4%}.hero-title-wrap .nav-links>:first-child{top:88px}.hero-title-wrap .work-menu,.hero-title-wrap.menu-open{z-index:20}.hero-title-wrap .dropdown,.hero-title-wrap .dropdown.open{z-index:30;background:var(--black);opacity:1;isolation:isolate}.about-intro{overflow:hidden}.about-intro>.journey-thread{width:100%!important;height:calc(100% + 1px)!important;inset:0 0 -1px!important}.about-intro>.journey-thread path{stroke-width:4.1px}.contact-thread{width:100%!important;height:100%!important;inset:0!important}.contact-thread path{stroke-width:3.6px}.connect-heading{white-space:nowrap;width:max-content;position:relative}.connect-period{z-index:4;color:#0000;background:0 0;border:0;width:1px;height:1px;margin:0;display:block;position:absolute;top:76%;left:calc(100% + clamp(20px,1.8vw,28px));transform:translateY(-50%)}@media (width<=700px){.intro .subline{top:37%}.hero-title-wrap .nav-links>:first-child{top:133px}.about-intro>.journey-thread path{stroke-width:3.7px}.contact-thread path{stroke-width:3.2px}}html{scroll-padding-top:0}.category{scroll-margin-top:0}.pre-about-scroll-track{z-index:3;pointer-events:none;width:100%;height:3cm;position:absolute;bottom:0;left:0;right:0;overflow:visible}.pre-about-scroll-track .scroll-track-path{fill:none;stroke:none}.pre-about-scroll-track .scroll-follower{fill:var(--black)}.scroll-follower{opacity:0;pointer-events:none;will-change:opacity;transition:opacity .12s linear,fill .18s}.journey-thread.dark .scroll-follower{fill:var(--black)}.journey-thread.light .scroll-follower{fill:var(--white)}@media (prefers-reduced-motion:reduce){.scroll-follower{transition:none}}@media (width>=701px) and (width<=1200px),(width>=701px) and (width<=1366px) and (pointer:coarse){.hero-title-wrap .nav-links{top:calc(100% - 80px)}.hero-title-wrap .nav-links>:first-child{top:55px}}@media (width<=700px){.intro .subline{width:60vw;top:46%;left:35%}.hero-title-wrap .nav-links{top:calc(100% + 105px)}.hero-title-wrap .nav-links>:first-child{top:93px}.hero-title-wrap .nav-links>:nth-child(2),.hero-title-wrap .nav-links>:nth-child(3){top:0}}.project-top{justify-content:space-between}.project-image-count{letter-spacing:.12em;color:var(--grey);font:600 12px/1 DM Sans,sans-serif}.project-image.real-project-image{aspect-ratio:24/13!important;background:0 0!important;height:auto!important;max-height:none!important}.project-image.real-project-image>.project-art{object-fit:cover;width:100%;height:100%;display:block;position:absolute!important;inset:0!important}.project-image.real-project-image:after{display:none!important}@media (width<=700px){.project-image-count{font-size:11px}.project-image.real-project-image{aspect-ratio:4/5!important;height:auto!important;max-height:none!important}}.category{--project-card-width:min(78vw,1280px)}.category .slides{--project-card-edge:calc((100vw - var(--project-card-width))/2);padding-inline:var(--project-card-edge);scroll-padding-inline:var(--project-card-edge);gap:clamp(22px,2.5vw,40px)}.category .slide{--carousel-scale:.89;--carousel-tilt:0deg;--carousel-shift:0%;--carousel-depth:-55px;--carousel-saturation:.28;--carousel-brightness:.9;--carousel-opacity:.58;flex:0 0 var(--project-card-width);scroll-snap-align:center;scroll-snap-stop:always;transition:opacity .16s linear;opacity:var(--carousel-opacity)!important;padding:0!important;transform:none!important}.category .slide.active{--carousel-scale:1;--carousel-depth:0px;--carousel-saturation:1;--carousel-brightness:1;--carousel-opacity:1}.category .slide.before{--carousel-tilt:7deg;--carousel-shift:2.8%}.category .slide.after{--carousel-tilt:-7deg;--carousel-shift:-2.8%}.category .project-top,.category .descriptions{margin-left:0;margin-right:0}.category .project-image{transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,filter;transition:transform .14s linear,filter .18s linear,box-shadow .55s;box-shadow:0 22px 55px #00000014;aspect-ratio:24/13!important;width:100%!important;height:auto!important;max-height:none!important;transform:perspective(1500px) translateX(var(--carousel-shift)) translateZ(var(--carousel-depth)) rotateY(var(--carousel-tilt)) scale(var(--carousel-scale))!important;filter:saturate(var(--carousel-saturation)) brightness(var(--carousel-brightness))!important;margin-left:0!important;margin-right:0!important}.category .slide.active .project-image{box-shadow:0 30px 75px #00000024;animation:none!important}.category .persistent-project-title,.category .persistent-project-description{width:var(--project-card-width);margin-left:auto;margin-right:auto}.category .persistent-project-description{max-width:none}@media (width>=701px) and (width<=1100px){.category{--project-card-width:84vw}.category .slides{gap:3vw}}@media (width<=700px){.category{--project-card-width:100vw}.category .slides{--project-card-edge:0;gap:0}.category .project-image{aspect-ratio:4/5!important}.category .persistent-project-title,.category .persistent-project-description{padding-left:5vw;padding-right:5vw}}@media (width>=701px){.intro{height:max(900px,100dvh);min-height:max(900px,100dvh)}.hero-title-wrap .nav-links>:first-child{top:clamp(70px,8vh,96px)}.down{bottom:20px}}@media (prefers-reduced-motion:reduce){.category .slide,.category .project-image{transition:none!important}}.project-links{flex-wrap:wrap;gap:10px 22px;margin-top:14px;display:flex}.project-links a{border-bottom:1px solid;padding-bottom:3px;font-size:14px;font-weight:500;line-height:1.3;text-decoration:none;transition:opacity .2s}.project-links a:hover,.project-links a:focus-visible{opacity:.55}@media (width<=700px){.project-links{gap:9px 16px;margin-top:12px}.project-links a{font-size:13px}}.about-copy{letter-spacing:-.035em;font-size:clamp(25px,3.25vw,48px);line-height:1.18}.about-copy p{margin:0}.about-language p{text-wrap:balance}.about-language p+p{margin-top:.72em}.about-language-secondary{color:#0000008f;letter-spacing:-.01em;max-width:950px;margin-top:clamp(28px,3vw,44px);font-size:clamp(16px,1.45vw,22px);font-weight:400;line-height:1.45}@media (width<=700px){.about-copy{font-size:7.2vw;line-height:1.22}.about-language-secondary{margin-top:24px;font-size:16px;line-height:1.5}}.subline-mobile-and{display:none}@media (width<=700px){.hero-logo-art{width:120vw;top:calc(50% - 31vw - 36px);left:48.5%;transform:translate(-50%)}.intro .subline{text-align:center;width:78vw;max-width:78vw;font-size:10.5px;top:40%;left:50%}.subline-desktop-space,.subline-desktop-and{display:none}.subline-mobile-and{display:inline}.hero-title-wrap .nav-links>*{width:120px;height:92px}.hero-title-wrap .nav-links{top:calc(100% + 72px)}.down{bottom:44px}#experimental-design .work-marker{top:62px}.journey-thread path,.about-intro>.journey-thread path,.contact-thread path{stroke-width:2.5px}.slides{touch-action:pan-x pan-y;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-behavior:smooth}html,body{min-height:100%;background:var(--black)!important}body{min-height:100svh}main{background:var(--white);min-height:100svh}footer{padding-bottom:calc(20px + env(safe-area-inset-bottom));background:var(--black);box-shadow:0 100vh 0 100vh var(--black);margin-bottom:-2px}.category{scroll-margin-top:-3px}}.down:before,.down:after{display:none!important}.down,.down:hover{width:66px;height:30px;color:var(--black)}.down svg{width:60px;height:28px;display:block;overflow:visible}.down svg path{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}@media (width<=700px){.connect-period{left:calc(100% + 17px)}.down,.down:hover{width:52px;height:25px}.down svg{width:47px;height:23px}}@media (width>=1201px){.hero-title-wrap .nav-links>:first-child{top:clamp(86px,9.5vh,112px)}.hero-title-wrap .nav-links>:nth-child(2){left:5%}.hero-title-wrap .nav-links>:nth-child(3){right:4%}}@media (width>=701px) and (width<=1200px),(width>=701px) and (width<=1366px) and (pointer:coarse){.intro .subline{top:56.5%}.hero-title-wrap .nav-links>:first-child{top:104px}}@media (width>=701px) and (width<=1200px) and (orientation:portrait){.intro .subline{text-align:center;width:78vw;max-width:78vw;top:47%;left:50%}.mobile-break{display:initial}.subline-desktop-space,.subline-desktop-and{display:none}.subline-mobile-and{display:inline}}@media (width>=701px) and (width<=1200px),(width>=701px) and (width<=1366px) and (pointer:coarse){.instagram-logo{width:112px}}
