@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,figure,ul{margin:0}img{max-width:100%;height:auto;display:block}button,input,textarea{font:inherit}html{scroll-behavior:smooth}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}ul{padding:0;list-style:none}}@layer foundation{:root{--paper:#f5f4ef;--ink:#20221f;--muted:#585c55;--line:#cdcec5;--space:clamp(20px,4.45vw,72px);--font:Arial,Helvetica,sans-serif;--serif:Georgia,"Times New Roman",serif;--mono:"Courier New",monospace;--max:1600px}body{font-family:var(--font);background:var(--paper);color:var(--ink);overflow-wrap:break-word;font-size:18px;line-height:1.6}a{color:inherit;text-underline-offset:.23em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline-offset:5px;outline:3px solid #a54b21}::selection{color:#171a16;background:#d8d7bd}.skip{z-index:30;color:#20221f;background:#fff;padding:10px 18px;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip:focus{transform:none}h1,h2,h3{letter-spacing:-.045em;font-weight:400;line-height:1.08}h1{font-size:clamp(42px,6.2vw,94px)}h2{font-size:clamp(32px,4.1vw,62px)}h3{font-size:24px}p{max-width:68ch}.eyebrow{font:12px/1.5 var(--mono);letter-spacing:.045em;text-transform:uppercase}.muted{color:var(--muted)}.frame{max-width:var(--max);padding-inline:var(--space);margin-inline:auto}.text-link{align-items:center;gap:2em;min-height:44px;display:inline-flex}.text-link:after{content:"↗"}.media img{width:100%}.media.drawing img{object-fit:contain}.media figcaption{font-size:14px}.media figcaption span{float:right}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}}@layer components;:is(.site-black,.scroll-home){--photo-glass-bg:linear-gradient(120deg,#1414141f,#00000014);--photo-glass-border:#fff3;--photo-glass-shadow:0 5px 16px #0002,inset 0 1px #ffffff08;--photo-glass-filter:blur(.5px)}body.scroll-home .scroll-card-actions a{backdrop-filter:var(--photo-glass-filter)}body.site-black .gallery-dialog::backdrop,body.scroll-home .gallery-dialog::backdrop{backdrop-filter:none}body.site-black .image-opening-panel,body.scroll-home .scroll-hero-title,body.scroll-home .scroll-project-details,body.scroll-home .studio-slide-caption{background:var(--photo-glass-bg);border:1px solid var(--photo-glass-border);box-shadow:var(--photo-glass-shadow);backdrop-filter:var(--photo-glass-filter);color:#fff}body.site-black .image-opening-panel{width:fit-content;max-width:100%;padding:14px 16px;display:inline-block}body.site-black .image-opening-panel>h1{width:fit-content;max-width:min(19ch,100%)}body.site-black .image-opening-panel>p:not(.eyebrow){width:fit-content;max-width:min(48ch,100%)}body.scroll-home .scroll-hero-title{max-width:fit-content;padding:28px 32px}body.scroll-home .scroll-project-details{max-width:min(100%,960px);padding:24px 28px}body.scroll-home .scroll-hero-caption .scroll-project-details{max-width:360px}body.scroll-home .scroll-project-caption{bottom:32px;left:36px;right:36px}body.scroll-home .scroll-project-link:after{background:linear-gradient(#0003,#0000 30%,#0001 55%,#0007)}@media (width<=767px){body.site-black .image-opening-panel{padding:12px 14px}body.scroll-home .scroll-project-caption{bottom:20px;left:16px;right:16px}body.scroll-home .scroll-hero-title,body.scroll-home .scroll-project-details{padding:18px}body.scroll-home .scroll-hero-title h1{font-size:clamp(34px,9vw,64px)}body.scroll-home .scroll-hero-caption{gap:16px}}
