html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}
:root{--display-unit:1px;--color-paper:#eeede9;--color-paper-2:#e5e4df;--color-ink:#171816;--color-muted:#62635e;--color-rule:#c7c7bf;--color-accent:#282a25;--color-focus:#786343;--color-dot:#b6b7ad;--font-body:var(--font-oxd), Arial, sans-serif;--font-display:var(--font-body);--text-md:calc(16 * var(--display-unit));--text-title:calc(28 * var(--display-unit));--text-display:clamp(calc(40 * var(--display-unit)), 4.5vw, calc(72 * var(--display-unit)));--text-section:clamp(calc(40 * var(--display-unit)), 5.8vw, calc(88 * var(--display-unit)));--display-weight:400;--tracking-display:-.055em;--container:1680px;--gutter:40px;--project-radius:4px;--space-3xl:32px}.oxd-site[data-theme=light]{--color-paper:#eeede9;--color-paper-2:#e5e4df;--color-ink:#171816;--color-muted:#62635e;--color-rule:#c7c7bf;--color-accent:#282a25;--color-focus:#786343;--color-dot:#b6b7ad;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-oxd-theme=dark],.oxd-site[data-theme=dark]{--color-paper:#171816;--color-paper-2:#22231f;--color-ink:#eeede9;--color-muted:#b7b8ae;--color-rule:#45473e;--color-accent:#d2cebd;--color-focus:#e6cd95;--color-dot:#45473e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (max-width:800px){:root{--gutter:20px}}@media (min-width:1921px){:root{--display-unit:.0520833vw;--container:87.5vw;--gutter:2.08333vw}}
*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:24px}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}::selection{background:color-mix(in oklab, var(--color-ink) 18%, transparent);color:var(--color-ink)}a{color:inherit;text-underline-offset:.2em}h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight);font-synthesis:none;letter-spacing:var(--tracking-display);overflow-wrap:break-word;min-width:0;margin:0;line-height:1.04}h1{font-size:var(--text-display)}h2{font-size:var(--text-section)}h3{font-size:var(--text-title);line-height:1.2}p{text-wrap:pretty;margin:0}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
a{text-decoration:none}button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:2px solid var(--color-focus);outline-offset:5px}main:focus{outline:none}figure{margin:0}html{scrollbar-gutter:stable}:is(html:has(dialog[open]),html:has(.intro:not(.entered))){overflow-y:hidden}html:has([data-theme=dark]){scrollbar-color:#b7b8ae #171816}.skip-link{z-index:100;background:var(--color-ink);color:var(--color-paper);padding:12px 20px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus{transform:none}.reveal-line{margin-bottom:-.1em;padding-bottom:.1em;display:block;overflow:clip}.reveal-ink{will-change:transform;display:block}.reading-progress{z-index:20;background:var(--color-ink);transform-origin:0;pointer-events:none;width:100%;height:2px;position:fixed;top:0;left:0;transform:scaleX(0)}.intro{z-index:50;background:#080a09;width:100vw;position:fixed;inset:0;overflow:hidden}.intro.entered{pointer-events:none}.intro-film{object-fit:cover;width:100%;height:100%}.intro-bottom{left:max(20px, env(safe-area-inset-left));right:max(20px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));color:#eeede9;font-size:calc(12 * var(--display-unit));justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute}.film-controls{gap:8px;display:flex}.film-controls button{color:#eeede9;background:#080a09cc;border:1px solid #62635e;min-height:48px;padding:12px 18px}.intro .progress{width:100%;height:2px;transform:scaleX(var(--film-progress,0));transform-origin:0;background:#c3baa6;position:absolute;bottom:0;left:0}.oxd-pointer{z-index:100;pointer-events:none;opacity:0;display:none;position:fixed;top:0;left:0}.oxd-pointer>span{background:var(--color-ink);border-radius:50%;width:6px;height:6px;transition:transform .25s,opacity .25s;position:absolute;transform:translate(-50%,-50%)}.oxd-pointer.over-control>span{opacity:.28;transform:translate(-50%,-50%)scale(6)}.pointer-label{white-space:nowrap;opacity:0;color:#eeede9;font-size:calc(12 * var(--display-unit));background:#171816;border-radius:40px;padding:16px 20px;font-weight:400;transition:opacity .2s,transform .3s;position:absolute;transform:translate(-50%,-50%)scale(.8)}.oxd-pointer.over-project>span{opacity:0}.oxd-pointer.over-project .pointer-label{opacity:1;transform:translate(-50%,-50%)scale(1)}@media (pointer:fine) and (prefers-reduced-motion:no-preference){.oxd-pointer{display:block}html.custom-pointer-active,html.custom-pointer-active *{cursor:none!important}html.custom-pointer-active dialog,html.custom-pointer-active dialog *{cursor:auto!important}html:has(dialog[open]) .oxd-pointer{display:none}}@media (max-width:800px){.intro-bottom{align-items:flex-end}.intro-bottom>span{max-width:70px}.film-controls button{padding:10px 12px}}@media (prefers-reduced-motion:reduce){.reading-progress{display:none}.reveal-ink{will-change:auto}}.identity-intro{background:var(--color-paper);color:var(--color-ink);place-items:center;width:100%;height:100dvh;display:grid}.identity-intro.entered{visibility:hidden;opacity:0}.identity-stage{width:min(86vw,calc(1200 * var(--display-unit)))}.identity-edition{font-size:calc(11 * var(--display-unit));letter-spacing:.04em;color:var(--color-muted);justify-content:space-between;margin-bottom:24px;display:flex}.identity-rule{background:var(--color-rule);transform-origin:0;height:1px}.identity-assembly{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4%;padding:clamp(40px,8vh,100px) 0 30px;display:grid}.identity-slot{perspective:1000px;min-width:0}.identity-letter{transform-origin:50%;fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;display:block;overflow:visible}.identity-letter path,.identity-letter line{vector-effect:non-scaling-stroke}.identity-caption{text-align:center;font-size:calc(12 * var(--display-unit));color:var(--color-muted);margin-top:32px;padding:0 6px;display:block}.identity-shutter{background:var(--color-ink);z-index:2;will-change:transform;width:100%;height:calc(50% + 1px);position:absolute;left:0}.identity-shutter-top{top:0;transform:translateY(-101%)}.identity-shutter-bottom{bottom:0;transform:translateY(101%)}.identity-seam{background:var(--color-paper);z-index:3;opacity:0;width:80%;height:1px;position:absolute;top:50%;left:10%;transform:scaleX(0)}.identity-intro .intro-bottom{color:var(--color-muted);z-index:4}.identity-intro .film-controls button{color:var(--color-ink);border:0;border-bottom:1px solid var(--color-rule);background:0 0}@media (max-width:600px){.identity-stage{width:88vw}.identity-caption{font-size:calc(10 * var(--display-unit));margin-top:22px}.identity-edition{font-size:calc(10 * var(--display-unit))}.identity-intro .intro-bottom{flex-wrap:wrap}.identity-assembly{padding:64px 0 24px}.identity-intro .film-controls button{padding:10px}.identity-intro .intro-bottom{display:block}.identity-intro .intro-bottom>span{display:none}.identity-intro .film-controls{justify-content:space-between;width:100%}.identity-intro .film-controls button{font-size:calc(12 * var(--display-unit))}}.identity-letter{visibility:hidden}.identity-letter line,.identity-letter path,.identity-caption{opacity:0}.identity-stage{opacity:0;visibility:hidden}.identity-rule{transform:scaleX(0)}.page-content[data-ready=false]{visibility:hidden}.identity-letter .identity-contour{vector-effect:none}.identity-tip{fill:currentColor;stroke:none;opacity:0;pointer-events:none}
html:has(.compact-navigation){scroll-padding-top:calc(76 * var(--display-unit))}.compact-navigation{inset:0 max(var(--gutter),calc((100% - var(--container))/2 + var(--gutter))) auto;z-index:12;background:var(--color-paper);background:color-mix(in srgb,var(--color-paper) 94%,transparent);color:var(--color-ink);border-bottom:1px solid var(--color-rule);padding-top:env(safe-area-inset-top);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s,transform .34s cubic-bezier(.22,1,.36,1),visibility 0s .34s;position:fixed;transform:translateY(-8px)}.compact-navigation[data-visible=true]{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translateY(0)}.compact-navigation-inner{width:100%;min-height:calc(64 * var(--display-unit));align-items:center;gap:calc(32 * var(--display-unit));display:flex;position:relative}.compact-navigation a{min-height:44px;color:inherit;align-items:center;display:inline-flex}.compact-navigation-brand{min-width:80px;margin-right:auto}.compact-navigation-brand span{width:calc(80 * var(--display-unit));height:calc(16 * var(--display-unit));background:currentColor;display:block;-webkit-mask:url(/oxd-masthead.svg) 50%/contain no-repeat;mask:url(/oxd-masthead.svg) 50%/contain no-repeat}.compact-navigation-link{font-size:calc(13 * var(--display-unit));position:relative}.compact-navigation-link:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .22s;position:absolute;bottom:5px;left:0;right:0;transform:scaleX(0)}.compact-navigation-link:is(:focus-visible,[aria-current=location]):after{transform:scaleX(1)}.compact-navigation[data-indicator-ready] .compact-navigation-link[aria-current=location]:after{transform:scaleX(0)}.compact-navigation-indicator{transform-origin:0;opacity:0;pointer-events:none;background:currentColor;width:1px;height:1px;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .16s;position:absolute;top:0;left:0}.compact-navigation-indicator[data-visible=true]{opacity:1}@media (hover:hover){.compact-navigation-link:hover:after{transform:scaleX(1)}}@media (max-width:800px){.compact-navigation-inner{gap:clamp(14px,4vw,24px);min-height:60px}.compact-navigation-brand{min-width:64px}.compact-navigation-brand span{width:64px;height:13px}html:has(.compact-navigation){scroll-padding-top:calc(72px + env(safe-area-inset-top))}}@media (pointer:coarse) and (prefers-reduced-motion:no-preference){html:has(.compact-navigation){scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){.compact-navigation,.compact-navigation-link:after,.compact-navigation-indicator{transition:none}.compact-navigation{transform:none}}.oxd-site{isolation:isolate;background:var(--color-paper);color:var(--color-ink);scrollbar-color:var(--color-muted) var(--color-paper);min-height:100svh;position:relative}.page-content{position:relative}.page-content:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(to right, transparent calc(25% - .5px), var(--color-rule) 25%, transparent calc(25% + .5px), transparent calc(75% - .5px), var(--color-rule) 75%, transparent calc(75% + .5px));opacity:.2;position:absolute;inset:0}header,.hero,.section,footer{max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}header{padding-top:32px;position:relative}.brand{width:min(62vw,1080px);margin-inline:auto;display:block;position:relative}.brand img{filter:invert();width:100%;height:auto}.brand .studio-wordmark{font-size:clamp(calc(24 * var(--display-unit)), 3.1vw, calc(48 * var(--display-unit)));letter-spacing:-.04em;white-space:nowrap;line-height:1;position:absolute;bottom:-.13em;left:calc(100% + clamp(12px,1.6vw,26px))}@supports (text-box-trim:trim-both){.brand .studio-wordmark{text-box-trim:trim-both;text-box-edge:cap alphabetic;bottom:0}}.header-utility{color:var(--color-muted);font-size:calc(12 * var(--display-unit));align-items:center;gap:24px;min-height:44px;margin-top:26px;display:flex}.header-utility>span{margin-right:auto}.theme-switch{align-items:center;gap:8px;min-height:44px;display:flex}.theme-switch:hover{color:var(--color-ink)}.menu-toggle{min-height:44px;display:none}header nav{border-block:1px solid var(--color-rule);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}header nav a{border-left:1px solid var(--color-rule);min-height:50px;font-size:calc(13 * var(--display-unit));padding:14px 32px 14px 14px;position:relative}header nav a:last-child{border-right:1px solid var(--color-rule)}header nav a:after{content:"+";transition:transform .25s;position:absolute;right:14px}header nav a:hover:after{transform:rotate(90deg)}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(40px,6vw,100px);padding-block:40px 72px;display:grid}.hero-copy h1{letter-spacing:-.06em;line-height:1.05}.hero-description{max-width:calc(340 * var(--display-unit));font-size:calc(15 * var(--display-unit));color:var(--color-muted);margin-top:24px;line-height:1.6}.pill{border-bottom:1px solid var(--color-ink);min-height:44px;font-size:calc(14 * var(--display-unit));align-items:center;gap:32px;margin-top:28px;padding-block:10px;display:inline-flex}.pill:after{content:"↗";transition:transform .25s}.pill:hover:after{transform:translate(3px,-3px)}.hero-art{min-width:0}.hero-art figcaption{border-top:1px solid var(--color-rule);font-size:calc(12 * var(--display-unit));color:var(--color-muted);justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;display:flex}.pen-study{aspect-ratio:1.7;perspective:1100px;position:relative}.pen-rotor{width:80%;height:61%;transform-style:preserve-3d;will-change:transform;position:absolute;inset:14% 10% 25%}.pen-letter{opacity:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pen-letter:first-of-type{opacity:1}.pen-letter path{fill:none;stroke:var(--color-ink);stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:none;stroke-dashoffset:0}.pen-index{font-size:calc(12 * var(--display-unit));font-variant-numeric:tabular-nums;color:var(--color-muted);position:absolute;top:6px;left:0}.motion-key{font-size:calc(12 * var(--display-unit));color:var(--color-muted);justify-content:space-between;gap:10px;padding-right:116px;display:flex;position:absolute;bottom:8px;left:0;right:0}.motion-key span{white-space:nowrap;border-bottom:1px solid #0000;padding-bottom:7px;transition:color .3s,border-color .3s}.motion-key span[data-active=true]{color:var(--color-ink);border-color:var(--color-ink)}.motion-key b{margin-right:4px;font-weight:400}.motion-toggle{min-height:44px;font-size:calc(12 * var(--display-unit));color:var(--color-muted);padding-left:10px;position:absolute;bottom:4px;right:0}.section{padding-block:80px}.section-index{font-size:calc(12 * var(--display-unit));color:var(--color-muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:20px;margin-bottom:32px;display:flex}.work{padding-top:36px}.section-heading{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.section-heading h2{font-size:clamp(calc(44 * var(--display-unit)), 6.5vw, calc(100 * var(--display-unit)))}.section-heading>p{font-size:calc(14 * var(--display-unit));color:var(--color-muted);flex-shrink:0;line-height:1.6}.collection-note{font-size:calc(12 * var(--display-unit));color:var(--color-muted);margin-top:24px}.work-toolbar{border-bottom:1px solid var(--color-rule);font-size:calc(12 * var(--display-unit));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:16px 12px;display:flex}.work-toolbar>div{flex-wrap:wrap;gap:4px;display:flex}.work-toolbar button{border-radius:2px;min-height:44px;padding:10px 16px;transition:background .2s,color .2s}.work-toolbar button:hover{background:var(--color-paper-2)}.work-toolbar button[aria-pressed=true]{background:var(--color-ink);color:var(--color-paper)}.mobile-discipline-filter{display:none}@media (max-width:800px){.work-toolbar .desktop-discipline-filters{display:none}.collection-heading .work-toolbar{width:100%}.mobile-discipline-filter{border-bottom:1px solid var(--color-rule);align-items:center;gap:16px;width:100%;min-height:48px;display:flex}.mobile-discipline-filter>span{color:var(--color-muted);font-size:12px}.mobile-discipline-filter select{min-width:0;min-height:48px;color:var(--color-ink);font:inherit;background:0 0;border:0;border-radius:0;flex:1;padding:8px 0;font-size:16px}.mobile-discipline-filter option{color:var(--color-ink);background:var(--color-paper)}}.projects{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;padding-block:40px 0;display:grid}.project-column{flex-direction:column;gap:48px;min-width:0;display:flex}.project-column:nth-child(2){padding-top:260px}.project-column:nth-child(3){padding-top:100px}.project{flex-direction:column;gap:12px;min-width:0;display:flex}.reference-photo{aspect-ratio:3/4;border-radius:var(--project-radius);background:var(--color-paper-2);width:100%;text-decoration:none;display:block;position:relative;overflow:hidden}.project-column:nth-child(2) .reference-photo{aspect-ratio:3/5}.project:nth-child(2n) .reference-photo{aspect-ratio:4/5}.reference-photo img{object-fit:cover;filter:saturate(1.04);width:100%;height:136%;transition:scale .85s cubic-bezier(.22,1,.36,1),filter .85s;position:absolute;inset:-18% 0;scale:1}.reference-photo>span:not(.project-image){z-index:1;color:#eeede9;font-size:calc(11 * var(--display-unit));border-radius:var(--project-radius);background:#171816;padding:7px 10px;position:absolute;bottom:12px;left:12px}.project-info{grid-template-columns:calc(28 * var(--display-unit)) minmax(0, 1fr);gap:calc(8 * var(--display-unit));align-items:baseline;display:grid}.project-info .number{font-size:calc(12 * var(--display-unit));color:var(--color-muted);font-variant-numeric:tabular-nums;line-height:1.4}.project-info h3{font-size:clamp(calc(18 * var(--display-unit)), 1.5vw, calc(25 * var(--display-unit)));letter-spacing:-.04em}.project-info h3 a{width:100%;min-height:max(44px,calc(36 * var(--display-unit)));padding-block:calc(4 * var(--display-unit));overflow-wrap:anywhere;text-align:left;justify-content:space-between;align-items:baseline;gap:calc(12 * var(--display-unit));line-height:1.25;text-decoration:none;display:flex}.project-info h3 a>span{font-size:calc(16 * var(--display-unit));opacity:0;flex:none;transition:opacity .25s,transform .25s;transform:translate(-4px,4px)}.project-info h3 a:hover>span,.project-info h3 a:focus-visible>span{opacity:1;transform:none}.project-info p{font-size:calc(12 * var(--display-unit));color:var(--color-muted);margin-top:calc(2 * var(--display-unit));line-height:1.55}@media (hover:hover){.reference-photo:hover img{filter:saturate(1.08);scale:1.045}}.design-questions{border-top:1px solid var(--color-rule);grid-template-columns:1.1fr 1fr;column-gap:clamp(40px,6vw,100px);display:grid}.design-questions>.section-index{grid-column:1/-1}.approach-intro>p{color:var(--color-muted);max-width:calc(380 * var(--display-unit));font-size:calc(15 * var(--display-unit));margin-top:24px}.light-study{max-width:calc(470 * var(--display-unit));margin-top:36px}.light-study-wall{aspect-ratio:1.7;background:linear-gradient(100deg,#b7b0a4,#d2cbbf 53%,#bcb5a8);border-radius:2px;position:relative;overflow:hidden}.light-study-wall:after{content:"";opacity:.22;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.22' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.light-study-beam{filter:blur(2px);will-change:transform;background:linear-gradient(120deg,#0000 32%,#fff5dce6 35%,#fff9e8f2 56%,#0000 59%);position:absolute;inset:-30% -40%}.light-study-joint{background:#504b4128;width:1px;position:absolute;top:0;bottom:0;left:68%;box-shadow:3px 0 12px #504b4120}.light-study figcaption{border-top:1px solid var(--color-rule);color:var(--color-muted);font-size:calc(12 * var(--display-unit));justify-content:space-between;gap:8px;margin-top:12px;padding-top:10px;display:flex}.question-list{padding-top:8px}.question-list details{border-top:1px solid var(--color-rule)}.question-list details:last-child{border-bottom:1px solid var(--color-rule)}.question-list summary{cursor:pointer;grid-template-columns:32px 1fr 24px;align-items:center;gap:16px;padding-block:24px;list-style:none;display:grid}.question-list summary::-webkit-details-marker{display:none}.question-list summary>span:first-child{color:var(--color-muted);font-size:calc(12 * var(--display-unit))}.question-list h3{font-size:clamp(calc(26 * var(--display-unit)), 3vw, calc(42 * var(--display-unit)))}.question-toggle{width:14px;height:14px;position:relative}.question-toggle:before,.question-toggle:after{content:"";background:currentColor;width:14px;height:1px;position:absolute;top:6px}.question-toggle:after{transition:transform .3s;transform:rotate(90deg)}.question-list summary[aria-expanded=true] .question-toggle:after{transform:none}.question-answer{padding:0 32px 32px 48px}.question-answer h4{font-weight:400;font-size:calc(18 * var(--display-unit));letter-spacing:-.025em;margin:0 0 16px}.question-answer p{color:var(--color-muted);font-size:calc(15 * var(--display-unit));max-width:calc(420 * var(--display-unit));line-height:1.7}.studio-chapter{--studio-wash:#a3885912;background:linear-gradient(180deg, transparent, var(--studio-wash) 18%, var(--studio-wash) 82%, transparent)}[data-theme=dark] .studio-chapter,html[data-oxd-theme=dark] .oxd-site:not([data-theme]) .studio-chapter{--studio-wash:#c4c5aa0a}.studio{border-top:1px solid var(--color-rule)}.studio-intro{grid-template-columns:1.1fr 1fr;align-items:start;gap:clamp(40px,6vw,100px);display:grid}.studio-copy>p{max-width:calc(420 * var(--display-unit));font-size:calc(16 * var(--display-unit));color:var(--color-muted)}.studio-copy{min-width:0}.studio-photo{margin:calc(28 * var(--display-unit)) 0 0}.studio-photo-window{aspect-ratio:3/2;border-radius:var(--project-radius);background:var(--color-paper-2);position:relative;overflow:hidden}.studio-photo-window .project-image{position:absolute;inset:0}.studio-photo-window img{object-fit:cover;width:100%;height:100%}.studio-photo figcaption{justify-content:space-between;gap:calc(6 * var(--display-unit)) calc(16 * var(--display-unit));margin-top:calc(12 * var(--display-unit));font-size:calc(11 * var(--display-unit));color:var(--color-muted);flex-wrap:wrap;line-height:1.5;display:flex}.studio-photo-credit a{text-underline-offset:.22em;text-decoration:underline;-webkit-text-decoration-color:var(--color-rule);text-decoration-color:var(--color-rule)}.studio-photo-credit a:hover{text-decoration-color:currentColor}.principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:56px;display:grid}.principles>div{border-top:1px solid var(--color-rule);text-align:center;padding-top:28px}.principle-mark{object-fit:contain;filter:invert();width:140px;height:90px;margin-inline:auto}.principles h3{font-size:calc(24 * var(--display-unit));margin-top:24px}.principles p{font-size:calc(14 * var(--display-unit));color:var(--color-muted);margin-top:12px}.contact{border-top:1px solid var(--color-rule);grid-template-columns:1.1fr 1fr;align-items:center;column-gap:clamp(40px,6vw,100px);display:grid}.contact>.section-index{grid-column:1/-1}.contact h2{font-size:clamp(calc(52 * var(--display-unit)), 7vw, calc(104 * var(--display-unit)))}.contact-copy{max-width:calc(340 * var(--display-unit));color:var(--color-muted);font-size:calc(15 * var(--display-unit))}.contact-copy p+p{margin-top:16px}.contact-copy .pill{color:var(--color-ink)}footer{border-top:1px solid var(--color-rule);padding-block:calc(40 * var(--display-unit)) calc(24 * var(--display-unit))}.footer-closing{gap:calc(32 * var(--display-unit));padding-bottom:calc(28 * var(--display-unit));grid-template-columns:1fr 1fr;align-items:start;display:grid}.footer-invitation>p{font-size:calc(24 * var(--display-unit));letter-spacing:-.02em;line-height:1.3}.footer-conversation{align-items:center;gap:calc(20 * var(--display-unit));min-height:44px;font-size:calc(14 * var(--display-unit));display:inline-flex}.footer-conversation svg,.footer-top svg{flex:none;width:1.15em;height:1.15em}.footer-socials{margin-top:calc(12 * var(--display-unit))}.site-footer .footer-socials>*{font-size:calc(12 * var(--display-unit))}.footer-tools{gap:0 calc(28 * var(--display-unit));border-top:1px solid var(--color-rule);padding-top:calc(8 * var(--display-unit));font-size:calc(13 * var(--display-unit));flex-wrap:wrap;display:flex}.footer-tools>*{min-height:max(44px,calc(44 * var(--display-unit)));align-items:center;gap:calc(10 * var(--display-unit));display:flex}.footer-tools .footer-top{margin-left:auto}.footer-brand{width:fit-content;max-width:100%;margin:0;display:block;overflow:hidden}.footer-signature{align-items:flex-end;gap:calc(14 * var(--display-unit));padding-block:calc(4 * var(--display-unit));display:flex}.footer-signature>span{font-size:calc(24 * var(--display-unit));letter-spacing:-.025em;line-height:.85}.footer-brand img{width:calc(208 * var(--display-unit));filter:invert();height:auto}.footer-meta{padding-top:calc(12 * var(--display-unit));font-size:calc(12 * var(--display-unit));color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;display:flex}.photo-credits{border-top:1px solid var(--color-rule);font-size:calc(12 * var(--display-unit));color:var(--color-muted);margin-top:28px}.photo-credits summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:48px;list-style:none;display:flex}.photo-credits summary::-webkit-details-marker{display:none}.photo-credits summary:after{content:"+";font-size:calc(16 * var(--display-unit))}.photo-credits[open] summary:after{content:"−"}.photo-credits ul{columns:3;column-gap:24px;margin-block:16px;padding:0;line-height:2;list-style:none}.photo-credits li{break-inside:avoid}.photo-credits a,.photo-credit a{text-decoration:underline}[data-theme=dark] .brand img,[data-theme=dark] .principle-mark,[data-theme=dark] .footer-brand img,html[data-oxd-theme=dark] .oxd-site:not([data-theme]) :is(.brand img,.principle-mark,.footer-brand img){filter:none}.project-view{background:var(--color-paper);width:100vw;max-width:none;height:100%;max-height:none;color:var(--color-ink);overscroll-behavior:contain;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:clip auto}.project-view::backdrop{background:0 0}.dialog-photo{z-index:1;object-fit:cover;transform-origin:0 0;border-radius:var(--project-radius);touch-action:pan-y pinch-zoom;background:var(--color-paper-2);width:100%;height:76svh;min-height:320px;display:block;position:relative}.dialog-photo[data-failed=true]{object-fit:contain;padding:10%}.dialog-close{z-index:4;background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-rule);border-radius:var(--project-radius);min-height:48px;font-size:calc(13 * var(--display-unit));padding:12px 20px;position:fixed;top:24px;right:28px}.project-view-index{z-index:3;background:var(--color-paper);font-size:calc(12 * var(--display-unit));border-radius:2px;padding:14px 18px;position:absolute;top:24px;left:28px}.dialog-copy{max-width:calc(1440 * var(--display-unit));padding:48px var(--gutter) 48px;grid-template-columns:1.2fr 1fr;gap:20px 64px;margin:auto;display:grid}.dialog-copy .project-meta,.dialog-copy .demo-note,.dialog-copy .photo-credit,.image-error{grid-column:1/-1}.project-meta{font-size:calc(12 * var(--display-unit));color:var(--color-muted)}.dialog-copy h2{font-size:clamp(calc(42 * var(--display-unit)), 6vw, calc(88 * var(--display-unit)));grid-row:span 2}.dialog-copy .tag{font-size:calc(24 * var(--display-unit));letter-spacing:-.035em;line-height:1.3}.dialog-copy>p:not([class]){color:var(--color-muted);font-size:calc(15 * var(--display-unit));max-width:calc(480 * var(--display-unit))}.demo-note{border-top:1px solid var(--color-rule);color:var(--color-muted);font-size:calc(12 * var(--display-unit));padding-top:20px}.photo-credit,.image-error{font-size:calc(12 * var(--display-unit));color:var(--color-muted)}.swipe-hint{display:none}.project-pagination{z-index:5;border:1px solid var(--color-rule);border-radius:var(--project-radius);background:var(--color-paper);align-items:center;gap:24px;padding:6px 12px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.project-pagination button{min-height:44px;font-size:calc(13 * var(--display-unit));white-space:nowrap;padding:8px 16px}.project-pagination>span{font-size:calc(12 * var(--display-unit));font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-muted)}.project-pagination button:hover,.dialog-close:hover{background:var(--color-paper-2)}@media (max-width:1100px) and (min-width:801px){.motion-key{padding-right:0;bottom:36px}.motion-toggle{bottom:-6px}.pen-rotor{height:53%;inset:14% 10% 33%}.hero{gap:40px}.project-column:nth-child(2){padding-top:180px}.project-column:nth-child(3){padding-top:70px}}@media (max-width:800px){header{padding-top:24px}.brand{width:58vw}.brand .studio-wordmark{font-size:clamp(calc(14 * var(--display-unit)), 3.8vw, calc(28 * var(--display-unit)));left:calc(100% + 8px)}.header-utility{border-bottom:1px solid var(--color-rule);gap:18px;margin-top:24px}.header-utility>span{font-size:calc(11 * var(--display-unit))}.menu-toggle{display:block}header nav{z-index:10;top:100%;left:var(--gutter);right:var(--gutter);background:var(--color-paper);border:1px solid var(--color-rule);grid-template-columns:1fr;display:none;position:absolute}header nav.open{display:grid}header nav a{border:0;border-bottom:1px solid var(--color-rule);min-height:52px}header nav a:last-child{border:0}.hero{grid-template-columns:1fr;gap:36px;padding-block:36px 52px}.hero-copy{grid-row:1}.hero-copy h1{font-size:clamp(calc(38 * var(--display-unit)), 9.2vw, calc(64 * var(--display-unit)))}.hero-description{font-size:calc(15 * var(--display-unit));max-width:calc(340 * var(--display-unit));margin-top:20px}.hero-copy .pill{margin-top:20px}.pen-study{aspect-ratio:1.6}.pen-rotor{width:84%;height:56%;inset:14% 8% 30%}.motion-key{gap:6px;padding-right:0;bottom:34px}.motion-toggle{bottom:-8px}.hero-art figcaption{flex-wrap:wrap;gap:4px 16px}.section{padding-block:52px}.section-index{font-size:calc(12 * var(--display-unit));margin-bottom:24px}.work{padding-top:24px}.section-heading{display:block}.section-heading h2{font-size:clamp(calc(38 * var(--display-unit)), 9vw, calc(64 * var(--display-unit)))}.section-heading>p{margin-top:20px}.collection-note{max-width:42ch;margin-top:20px;line-height:1.6}.work-toolbar{align-items:flex-start;gap:8px;padding-top:20px}.work-toolbar>span{width:100%}.work-toolbar button{padding:10px 12px}.projects{flex-direction:column;gap:32px;padding-top:24px;display:flex}.project-column{display:contents}.project{gap:8px;width:100%}.project .reference-photo{aspect-ratio:4/5}.project-info h3{font-size:calc(22 * var(--display-unit))}.project-info h3 a>span{opacity:1;transform:none}.reference-photo>span:not(.project-image){font-size:calc(12 * var(--display-unit));bottom:10px;left:10px}.design-questions{grid-template-columns:1fr;gap:0}.approach-intro h2,.studio-intro h2{font-size:clamp(calc(40 * var(--display-unit)), 10vw, calc(66 * var(--display-unit)))}.light-study{max-width:none;margin-top:28px}.light-study-wall{aspect-ratio:1.5}.question-list{margin-top:32px}.question-list summary{grid-template-columns:24px 1fr 18px;gap:12px;padding-block:22px}.question-list h3{font-size:calc(30 * var(--display-unit))}.question-answer{padding:0 12px 24px 36px}.studio-intro{grid-template-columns:1fr;gap:24px}.studio-copy>p{font-size:calc(15 * var(--display-unit))}.principles{gap:12px;margin-top:36px}.principle-mark{width:100%;max-width:100px;height:60px}.principles h3{font-size:calc(18 * var(--display-unit));margin-top:16px}.principles p{font-size:calc(12 * var(--display-unit));margin-top:10px}.contact{grid-template-columns:1fr}.contact h2{font-size:clamp(calc(48 * var(--display-unit)), 12vw, calc(76 * var(--display-unit)))}.contact-copy{margin-top:28px}.footer-closing{grid-template-columns:1fr;gap:28px;padding-bottom:24px}.footer-brand img{width:180px}.footer-signature>span{font-size:22px}.footer-tools{column-gap:20px}.footer-tools .footer-top{margin-left:0}.footer-meta{gap:8px 24px}.photo-credits ul{columns:1}.project-view-index{top:max(12px, env(safe-area-inset-top));font-size:calc(11 * var(--display-unit));padding:14px 12px;left:12px}.dialog-close{top:max(12px, env(safe-area-inset-top));padding:12px 16px;right:12px}.dialog-photo{height:58svh;min-height:260px}.dialog-copy{padding:28px 20px 36px;display:block}.dialog-copy>*+*{margin-top:20px}.dialog-copy h2{font-size:clamp(calc(40 * var(--display-unit)), 10vw, calc(62 * var(--display-unit)))}.dialog-copy .tag{font-size:calc(22 * var(--display-unit))}.swipe-hint{font-size:calc(12 * var(--display-unit));color:var(--color-muted);display:block}.project-pagination{bottom:max(12px, env(safe-area-inset-bottom));gap:8px;max-width:calc(100% - 24px);padding:4px 8px}.project-pagination button{font-size:calc(12 * var(--display-unit));padding:8px 12px}}@media (max-width:360px){.principles h3{font-size:calc(15 * var(--display-unit))}.header-utility{gap:12px}.header-utility>span{max-width:125px}.work-toolbar button{padding-inline:10px}.motion-key{font-size:calc(11 * var(--display-unit))}}@media (prefers-reduced-motion:reduce){.pen-rotor{will-change:auto;transform:none!important}.pen-letter:not(:first-of-type){opacity:0!important}.pen-letter:first-of-type{opacity:1!important}.motion-toggle{display:none}.reference-photo img{height:100%;inset:0}.reference-photo:hover img{scale:1}.light-study-beam{will-change:auto}}.pill{border-bottom-color:var(--color-rule);position:relative}.pill:before{content:"";background:var(--color-ink);transform-origin:0;height:1px;transition:transform .5s cubic-bezier(.22,1,.36,1);position:absolute;inset:auto 0 -1px;transform:scaleX(.18)}.pill:is(:hover,:focus-visible):before{transform:scaleX(1)}.pill:focus-visible:after{transform:translate(3px,-3px)}header nav a{transition:background-color .3s}header nav a:is(:hover,:focus-visible){background:var(--color-paper-2)}header nav a:focus-visible:after{transform:rotate(90deg)}.reference-photo:focus-visible img{filter:saturate(1.08)}.project:focus-within .project-info h3 a>span,.project:hover .project-info h3 a>span{opacity:1;transform:none}.question-list summary h3{transition:transform .4s cubic-bezier(.22,1,.36,1)}.question-list summary:is(:hover,:focus-visible) h3{transform:translate(4px)}.question-list[data-animating]{overflow-anchor:none}.question-list[data-animating] details{overflow:hidden}.contact-copy a:not(.pill){overflow-wrap:anywhere;min-height:44px;text-decoration:underline;-webkit-text-decoration-color:var(--color-rule);text-decoration-color:var(--color-rule);align-items:center;transition:text-decoration-color .25s;display:inline-flex}.contact-copy a:not(.pill):is(:hover,:focus-visible){text-decoration-color:currentColor}.collection-empty{color:var(--color-muted);padding-block:40px}.collection-empty .pill{color:var(--color-ink);margin-top:12px}@media (pointer:coarse){.project-info h3 a>span{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.question-list summary:is(:hover,:focus-visible) h3,.pill:focus-visible:after{transform:none}}.project-image{background:var(--color-paper-2);border-radius:var(--project-radius);background-position:50%;background-size:cover;width:100%;display:block;position:relative;overflow:hidden}.project-image[data-framed=true]{height:100%}.reference-photo>.project-image{position:absolute;inset:0}.project-image img{opacity:0;transition:opacity .55s}.project-image[data-image-state=loaded] img{opacity:1}.oxd-site[data-theme=dark] .project-image[data-image-state=loaded]:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;border:1px solid #eeede91a;position:absolute;inset:0}.project-image[data-image-state=error] img{visibility:hidden}.reference-photo .project-image img{transition:opacity .55s,scale .85s cubic-bezier(.22,1,.36,1),filter .85s}.dialog-photo .project-image img{object-fit:cover;width:100%;height:100%}.image-loading,.image-fallback{color:var(--color-muted);font-size:calc(12 * var(--display-unit));text-align:center;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.image-loading{pointer-events:none}.image-loading i{background:currentColor;border-radius:50%;width:4px;height:4px;animation:1.4s ease-in-out infinite alternate image-breathe}@keyframes image-breathe{to{opacity:.25}}.image-fallback{flex-direction:column}.image-fallback button{border-bottom:1px solid var(--color-rule);min-height:44px;padding:8px 14px}.project-pagination{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;width:min(600px,100% - 32px);display:grid}.project-pagination button{text-align:left;min-width:0}.project-pagination button:last-child{text-align:right}.project-pagination button span,.project-pagination button small{display:block}.project-pagination button small{text-overflow:ellipsis;white-space:nowrap;font-size:calc(11 * var(--display-unit));color:var(--color-muted);margin-top:2px;font-weight:400;overflow:hidden}.project-pagination button:disabled small{color:inherit}.story-back{border-bottom:1px solid var(--color-rule);min-height:44px;color:var(--color-ink)}.image-swipe-hint{display:none}@media (pointer:coarse){.image-swipe-hint{font-size:calc(11 * var(--display-unit));white-space:nowrap;background:var(--color-paper);color:var(--color-ink);border-radius:var(--project-radius);pointer-events:none;padding:8px 14px;display:block;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}}@media (max-width:800px){.project-pagination{gap:8px;width:calc(100% - 24px)}.project-pagination button{padding:6px}.project-pagination button small{font-size:calc(10 * var(--display-unit))}.dialog-close{right:12px}}@media (prefers-reduced-motion:reduce){.image-loading i{animation:none}}.project-turn{z-index:18;background:var(--color-paper);pointer-events:none;position:fixed;inset:0;overflow:hidden}.project-turn img{object-fit:cover;width:100%;display:block}.contact-socials{flex-wrap:wrap;gap:0 24px;display:flex}.contact-socials>*{min-height:44px;font-size:calc(14 * var(--display-unit));align-items:center;gap:5px;display:inline-flex}.social-icon{flex:none;display:block}.link-arrow{display:inline-block}.contact-socials .social-placeholder{color:var(--color-muted)}@media (prefers-reduced-motion:no-preference){:is(a,button)>.link-arrow{transition:transform .18s ease-out}:is(a,button):focus-visible>.link-arrow{transform:translateY(-2px)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){:is(a,button):hover>.link-arrow{transform:translateY(-2px)}}@media (min-width:1921px){.brand{width:56.25vw}.brand .studio-wordmark{font-size:2.5vw}.motion-key{padding-right:calc(116 * var(--display-unit));bottom:calc(8 * var(--display-unit))}.motion-toggle{bottom:calc(4 * var(--display-unit));min-height:calc(44 * var(--display-unit))}.pen-letter path{stroke-width:calc(1.5 * var(--display-unit))}.social-icon{width:1.15em;height:1.15em}}.recovery-page{max-width:calc(800 * var(--display-unit));min-height:100svh;padding:clamp(32px,8vh,96px) var(--gutter);justify-content:center;align-items:flex-start;gap:calc(28 * var(--display-unit));flex-direction:column;margin:auto;display:flex}.recovery-page>img{filter:brightness(0);width:calc(160 * var(--display-unit));height:auto;margin-bottom:24px}:root[data-oxd-theme=dark] .recovery-page>img{filter:none}.recovery-page h1{font-size:clamp(calc(36 * var(--display-unit)),5vw,calc(64 * var(--display-unit)))}.recovery-page p{max-width:45ch}
.index-line{max-width:var(--container);padding-inline:var(--gutter);height:64px;margin:0 auto}.index-line svg{width:100%;height:100%;overflow:visible}.index-line path{fill:none;stroke-width:1px;vector-effect:non-scaling-stroke}.index-track{stroke:var(--color-rule)}.index-line .index-trace{stroke:var(--color-ink);vector-effect:none;stroke-dasharray:none;stroke-dashoffset:0}.index-line circle{fill:var(--color-ink)}.section-index,.story-label{letter-spacing:.035em;font-variant-numeric:tabular-nums;align-items:baseline;line-height:1.5}.story-nav{z-index:4;background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--project-radius);gap:2px;padding:2px 6px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.story-nav button{min-height:44px;font-size:calc(12 * var(--display-unit));padding:10px 14px}.story-nav button:hover{background:var(--color-paper-2)}.story-invitation{color:var(--color-muted);font-size:calc(15 * var(--display-unit));line-height:1.7}.project-story{max-width:calc(1440 * var(--display-unit));padding:0 var(--gutter) 128px;margin:auto}.story-label{color:var(--color-muted);font-size:calc(12 * var(--display-unit));border-top:1px solid var(--color-rule);justify-content:space-between;gap:16px;margin-bottom:40px;padding-top:18px;display:flex}.story-brief{grid-template-columns:1.2fr 1fr;gap:24px 64px;padding-block:24px 96px;scroll-margin-top:92px;display:grid}.story-brief .story-label,.story-facts{grid-column:1/-1}.story-brief h3{font-size:clamp(calc(32 * var(--display-unit)), 4.3vw, calc(60 * var(--display-unit)));letter-spacing:-.045em;max-width:18ch;line-height:1.12}.story-brief>p{color:var(--color-muted);max-width:43ch;font-size:calc(17 * var(--display-unit));align-self:end;line-height:1.8}.story-brief h3.story-lead-long{font-size:clamp(calc(26 * var(--display-unit)),2.6vw,calc(40 * var(--display-unit)));letter-spacing:-.025em;text-wrap:pretty;max-width:30ch;line-height:1.22}.story-facts{column-gap:calc(64 * var(--display-unit));grid-template-columns:repeat(2,minmax(0,1fr));row-gap:0;margin:0;display:grid}.story-facts>div{grid-template-columns:calc(112 * var(--display-unit)) minmax(0,1fr);gap:calc(20 * var(--display-unit));padding-block:calc(16 * var(--display-unit));border-bottom:1px solid var(--color-rule);align-items:baseline;display:grid}.story-facts dt{color:var(--color-muted);font-size:calc(12 * var(--display-unit))}.story-facts dd{font-size:calc(14 * var(--display-unit));font-variant-numeric:tabular-nums;margin:0;line-height:1.6}.story-detail{scroll-margin-top:92px}.story-detail-image{aspect-ratio:16/9;border-radius:var(--project-radius);background:var(--color-paper-2);overflow:hidden}.story-detail-image img{object-fit:cover;object-position:50% 30%;width:100%;height:100%}.project-story figcaption{gap:calc(6 * var(--display-unit)) calc(20 * var(--display-unit));font-size:calc(12 * var(--display-unit));color:var(--color-muted);margin-top:calc(12 * var(--display-unit));grid-template-columns:minmax(0,1fr) auto;align-items:baseline;line-height:1.55;display:grid}.project-story figcaption>.image-caption{max-width:65ch}.project-story figcaption>.image-caption:only-child{grid-column:1/-1}.project-story figcaption>.image-credit{text-align:right;max-width:32ch;font-size:calc(11 * var(--display-unit))}.project-story figcaption>.image-credit:only-child{text-align:left;grid-column:1/-1;max-width:none}.project-story .image-credit a{text-underline-offset:.18em;text-decoration:underline}.project-story [data-layout=paired] figcaption{gap:calc(4 * var(--display-unit));grid-template-columns:1fr}.project-story [data-layout=paired] figcaption>.image-credit{text-align:left;max-width:none}.story-gallery{margin-top:56px}.story-gallery img{border-radius:var(--project-radius);width:100%;height:auto}.story-image-window{border-radius:var(--project-radius);overflow:hidden}.story-drawing .story-image-window{--color-paper-2:#f5f4f0;--color-ink:#171816;--color-muted:#62635e;--color-rule:#c7c7bf;--color-focus:#786343;padding:clamp(16px,2.5vw,calc(48 * var(--display-unit)));background:var(--color-paper-2)}.story-drawing .project-image,.story-drawing img{border-radius:0}.story-drawing .project-image:after{display:none}@media (prefers-reduced-motion:no-preference){[data-gallery-pending] .project-image[data-image-state=loaded] img,[data-gallery-pending] figcaption,[data-gallery-pending] .oxd-pair-caption{opacity:0}}.story-questions{padding-top:88px}.story-questions h3{font-size:clamp(calc(28 * var(--display-unit)), 3vw, calc(44 * var(--display-unit)));margin-bottom:36px}.story-questions>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.story-questions article{border-top:1px solid var(--color-rule);padding-top:18px}.story-questions article>span{font-size:calc(12 * var(--display-unit));color:var(--color-muted)}.story-questions article p{font-size:clamp(calc(18 * var(--display-unit)), 1.8vw, calc(24 * var(--display-unit)));letter-spacing:-.025em;max-width:24ch;margin-top:18px;line-height:1.45}.story-drawings{margin-top:64px}.story-endnote{font-size:calc(12 * var(--display-unit));color:var(--color-muted);border-top:1px solid var(--color-rule);justify-content:space-between;gap:20px;margin-top:80px;padding-top:20px;display:flex}@media (max-width:800px){.index-line,.index-line svg{height:44px}.story-nav{top:max(72px, calc(env(safe-area-inset-top) + 64px))}.story-nav button{padding:8px 14px}.project-story{padding:0 20px calc(116px + env(safe-area-inset-bottom))}.story-label{font-size:calc(12 * var(--display-unit));gap:12px;margin-bottom:24px}.story-brief{grid-template-columns:1fr;gap:20px;padding-bottom:48px}.story-brief h3{font-size:calc(34 * var(--display-unit))}.story-brief>p{font-size:calc(16 * var(--display-unit))}.story-facts{grid-template-columns:1fr}.story-facts>div{grid-template-columns:96px minmax(0,1fr);column-gap:16px;padding-block:14px}.story-drawing .story-image-window{padding:16px}.story-detail-image{aspect-ratio:4/5}.project-story figcaption{grid-template-columns:1fr;gap:4px;line-height:1.6}.project-story figcaption>.image-credit{text-align:left;max-width:none}.project-story figcaption span{display:block}.story-questions{padding-top:48px}.story-questions>div:last-child{grid-template-columns:1fr;gap:24px}.story-questions article p{max-width:30ch;font-size:calc(21 * var(--display-unit));margin-top:12px}.story-endnote{margin-top:48px;display:block}.story-endnote span{margin-top:8px;display:block}}@media (prefers-reduced-motion:reduce){.index-trace{stroke-dashoffset:0!important}}.index-navigation{height:auto;min-height:64px}.index-project-link{align-items:center;gap:24px;width:fit-content;max-width:100%;min-height:64px;display:flex}.index-project-link svg{flex:none;width:clamp(110px,20vw,260px);height:64px}.index-link-copy{font-size:calc(13 * var(--display-unit));flex-direction:column;gap:3px;display:flex}.index-link-copy>span{align-items:center;gap:22px;display:flex}.index-link-copy small{color:var(--color-muted);font-size:calc(11 * var(--display-unit));font-variant-numeric:tabular-nums}.index-link-copy>span>span{transition:transform .25s}.index-project-link:hover .index-link-copy>span>span,.index-project-link:focus-visible .index-link-copy>span>span{transform:translateY(4px)}@media (max-width:800px){.index-navigation{min-height:64px}.index-project-link svg{height:54px}.index-project-link{gap:18px}}@media (prefers-reduced-motion:reduce){.index-link-copy>span>span{transition:none}}.index-navigation+.section,.studio-chapter+.section{border-top:0;padding-top:32px}.index-link-copy{min-width:0}.index-link-copy small{text-wrap:balance}@media (max-width:380px){.index-project-link{gap:14px}.index-project-link svg{width:92px}}.story-brief>p{white-space:pre-line}.story-detail+.story-detail{margin-top:56px}.story-gallery figcaption span{overflow-wrap:anywhere;display:block}@media (max-width:800px){.story-nav{max-width:calc(100% - 16px)}.story-nav button{padding-inline:clamp(6px,2vw,14px)}}.page-content>header{padding-top:clamp(14px,2vh,28px)}.header-utility{margin-top:6px}.hero{padding-block:clamp(28px,3vw,40px) clamp(28px,3vw,48px)}.index-navigation+.work{padding-top:10px}.collection-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 28px;display:flex}.collection-heading h2{font-size:clamp(calc(36 * var(--display-unit)),4vw,calc(68 * var(--display-unit)))}.collection-heading .work-toolbar{border:0;padding:0}.collection-note{color:var(--color-muted);margin:6px 0 0}.work .projects{padding-top:16px}@media (max-width:800px){.hero{gap:24px;padding-block:28px}.hero .pen-study{min-height:210px}.hero .pen-rotor{top:8%}.collection-heading{gap:4px}.collection-note{margin-top:4px}}.story-topbar{z-index:4;background:var(--color-paper);border-bottom:1px solid var(--color-rule);padding:0 var(--gutter);padding-top:env(safe-area-inset-top);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.story-topbar .project-view-index,.story-topbar .dialog-close{background:0 0;border:0;align-items:center;min-height:44px;padding:0;display:inline-flex;position:static}.project-view .story-nav{top:var(--chapter-top,45px);border:0;flex-wrap:nowrap;justify-content:center;width:fit-content;max-width:100%;margin:8px auto 0;padding-bottom:9px;position:sticky;left:auto;transform:none}.story-nav:before,.story-nav:after{content:"";pointer-events:none;position:absolute;bottom:5px}.story-nav:before{left:var(--chapter-start);width:var(--chapter-length);background:var(--color-rule);height:1px}.story-nav:after{background:var(--color-ink);width:5px;height:5px;transform:translate(calc(var(--chapter-x,0px) - 50%),2px);border-radius:50%;left:0}.project-story{padding-bottom:clamp(32px,5vh,72px)}.project-story .story-endnote{flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}.project-story .project-pagination{border:0;border-top:1px solid var(--color-rule);width:100%;max-width:none;padding:12px 0 max(12px,env(safe-area-inset-bottom));border-radius:0;margin:16px auto 0;position:static;transform:none}.story-nav button[aria-current=location]{font-weight:600}.project-turn .project-turn-cover{top:var(--viewer-bar-height,45px);position:absolute;left:0}.project-turn-cover img{object-fit:cover;width:100%;height:100%}.project-view .story-nav{max-width:calc(100% - 16px)}.project-view .story-nav button{white-space:nowrap;min-width:44px}.project-view .story-facts>div{overflow-wrap:anywhere;min-width:0}.project-view .photo-credit{overflow-wrap:anywhere}@media (min-width:1921px){.story-topbar .project-view-index,.story-topbar .dialog-close{min-height:calc(44 * var(--display-unit))}.project-view .story-nav{gap:calc(2 * var(--display-unit));margin-top:calc(8 * var(--display-unit));padding:calc(2 * var(--display-unit)) calc(6 * var(--display-unit)) calc(9 * var(--display-unit))}.story-nav button{min-height:calc(44 * var(--display-unit));padding:calc(10 * var(--display-unit)) calc(14 * var(--display-unit))}.story-nav:before,.story-nav:after{bottom:calc(5 * var(--display-unit))}.story-nav:after{width:calc(5 * var(--display-unit));height:calc(5 * var(--display-unit));transform:translate(calc(var(--chapter-x,0px) - 50%),calc(2 * var(--display-unit)))}.dialog-copy{gap:calc(20 * var(--display-unit)) calc(64 * var(--display-unit));padding-block:calc(48 * var(--display-unit))}.dialog-copy .demo-note{padding-top:calc(20 * var(--display-unit))}.story-label{gap:calc(16 * var(--display-unit));padding-top:calc(18 * var(--display-unit));margin-bottom:calc(40 * var(--display-unit))}.story-brief{gap:calc(24 * var(--display-unit)) calc(64 * var(--display-unit));padding-block:calc(24 * var(--display-unit)) calc(96 * var(--display-unit))}.story-detail+.story-detail,.story-gallery{margin-top:calc(56 * var(--display-unit))}.story-questions{padding-top:calc(88 * var(--display-unit))}.story-questions h3{margin-bottom:calc(36 * var(--display-unit))}.story-questions>div:last-child{gap:calc(32 * var(--display-unit))}.story-questions article{padding-top:calc(18 * var(--display-unit))}.story-questions article p{margin-top:calc(18 * var(--display-unit))}.story-endnote{margin-top:calc(80 * var(--display-unit));padding-top:calc(20 * var(--display-unit))}.story-back{min-height:calc(44 * var(--display-unit))}.project-story .project-pagination{gap:calc(16 * var(--display-unit));margin-top:calc(16 * var(--display-unit));padding-block:calc(12 * var(--display-unit))}.project-pagination button{min-height:calc(44 * var(--display-unit));padding:calc(8 * var(--display-unit)) calc(16 * var(--display-unit))}.project-pagination button small{margin-top:calc(2 * var(--display-unit))}.project-story{padding-bottom:clamp(32px,5vh,calc(72 * var(--display-unit)))}}.project-view .dialog-photo{height:calc(100svh - var(--viewer-bar-height,45px));min-height:0}.project-scroll-cue{right:max(env(safe-area-inset-right),calc(20 * var(--display-unit)));bottom:max(env(safe-area-inset-bottom),calc(20 * var(--display-unit)));align-items:center;gap:6px calc(14 * var(--display-unit));min-height:44px;padding:calc(12 * var(--display-unit));border-radius:var(--project-radius);background:var(--color-paper);color:var(--color-ink);text-align:left;grid-template-columns:1fr auto;display:grid;position:absolute}.project-scroll-mark{width:calc(56 * var(--display-unit));height:calc(12 * var(--display-unit));background:currentColor;-webkit-mask:url(/oxd-masthead.svg) 50%/contain no-repeat;mask:url(/oxd-masthead.svg) 50%/contain no-repeat}.project-scroll-label{font-size:calc(11 * var(--display-unit));grid-column:1;line-height:1.3}.project-scroll-cue svg{width:calc(20 * var(--display-unit));height:calc(32 * var(--display-unit));grid-area:1/2/3}.project-scroll-cue:disabled{opacity:1}.project-view .image-swipe-hint{left:max(16px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));transform:none}@media (prefers-reduced-motion:no-preference){.project-scroll-cue svg{animation:2.2s ease-in-out .8s 3 project-scroll-hint}@keyframes project-scroll-hint{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}}@media (max-width:380px){.project-view .story-nav{gap:0;padding-inline:2px}.project-view .story-nav button{padding-inline:5px;font-size:11px}}.process-desktop{max-width:calc(560 * var(--display-unit));margin-top:32px;display:grid}.process-desktop>div{opacity:0;visibility:hidden;grid-area:1/1;transition:opacity .38s,visibility 0s .38s}.process-desktop>div[data-active=true]{opacity:1;visibility:visible;transition-delay:0s}.process-image{aspect-ratio:3/2;border-radius:var(--project-radius);position:relative;overflow:hidden}.process-image .project-image{position:absolute;inset:0}.process-image img{object-fit:cover;width:100%;height:100%}.process-image[data-detail] img{transform-origin:55% 49%;transform:scale(2.6)}.process-visual figcaption{justify-content:space-between;align-items:baseline;gap:calc(4 * var(--display-unit)) calc(12 * var(--display-unit));font-size:calc(12 * var(--display-unit));color:var(--color-muted);margin-top:calc(12 * var(--display-unit));flex-wrap:wrap;line-height:1.55;display:flex}.process-visual figcaption a{text-decoration:underline}.process-mobile{display:none}@media (max-width:800px){.process-desktop{display:none}.process-mobile{margin-top:16px;display:block}}@media (prefers-reduced-motion:reduce){.process-desktop>div{transition:none}}.project-pagination .adjacent-project{position:relative}.project-pagination .project-peek{bottom:calc(100% + 12 * var(--display-unit));width:calc(144 * var(--display-unit));aspect-ratio:3/2;border-radius:var(--project-radius);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s .22s;position:absolute;left:0;overflow:hidden;transform:translateY(4px)}.project-pagination [data-direction=next] .project-peek{left:auto;right:0}.project-peek img{object-fit:cover;width:100%;height:100%;display:block}@media (min-width:801px) and (hover:hover) and (pointer:fine){.adjacent-project:not(:disabled):is(:hover,:focus-visible) .project-peek[data-loaded=true]{opacity:1;visibility:visible;transition-delay:0s;transform:none}}@media (max-width:800px),(pointer:coarse){.project-pagination .project-peek{display:none}}@media (prefers-reduced-motion:reduce){.project-pagination .project-peek{transition:none;transform:none}}.oxd-site[data-theme=dark] .project-peek:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #eeede91a;position:absolute;inset:0}
.contact.contact-expanded{display:block}.contact-opening,.contact-columns{gap:calc(80 * var(--display-unit));grid-template-columns:1fr 1fr;display:grid}.contact-opening{margin-bottom:calc(56 * var(--display-unit));align-items:end}.contact-opening>p{max-width:36ch;color:var(--color-muted);font-size:calc(17 * var(--display-unit));padding-bottom:.4em}.contact-columns{border-top:1px solid var(--color-rule);padding-top:calc(40 * var(--display-unit));align-items:start}.contact-details{gap:calc(36 * var(--display-unit));max-width:calc(540 * var(--display-unit));min-width:0;display:grid}.contact-detail h3,.contact-form-title{font-size:calc(22 * var(--display-unit));letter-spacing:-.025em;margin-bottom:calc(16 * var(--display-unit))}.contact-detail>a{width:fit-content;min-height:32px;display:block}.contact-address{overflow-wrap:anywhere}.contact-detail p,.office-hours{font-size:calc(15 * var(--display-unit));color:var(--color-muted)}.preserve-lines{white-space:pre-line}.office-hours{margin:0}.office-hours>div{flex-wrap:wrap;gap:4px 20px;margin-bottom:8px;display:flex}.office-hours dd{margin:0}.contact-careers{align-items:start;gap:calc(24 * var(--display-unit)) calc(48 * var(--display-unit));border-top:1px solid var(--color-rule);padding-block:calc(36 * var(--display-unit)) calc(24 * var(--display-unit));margin-top:calc(64 * var(--display-unit));grid-template-columns:1fr minmax(0,.8fr) auto;display:grid;position:relative}.contact-careers-title{font-size:clamp(30px,2.6vw,calc(42 * var(--display-unit)));letter-spacing:-.035em;text-wrap:balance;line-height:1.1}.contact-careers-arrow{width:calc(28 * var(--display-unit));height:calc(28 * var(--display-unit));stroke:currentColor;stroke-width:1px;fill:none;grid-area:1/3;align-self:center}.contact-careers-description{font-size:calc(15 * var(--display-unit));color:var(--color-muted);grid-area:1/2;line-height:1.6}.contact-careers-footer{font-size:calc(13 * var(--display-unit));padding-top:calc(10 * var(--display-unit));flex-wrap:wrap;grid-column:2/4;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.contact-careers-footer small{color:var(--color-muted);font-size:calc(12 * var(--display-unit))}.contact-careers-track{background:var(--color-rule);height:1px;position:absolute;bottom:0;left:0;right:0}.contact-careers-track i{background:var(--color-ink);border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;left:0}@media (prefers-reduced-motion:no-preference){.contact-careers-track i{transition:transform .65s cubic-bezier(.22,1,.36,1)}.contact-careers-arrow{transition:transform .3s cubic-bezier(.22,1,.36,1)}.contact-careers:focus-visible .contact-careers-track i{transform:translate(28px)}.contact-careers:focus-visible .contact-careers-arrow{transform:translate(2px,-2px)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.contact-careers:hover .contact-careers-track i{transform:translate(28px)}.contact-careers:hover .contact-careers-arrow{transform:translate(2px,-2px)}}.contact-socials{column-gap:calc(20 * var(--display-unit))}.contact-socials .social-icon{width:calc(15 * var(--display-unit));height:calc(15 * var(--display-unit))}.enquiry-fields{gap:calc(26 * var(--display-unit)) calc(24 * var(--display-unit));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.enquiry-field{gap:calc(10 * var(--display-unit));flex-direction:column;min-width:0;display:flex}.enquiry-field>span{font-size:calc(13 * var(--display-unit));color:var(--color-muted);transition:color .18s}.enquiry-field:focus-within>span{color:var(--color-ink)}.enquiry-field input,.enquiry-field select,.enquiry-field textarea{border:0;border-bottom:1px solid var(--color-rule);width:100%;min-width:0;color:var(--color-ink);font:inherit;font-size:calc(16 * var(--display-unit));min-height:48px;padding:calc(10 * var(--display-unit)) 0;caret-color:var(--color-ink);background:0 0;border-radius:0;line-height:1.5;transition:border-color .18s}.enquiry-field option{background:var(--color-paper);color:var(--color-ink)}.enquiry-field :is(input,select,textarea):focus{border-bottom-color:var(--color-ink);outline:2px solid var(--color-focus);outline-offset:4px}.enquiry-field textarea{resize:vertical;min-height:calc(124 * var(--display-unit));max-height:60vh}.enquiry-field ::placeholder{color:var(--color-muted);opacity:1}.enquiry-wide{grid-column:1/-1}.enquiry-note,.enquiry-status{font-size:calc(12 * var(--display-unit));color:var(--color-muted);max-width:65ch;margin-top:calc(20 * var(--display-unit));line-height:1.6}.enquiry-status:empty{margin:0}.enquiry-actions{align-items:center;gap:calc(24 * var(--display-unit));margin-top:calc(24 * var(--display-unit));flex-wrap:wrap;display:flex}.enquiry-submit{justify-content:space-between;align-items:center;gap:calc(40 * var(--display-unit));background:var(--color-ink);color:var(--color-paper);padding:calc(16 * var(--display-unit)) calc(22 * var(--display-unit));min-height:48px;font-size:calc(14 * var(--display-unit));border-radius:2px;display:inline-flex}.enquiry-copy{text-underline-offset:5px;min-height:44px;font-size:calc(12 * var(--display-unit));text-decoration:underline}.footer-tools{flex-wrap:wrap}.careers-header{padding-block:calc(28 * var(--display-unit));justify-content:space-between;align-items:center;gap:24px;display:flex}.careers-brand{align-items:baseline;gap:calc(12 * var(--display-unit));font-size:calc(16 * var(--display-unit));flex-wrap:wrap;align-content:center;min-height:44px;display:flex}.careers-brand>span{width:calc(110 * var(--display-unit));height:calc(22 * var(--display-unit));background:currentColor;display:block;-webkit-mask:url(/oxd-masthead.svg) 50%/contain no-repeat;mask:url(/oxd-masthead.svg) 50%/contain no-repeat}.careers-header nav{align-items:center;gap:calc(32 * var(--display-unit));font-size:calc(13 * var(--display-unit));background:0 0;border:0;display:flex;position:static}.careers-header nav a{font-size:inherit;border:0;padding:0}.careers-header nav a:after{content:none}.careers-header nav a:is(:hover,:focus-visible){text-underline-offset:6px;background:0 0;text-decoration:underline}.careers-header nav>*{align-items:center;min-height:44px;display:flex}.careers-main{padding-block:0}.careers-opening{gap:calc(80 * var(--display-unit));border-top:1px solid var(--color-rule);padding-block:calc(100 * var(--display-unit)) calc(96 * var(--display-unit));grid-template-columns:1fr 1fr;align-items:end;display:grid}.careers-opening h1{font-size:clamp(calc(48 * var(--display-unit)),5.8vw,calc(88 * var(--display-unit)));letter-spacing:-.04em;text-wrap:balance;max-width:7ch}.careers-opening p{max-width:45ch;font-size:var(--text-md);color:var(--color-muted);line-height:1.6}.careers-jump{align-items:center;gap:calc(48 * var(--display-unit));margin-top:calc(28 * var(--display-unit));border-bottom:1px solid var(--color-rule);min-height:44px;font-size:calc(13 * var(--display-unit));padding-bottom:10px;display:inline-flex}.careers-section-heading{margin-bottom:calc(32 * var(--display-unit));justify-content:space-between;align-items:baseline;gap:24px;display:flex}.careers-section-heading h2,.careers-application h2{font-size:clamp(calc(30 * var(--display-unit)),2.6vw,calc(40 * var(--display-unit)));letter-spacing:-.03em;text-wrap:balance}.careers-section-heading>span{font-size:calc(12 * var(--display-unit));color:var(--color-muted)}.career-roles details[data-animating]{overflow:clip}.career-roles details{border-top:1px solid var(--color-rule)}.career-roles details:last-child{border-bottom:1px solid var(--color-rule)}.career-roles summary{grid-template-columns:calc(64 * var(--display-unit)) 1fr calc(24 * var(--display-unit));gap:calc(20 * var(--display-unit));padding-block:calc(30 * var(--display-unit));align-items:center;list-style:none;display:grid}.career-roles summary::-webkit-details-marker{display:none}.career-roles h3{font-size:clamp(calc(22 * var(--display-unit)),2.2vw,calc(32 * var(--display-unit)));letter-spacing:-.025em;text-wrap:balance}.career-role-number,.career-roles small{font-size:calc(12 * var(--display-unit));color:var(--color-muted)}.career-roles small{margin-top:8px;display:block}.career-toggle{justify-self:end;width:14px;height:14px;position:relative}.career-toggle:before,.career-toggle:after{content:"";background:currentColor;width:14px;height:1px;transition:transform .25s;position:absolute;top:6px;left:0}.career-toggle:after{transform:rotate(90deg)}.career-roles summary[aria-expanded=true] .career-toggle:after{transform:rotate(0)}.career-role-body{gap:calc(48 * var(--display-unit));padding:0 0 calc(36 * var(--display-unit)) calc(84 * var(--display-unit));font-size:calc(16 * var(--display-unit));grid-template-columns:1fr auto;display:grid}.career-role-body p,.career-role-body ul{max-width:65ch;color:var(--color-muted)}.career-role-body h4{margin:24px 0 8px;font-weight:400}.career-role-body ul{margin:0;padding-left:1.2em}.career-role-body li+li{margin-top:8px}.careers-apply{align-self:start;gap:calc(24 * var(--display-unit));border-bottom:1px solid var(--color-rule);min-height:44px;font-size:calc(13 * var(--display-unit));align-items:center;display:flex}.careers-application{gap:calc(80 * var(--display-unit));padding-block:calc(100 * var(--display-unit));grid-template-columns:1fr 1fr;scroll-margin-top:32px;display:grid}.careers-application>div>p{font-size:calc(16 * var(--display-unit));color:var(--color-muted);max-width:38ch;margin-top:calc(24 * var(--display-unit))}.application-arrival-line{width:calc(80 * var(--display-unit));background:var(--color-rule);height:1px;margin-top:calc(24 * var(--display-unit));transform-origin:0;display:block}.careers-application>div>p.application-selection{font-size:calc(13 * var(--display-unit));color:var(--color-ink);margin-top:calc(16 * var(--display-unit))}.careers-application .contact-address{margin-top:calc(24 * var(--display-unit));font-size:calc(15 * var(--display-unit));display:inline-block}.careers-empty{color:var(--color-muted);border-top:1px solid var(--color-rule);padding-block:32px}.careers-footer{font-size:calc(13 * var(--display-unit));padding-block:calc(24 * var(--display-unit));justify-content:space-between;gap:24px;display:flex}.careers-footer>*{align-items:center;gap:12px;min-height:44px;display:flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:800px){.contact-opening,.contact-columns,.careers-opening,.careers-application{grid-template-columns:1fr;gap:36px}.contact-opening{margin-bottom:32px}.contact-details{max-width:none}.contact-careers{grid-template-columns:minmax(0,1fr) auto;gap:22px 20px;margin-top:48px;padding-block:28px 20px}.contact-careers-arrow{grid-column:2}.contact-careers-description{grid-area:2/1/auto/-1}.contact-careers-footer{grid-column:1/-1}.contact-columns{gap:48px;padding-top:28px}.careers-header{gap:12px;padding-block:16px}.careers-header nav{gap:18px;font-size:12px}.careers-brand{gap:7px;font-size:13px}.careers-brand>span{width:76px;height:16px}.careers-opening{padding-block:52px 64px}.careers-opening h1{max-width:10ch}.career-roles summary{grid-template-columns:24px 1fr 14px;gap:12px;padding-block:24px}.career-role-body{grid-template-columns:1fr;gap:20px;padding:0 0 28px 36px}.careers-apply{justify-self:start}.careers-application{padding-block:64px}.careers-footer{flex-wrap:wrap}}@media (max-width:380px){.enquiry-fields{grid-template-columns:1fr}.careers-brand{font-size:12px}.careers-header nav{gap:12px}.careers-brand>span{width:64px;height:13px}}@media (prefers-reduced-motion:no-preference){.careers-opening{animation:.65s cubic-bezier(.22,1,.36,1) both careers-arrive}@keyframes careers-arrive{0%{opacity:.6;transform:translateY(12px)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){.career-toggle:after,.enquiry-field>span,.enquiry-field input,.enquiry-field select,.enquiry-field textarea{transition:none}}