/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--white:#f8f8f5;--black:#0a0a09;--grey:#71716d}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--white);color:var(--black);font-family:var(--font-archivo), Arial, sans-serif;margin:0;overflow:hidden}button{color:inherit;font:inherit;background:0 0;border:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible{outline:2px solid var(--black);outline-offset:4px}img,video{display:block}::selection{background:var(--black);color:var(--white)}.portfolio-site{isolation:isolate;background:var(--white);width:100%;height:100svh;min-height:0;position:relative;overflow:hidden}.portfolio-site:before,.portfolio-site:after{z-index:70;pointer-events:none;content:"";position:fixed;inset:-12%}.portfolio-site:before{z-index:-1;opacity:0;background:#e8e4dc}.portfolio-site:after{mix-blend-mode:multiply;opacity:0;background-image:repeating-radial-gradient(circle at 20% 30%,#0000001a 0 .45px,#0000 .6px 3px);background-size:5px 5px}.portfolio-site--ambient:before{animation:14s ease-in-out infinite alternate ambient-breathe}.portfolio-site--ambient:after{opacity:.025;animation:.7s steps(2,end) infinite ambient-grain}.portfolio-site:not(.portfolio-site--intro){touch-action:pan-y}.media-stage video{touch-action:auto}.masthead{z-index:72;border-bottom:1px solid var(--black);letter-spacing:-.01em;text-transform:uppercase;grid-template-columns:1fr 1fr;align-items:center;width:100%;height:62px;padding:0 20px;font-size:12px;font-weight:600;display:grid;position:fixed;top:0;left:0}.masthead-name{cursor:pointer;text-transform:uppercase;width:max-content;min-height:44px;padding:0}.masthead p{margin:0}.masthead-tools{justify-self:end;align-items:center;gap:10px;display:flex}.settings-trigger{cursor:pointer;border:1px solid #0000;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:15px;line-height:1;transition:border-color .2s,transform .4s cubic-bezier(.22,1,.36,1);display:grid}:is(.settings-trigger:hover,.settings-trigger:focus-visible,.settings-trigger[aria-expanded=true]){border-color:currentColor;transform:rotate(35deg)}.settings-popover{z-index:75;border:1px solid var(--black);background:var(--white);text-transform:uppercase;width:230px;font-size:11px;animation:.28s cubic-bezier(.22,1,.36,1) both settings-in;display:grid;position:fixed;top:70px;right:20px}.settings-row{border-bottom:1px solid var(--black);grid-template-columns:1fr auto;align-items:center;min-height:48px;padding:0 12px;display:grid}.settings-popover button{cursor:pointer;text-transform:uppercase;min-height:34px;padding:0 0 0 16px;font-size:11px;font-weight:650}.settings-links{justify-content:space-between;padding:12px;font-size:9px;display:flex}.settings-links a{text-underline-offset:3px}.masthead{animation:.45s cubic-bezier(.22,1,.36,1) both masthead-in}.intro{grid-template-columns:repeat(12,1fr);gap:14px;height:100%;padding:90px 20px 72px;display:grid;position:relative}.intro-copy{z-index:2;grid-column:1/span 4;align-self:end;padding-bottom:20px}.index-label{letter-spacing:.02em;text-transform:uppercase;margin:0 0 18px;font-size:11px;font-weight:650}.intro h1{letter-spacing:-.065em;margin:0;font-size:clamp(42px,5.3vw,78px);font-weight:520;line-height:.9}.intro-note{margin:28px 0 0;font-size:14px;line-height:1.28}.portrait{grid-column:5/span 4;align-self:center;width:min(100%,430px);margin:0 auto;overflow:hidden}.portrait img{object-fit:cover;object-position:center;filter:grayscale();width:100%;height:min(66vh,720px);animation:.9s cubic-bezier(.22,1,.36,1) 80ms both portrait-reveal}.portfolio-site--ambient .portrait img{animation:.9s cubic-bezier(.22,1,.36,1) 80ms both portrait-reveal,18s ease-in-out 1.1s infinite alternate portrait-drift}.portrait figcaption{letter-spacing:.02em;text-transform:uppercase;margin-top:8px;font-size:10px}.portfolio-enter{z-index:5;letter-spacing:-.05em;text-transform:uppercase;cursor:pointer;min-height:46px;padding:0 2px;font-size:clamp(20px,2.4vw,34px);font-weight:620;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.portfolio-enter:after{content:"";transform-origin:0;background:currentColor;height:2px;position:absolute;bottom:0;left:0;right:0}.portfolio-site--ambient .portfolio-enter:after{animation:7s cubic-bezier(.22,1,.36,1) 1.2s infinite underline-drift}.intro-copy h1{animation:.58s cubic-bezier(.22,1,.36,1) .3s both rise-in}.intro-note{animation:.5s cubic-bezier(.22,1,.36,1) .42s both rise-in}.portfolio-enter{animation:.5s cubic-bezier(.22,1,.36,1) .55s both portfolio-in}.intro,.kind-screen,.index-screen,.work-screen{animation:.42s cubic-bezier(.22,1,.36,1) both screen-in}.kind-screen{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);place-items:center;gap:2vw;height:100%;padding:80px 4vw 30px;display:grid}.kind-screen button{letter-spacing:-.09em;text-transform:uppercase;cursor:pointer;max-width:100%;min-height:1em;padding:.08em;font-size:clamp(82px,15vw,250px);font-weight:560;line-height:.75;transition:color .18s}.kind-screen button:hover{color:var(--grey)}.kind-screen span{font-size:clamp(40px,6vw,100px);font-weight:300}.kind-screen button:first-child{animation:.55s cubic-bezier(.22,1,.36,1) 60ms both rise-in}.kind-screen button:last-child{animation:.55s cubic-bezier(.22,1,.36,1) .14s both rise-in}.back-button{z-index:30;text-align:left;text-transform:uppercase;cursor:pointer;min-width:86px;min-height:46px;padding:0;font-size:12px;font-weight:650;position:fixed;bottom:14px;left:20px}.index-screen{height:100%;padding:94px 20px 74px;overflow-y:auto}.index-heading{grid-template-columns:1fr 2fr 1fr;align-items:end;margin-bottom:9vh;display:grid}.index-heading .index-label{margin:0}.index-heading h1{letter-spacing:-.09em;text-transform:uppercase;margin:0;font-size:clamp(84px,14vw,220px);font-weight:560;line-height:.7}.index-heading>p:last-child{text-transform:uppercase;justify-self:end;margin:0;font-size:11px}.index-heading>*{animation:.48s cubic-bezier(.22,1,.36,1) both rise-in}.index-heading>:nth-child(2){animation-delay:60ms}.index-heading>:nth-child(3){animation-delay:.12s}.work-list{border-bottom:1px solid var(--black);margin:0;padding:0;list-style:none}.work-list li{border-top:1px solid var(--black)}.work-list button{text-align:left;text-transform:uppercase;cursor:pointer;grid-template-columns:1fr 2fr 1fr auto;align-items:center;gap:18px;width:100%;min-height:76px;padding:0;font-size:clamp(14px,1.5vw,22px);display:grid}.work-list button span:nth-child(3){color:var(--grey);font-size:11px}.work-list button span:last-child{font-size:18px}.work-list button:hover span:nth-child(2){font-style:italic}.work-list li{animation:.46s cubic-bezier(.22,1,.36,1) both list-in}.work-list li:nth-child(2){animation-delay:45ms}.work-list li:nth-child(3){animation-delay:90ms}.work-list li:nth-child(4){animation-delay:.135s}.work-list--video{border:0;justify-content:center;gap:clamp(18px,4vw,56px);display:flex}.work-list--video li{border:0}.work-list--video button{letter-spacing:-.07em;text-transform:none;justify-items:center;width:auto;min-height:0;padding:.08em .08em 24px;font-size:clamp(58px,9vw,138px);font-weight:500;line-height:.9;transition:opacity .22s,transform .35s cubic-bezier(.22,1,.36,1);display:grid;position:relative}:is(.work-list--video button:hover,.work-list--video button:focus-visible){transform:scale(1.045)}.work-list--video:has(button:hover) button:not(:hover){opacity:.28}.video-index-number{font-size:inherit!important}.video-index-title{color:var(--black);letter-spacing:.01em;text-transform:uppercase;opacity:0;font-weight:620;line-height:1;transition:opacity .2s,transform .35s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:50%;transform:translate(-50%,7px);font-size:11px!important}:is(.work-list--video button:hover .video-index-title,.work-list--video button:focus-visible .video-index-title){opacity:1;transform:translate(-50%)}.work-screen{grid-template-rows:1fr auto;grid-template-columns:1fr auto;gap:14px;height:100%;padding:82px 20px 68px;display:grid}.media-stage{grid-column:1/-1;place-items:center;min-height:0;display:grid;overflow:hidden}.media-stage img,.media-stage video{object-fit:contain;max-width:82vw;max-height:calc(100svh - 185px)}.media-stage video{background:#000;width:min(82vw,1280px)}.media-stage img,.media-stage video{animation:.58s cubic-bezier(.22,1,.36,1) both media-in}.work-caption{text-transform:uppercase;grid-template-columns:auto auto 1fr;align-items:baseline;gap:18px;display:grid}.work-caption p{margin:0;font-size:11px}.work-caption p:last-child{color:var(--grey)}.work-caption h1{margin:0;font-size:18px;font-weight:650}.work-nav{grid-template-columns:48px auto 48px;align-items:center;display:grid}.work-nav button{border:1px solid var(--black);cursor:pointer;min-width:48px;min-height:48px}.work-nav p{margin:0 14px;font-size:11px}.work-caption,.work-nav{animation:.45s cubic-bezier(.22,1,.36,1) .12s both rise-in}.contact-triggers{z-index:32;opacity:.3;align-items:center;gap:8px;min-height:46px;transition:opacity .18s;display:flex;position:fixed;bottom:14px;right:20px}.contact-triggers:hover,.contact-triggers:focus-within{opacity:1}.contact-triggers button{text-transform:uppercase;cursor:pointer;min-height:46px;padding:0;font-size:12px;font-weight:650}.contact-triggers span{font-size:11px}.contact-backdrop{z-index:80;background:#0a0a09b8;place-items:center;padding:20px;animation:.24s ease-out both backdrop-in;display:grid;position:fixed;inset:0}.contact-modal{border:1px solid var(--black);background:var(--white);width:min(620px,100%);padding:20px;animation:.48s cubic-bezier(.22,1,.36,1) both modal-in}.contact-modal-head{border-bottom:1px solid var(--black);text-transform:uppercase;justify-content:space-between;align-items:center;padding-bottom:14px;font-size:11px;display:flex}.contact-modal-head p{margin:0}.contact-modal-head button{cursor:pointer;text-transform:uppercase;min-height:44px;padding:0}.contact-modal h2{letter-spacing:-.08em;text-transform:uppercase;margin:8vh 0;font-size:clamp(58px,9vw,118px);font-weight:560;line-height:.75}.email-reveal{border-top:1px solid var(--black);min-height:86px;color:var(--grey);text-transform:uppercase;align-items:center;font-size:14px;display:grid}.email-reveal--shown{color:var(--black);letter-spacing:-.04em;font-size:clamp(20px,4vw,36px);font-weight:620}.email-reveal p{margin:0}.email-reveal a{color:inherit;text-decoration:none}.email-reveal a:hover{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px}.cookie-banner{z-index:78;border:1px solid var(--black);background:var(--white);text-transform:uppercase;grid-template-columns:1fr auto auto;align-items:center;gap:18px;min-height:58px;padding:10px 12px;font-size:10px;animation:.38s cubic-bezier(.22,1,.36,1) both cookie-in;display:grid;position:fixed;bottom:20px;left:20px;right:20px}.cookie-banner p{margin:0}.cookie-banner div{gap:8px;display:flex}.cookie-banner button{border:1px solid var(--black);cursor:pointer;text-transform:uppercase;min-height:36px;padding:0 12px;font-size:10px}.cookie-banner .cookie-accept{background:var(--black);color:var(--white)}.cookie-banner a{text-underline-offset:3px}body:has(.cookie-banner) .portfolio-enter{bottom:98px}.route-loading,.status-page,.legal-page{background:var(--white);width:100%;min-height:100svh}.route-loading{text-transform:uppercase;place-items:center;font-size:12px;font-weight:650;display:grid}.route-loading i{background:var(--black);transform-origin:0;height:2px;animation:1.2s cubic-bezier(.22,1,.36,1) infinite route-progress;position:fixed;bottom:0;left:0;right:0}.status-page{grid-template-rows:auto 1fr auto;padding:28px 20px;display:grid}.status-page p{text-transform:uppercase;margin:0;font-size:11px}.status-page h1{font-family:var(--font-display), Impact, sans-serif;letter-spacing:-.04em;text-transform:uppercase;align-self:center;margin:0;font-size:clamp(120px,24vw,360px);font-weight:400;line-height:.72}.status-page a,.status-page button{cursor:pointer;text-transform:uppercase;width:max-content;min-height:46px;padding:0;font-size:12px;font-weight:650}.legal-page{grid-template-rows:auto 1fr auto;height:100svh;padding:20px;display:grid;overflow-y:auto}.legal-page header,.legal-page footer{text-transform:uppercase;justify-content:space-between;font-size:11px;display:flex}.legal-page header p{margin:0}.legal-page article{align-self:center}.legal-page h1{max-width:9em;font-family:var(--font-display), Impact, sans-serif;letter-spacing:-.035em;text-transform:uppercase;margin:0;font-size:clamp(86px,15vw,240px);font-weight:400;line-height:.78}.legal-page article p{text-transform:uppercase;margin:34px 0 0;font-size:12px}@keyframes masthead-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes screen-in{0%{opacity:0}to{opacity:1}}@keyframes portrait-reveal{0%{clip-path:inset(100% 0 0);transform:scale(1.025)}to{clip-path:inset(0);transform:scale(1)}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes portfolio-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes list-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes media-in{0%{opacity:0;transform:scale(1.012)}to{opacity:1;transform:scale(1)}}@keyframes backdrop-in{0%{background:#0a0a0900}to{background:#0a0a09b8}}@keyframes modal-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes ambient-breathe{0%{opacity:0}to{opacity:.28}}@keyframes ambient-grain{0%{transform:translate(-2%,-1%)}33%{transform:translate(1%,2%)}66%{transform:translate(2%,-2%)}to{transform:translate(-1%,1%)}}@keyframes portrait-drift{0%{transform:scale(1)}to{transform:scale(1.025)translate(-.3%,-.4%)}}@keyframes underline-drift{0%,18%,to{transform-origin:100%;transform:scaleX(1)}36%{transform-origin:100%;transform:scaleX(.18)}54%{transform-origin:0;transform:scaleX(.18)}74%{transform-origin:0;transform:scaleX(1)}}@keyframes settings-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes cookie-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes route-progress{0%{transform:scaleX(0)}60%{transform:scaleX(.7)}to{transform:scaleX(1)}}@media (max-width:760px){.masthead{height:58px;padding:0 14px}.masthead-tools{gap:6px}.settings-popover{top:66px;right:14px}.intro{padding:72px 14px 70px;display:block}.portrait{width:57vw;position:absolute;top:72px;right:14px}.portrait img{height:min(53vh,460px)}.portrait figcaption{max-width:150px;font-size:9px;line-height:1.25}.intro-copy{z-index:2;width:calc(100% - 28px);padding:0;position:absolute;bottom:82px;left:14px}.intro .index-label{width:33vw;line-height:1.25}.intro h1{font-size:clamp(45px,14vw,68px)}.intro-note{margin-top:18px;font-size:12px}.portfolio-enter{font-size:22px;bottom:60px}.kind-screen{grid-template-rows:1fr auto 1fr;grid-template-columns:1fr;gap:0;padding:80px 14px 66px}.kind-screen button{font-size:clamp(88px,30vw,150px);line-height:.72}.kind-screen span{font-size:44px}.back-button{bottom:8px;left:14px}.index-screen{padding:84px 14px 72px}.index-heading{grid-template-columns:1fr auto;margin-bottom:8vh}.index-heading h1{grid-area:2/1/auto/-1;margin-top:42px;font-size:clamp(76px,27vw,120px)}.index-heading>p:last-child{grid-area:1/2}.work-list button{grid-template-columns:70px 1fr auto;gap:8px;min-height:84px;font-size:17px}.work-list button span:nth-child(3){display:none}.work-list--video{gap:26px;padding-top:2vh}.work-list--video button{min-height:64px;font-size:clamp(62px,22vw,96px)}.work-screen{grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:1fr;padding:74px 14px 66px}.media-stage{grid-column:1}.media-stage img,.media-stage video{width:100%;max-width:100%;max-height:calc(100svh - 230px)}.work-caption{grid-template-columns:auto 1fr auto;gap:10px}.work-caption h1{font-size:16px}.work-nav{justify-self:end}.contact-triggers{opacity:1;bottom:8px;right:14px}.portfolio-site--intro .contact-triggers{bottom:60px}.contact-triggers button{font-size:11px}.contact-backdrop{align-items:end;padding:0}.contact-modal{width:100%;padding:14px 14px max(18px, env(safe-area-inset-bottom));border-width:1px 0 0}.contact-modal h2{margin:7vh 0;font-size:clamp(54px,19vw,82px)}.cookie-banner{grid-template-columns:1fr auto;gap:8px 12px;bottom:14px;left:14px;right:14px}.cookie-banner div{justify-self:end}.cookie-banner>a{grid-column:1/-1;font-size:9px}body:has(.cookie-banner) .portfolio-enter{bottom:136px}.status-page,.legal-page{padding:18px 14px}.status-page h1{font-size:clamp(112px,38vw,180px)}.legal-page h1{font-size:clamp(76px,25vw,126px)}}@media (hover:none){.contact-triggers{opacity:1}}@media (max-width:760px) and (max-height:680px){.portrait{width:48vw}.portrait img{height:34vh;min-height:180px}.intro-copy{bottom:120px}.intro h1{font-size:clamp(42px,13vw,58px)}.intro-note{margin-top:14px}}@media (min-width:761px) and (max-height:520px){.intro{padding-top:72px;padding-bottom:54px}.intro-copy{padding-bottom:0}.portrait img{height:calc(100svh - 136px)}.portfolio-enter{bottom:18px}.back-button,.contact-triggers{bottom:2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.portfolio-site--ambient-off *,.portfolio-site--ambient-off :before,.portfolio-site--ambient-off :after{transition-duration:0s!important;animation:none!important}.portfolio-site--ambient-off:before,.portfolio-site--ambient-off:after{opacity:0}.intro .portrait{grid-column:6/span 4;transform:translate(3vw)}.kind-screen{overflow:hidden}.kind-screen button{font-family:var(--font-display), Impact, sans-serif;letter-spacing:-.045em;font-size:clamp(140px,19vw,330px);font-weight:400}.index-screen{place-items:center;padding:82px 20px 68px;display:grid;overflow:hidden}.number-index{z-index:3;justify-content:center;align-items:baseline;gap:clamp(18px,4vw,72px);margin:0;padding:0;list-style:none;display:flex;position:relative}.number-index button{cursor:pointer;min-width:.82em;font-family:var(--font-display), Impact, sans-serif;letter-spacing:-.04em;padding:0;font-size:clamp(120px,15vw,260px);font-weight:400;line-height:.72;display:grid;position:relative}.number-index-number{transition:opacity .2s,transform .45s cubic-bezier(.22,1,.36,1)}.number-index-title{font-family:var(--font-archivo), Arial, sans-serif;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;opacity:0;font-size:11px;font-weight:650;transition:opacity .2s,transform .35s cubic-bezier(.22,1,.36,1);position:absolute;top:calc(100% + 16px);left:50%;transform:translate(-50%,8px)}:is(.number-index:has(button:hover) button:not(:hover) .number-index-number,.number-index:has(button:focus-visible) button:not(:focus-visible) .number-index-number){opacity:.18;transform:scale(.94)}:is(.number-index button:hover .number-index-title,.number-index button:focus-visible .number-index-title){opacity:1;transform:translate(-50%)}.index-preview{--preview-x:50vw;--preview-y:50vh;z-index:2;pointer-events:none;opacity:0;width:min(25vw,340px);height:min(46vh,430px);transform:translate(calc(var(--preview-x) + 24px), calc(var(--preview-y) - 50%)) scale(.96);transition:opacity .18s,transform .32s cubic-bezier(.22,1,.36,1);position:fixed;top:0;left:0}.index-preview--shown{opacity:1;transform:translate(calc(var(--preview-x) + 24px), calc(var(--preview-y) - 50%)) scale(1)}.index-preview img{object-fit:cover;width:100%;height:100%}.work-screen{background:var(--white);height:100%;padding:62px 0 0;display:block;position:absolute;inset:0}.portfolio-site--work .back-button{top:70px;bottom:auto}.media-stage{place-items:center;width:100%;height:calc(100svh - 62px);display:grid;overflow:hidden}.media-stage img,.media-stage video{object-fit:contain;width:auto;max-width:94vw;height:auto;max-height:calc(100svh - 62px)}.work-screen--project-02 .media-stage{justify-items:start}.work-screen--project-02 .media-stage img{max-width:88vw}.work-screen--project-03 .media-stage{justify-items:end}.work-screen--project-03 .media-stage img{max-width:80vw}.work-screen--project-04 .media-stage img{filter:grayscale()}.work-screen--video{background:var(--black);color:var(--white)}.work-screen--video .media-stage video{width:100vw;max-width:100vw}:is(.portfolio-site:has(.work-screen--video) .masthead,.portfolio-site:has(.work-screen--video) .back-button){border-color:var(--white);color:var(--white)}.work-chrome{z-index:25;pointer-events:none;grid-template-columns:1fr auto;align-items:end;transition:opacity .28s,transform .4s cubic-bezier(.22,1,.36,1);display:grid;position:fixed;bottom:16px;left:20px;right:20px}.work-chrome button{pointer-events:auto}.work-caption{background:var(--white);width:max-content;color:var(--black);grid-template-columns:auto auto auto;align-items:baseline;gap:14px;padding:9px 12px;display:grid}.work-caption p,.work-caption h1{margin:0}.work-caption button{cursor:pointer;text-transform:uppercase;padding:0;font-size:11px;font-weight:650}.work-nav{background:var(--white);color:var(--black);padding:8px}.portfolio-site .masthead,.portfolio-site .back-button{transition:opacity .28s,transform .4s cubic-bezier(.22,1,.36,1)}.portfolio-site--quiet .masthead{pointer-events:none;opacity:0;transform:translateY(-100%)}.portfolio-site--quiet .back-button{pointer-events:none;opacity:0;transform:translateY(22px)}.portfolio-site--quiet .work-chrome{pointer-events:none;opacity:0;transform:translateY(24px)}.media-loading{letter-spacing:.04em;text-transform:uppercase;font-size:11px;animation:1s ease-in-out infinite alternate loading-pulse}.media-stage--loading img,.media-stage--loading video{opacity:0}.media-error{cursor:pointer;text-transform:uppercase;border:1px solid;min-width:120px;min-height:48px}.project-info{z-index:60;background:var(--black);width:min(390px,100%);color:var(--white);grid-template-rows:auto 1fr auto;padding:20px;animation:.42s cubic-bezier(.22,1,.36,1) both info-in;display:grid;position:fixed;top:62px;bottom:0;right:0}.project-info>p{font-family:var(--font-display), Impact, sans-serif;text-transform:uppercase;margin:0;font-size:72px;line-height:.8}.project-info dl{align-self:center;margin:0}.project-info dl div{border-top:1px solid;grid-template-columns:1fr 1fr;padding:14px 0;display:grid}.project-info dt,.project-info dd{text-transform:uppercase;margin:0;font-size:11px}.project-info button{min-height:48px;color:inherit;cursor:pointer;text-align:left;text-transform:uppercase;padding:0}.contact-modal h2{font-family:var(--font-display), Impact, sans-serif;letter-spacing:-.03em;font-weight:400}@keyframes loading-pulse{0%{opacity:.25}to{opacity:1}}@keyframes info-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width:760px){.intro .portrait{transform:none}.kind-screen button{font-size:clamp(118px,36vw,174px)}.index-screen{padding:82px 14px 70px;overflow:hidden auto}.number-index{gap:0;width:100%;display:grid}.number-index li{border-top:1px solid var(--black)}.number-index li:last-child{border-bottom:1px solid var(--black)}.number-index button{text-align:left;grid-template-columns:1fr auto;align-items:center;width:100%;min-height:128px;font-size:clamp(94px,31vw,132px);line-height:.7;display:grid}.number-index-title{opacity:.55;align-self:end;margin-bottom:14px;font-size:10px;position:static;transform:none}:is(.number-index button:hover .number-index-title,.number-index button:focus-visible .number-index-title){transform:none}.index-preview{display:none}.work-screen{padding-top:58px}.portfolio-site--work .back-button{top:64px;bottom:auto}.media-stage{align-items:center;height:calc(100svh - 58px);padding:0 14px 104px}.media-stage img,.media-stage video,.work-screen--project-02 .media-stage img,.work-screen--project-03 .media-stage img{width:100%;max-width:100%;max-height:calc(100svh - 174px)}.work-screen--project-02 .media-stage,.work-screen--project-03 .media-stage{justify-items:center}.work-chrome{grid-template-columns:1fr auto;bottom:64px;left:14px;right:14px}.work-caption{gap:8px;padding:8px}.work-caption h1{font-size:14px}.work-nav{grid-template-columns:44px auto 44px}.work-nav button{min-width:44px;min-height:44px}.project-info{width:100%;height:min(58svh,480px);animation-name:info-up;top:auto}.project-info>p{font-size:58px}}@keyframes info-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
