@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-ext-wght-normal.0x9ccydb91kkt.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-wght-normal.0fpdy-lufm69d.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:DM Serif Display;font-style:normal;font-display:swap;font-weight:400;src:url(../media/dm-serif-display-latin-400-normal.3w9mgxbw0q0s8.woff2)format("woff2"),url(../media/dm-serif-display-latin-400-normal.0lkllo23fyt1g.woff)format("woff")}
@font-face{font-family:DM Serif Display;font-style:italic;font-display:swap;font-weight:400;src:url(../media/dm-serif-display-latin-400-italic.3hwmm54jrg_42.woff2)format("woff2"),url(../media/dm-serif-display-latin-400-italic.32fqiko4qi-9k.woff)format("woff")}
:root{--paper:#f8f7f3;--ink:#292d26;--muted:#686c61;--line:#dedfd6;--accent:#b94a2a;--shotcut-bg:#eeeae2;--shotcut-border:#ded8cc;--perry-bg:#e9eee6;--perry-border:#d6dfd2;--font-sans:"DM Sans Variable", Arial, sans-serif;--font-serif:"DM Serif Display", Georgia, serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}body:before{content:"";pointer-events:none;opacity:.2;z-index:2;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='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%237a7566' opacity='.17' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:fixed;inset:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}::selection{background:#e5d4bc}:focus-visible,a:focus,button:focus{outline:3px solid var(--accent);outline-offset:6px}.page-shell{flex-direction:column;max-width:816px;min-height:100svh;margin:0 auto;padding:0 48px;display:flex}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;height:85px;display:flex}.site-wordmark{letter-spacing:-.45px;align-items:center;gap:12px;font-size:15px;font-weight:600;display:flex}.site-wordmark>svg{width:29px;height:29px;color:var(--accent)}.wordmark-period{color:var(--accent)}.share-control{flex-shrink:0;position:relative}.share-button{border:1px solid var(--line);color:#555a50;cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-width:125px;min-height:44px;padding:10px 14px;font-size:12px;font-weight:500;transition:background .18s,border-color .18s;display:flex}.share-button svg{width:15px;height:15px}.share-button:hover{background:#eeede6;border-color:#b3b6a9}.share-button:disabled{opacity:.6;cursor:wait}.share-error{z-index:3;background:var(--ink);width:220px;color:var(--paper);border-radius:6px;padding:12px;font-size:13px;line-height:1.5;position:absolute;top:48px;right:0}main{flex:1}.introduction{text-align:center;padding:35px 0 30px;position:relative}h1{font-family:var(--font-serif);letter-spacing:-2.1px;margin:18px 0 16px;font-size:clamp(58px,5vw,68px);font-weight:400;line-height:1.035}h1 em{color:var(--accent);font-weight:400}.intro-copy{max-width:365px;color:var(--muted);text-wrap:pretty;margin:0 auto;font-size:15px;line-height:1.65}.hero-flourish{color:#737c67;flex-direction:column;align-items:center;display:flex;position:absolute;top:59px;right:8px;transform:rotate(8deg)}.hero-flourish svg{width:72px;height:73px}.hero-flourish span{font-family:var(--font-serif);letter-spacing:-.3px;font-size:15px;font-style:italic}.section-label{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-label h2{letter-spacing:1.65px;color:#646a5f;margin:0;font-size:10px;font-weight:500}.project-list{gap:14px;display:grid}.project-card{border:1px solid;border-radius:11px;padding:18px 24px 20px;text-decoration:none;transition:border-color .2s,background .2s,transform .2s;display:block;position:relative}.shotcut{background:var(--shotcut-bg);border-color:var(--shotcut-border);--card-accent:#85552f}.perry{background:var(--perry-bg);border-color:var(--perry-border);--card-accent:#4e6b4c}.project-card:hover{border-color:var(--card-accent);transform:translateY(-2px)}.project-card:active{border-color:var(--card-accent)}.shotcut:hover{background:#e9e3d8}.perry:hover{background:#e0e8dc}.project-topline{align-items:center;gap:12px;display:flex}.project-number{color:#62685b;font-variant-numeric:tabular-nums;font-size:10px}.project-category{color:var(--card-accent);letter-spacing:1.4px;font-size:9px;font-weight:600}.project-arrow{width:21px;height:21px;color:var(--ink);margin-left:auto;transition:transform .2s}.project-card:hover .project-arrow{transform:translate(2px,-2px)}.project-body{align-items:flex-start;gap:20px;margin-top:13px;display:flex}.logo-tile{flex-shrink:0;padding-top:3px}.logo-tile img{border-radius:14px;width:58px;height:58px;display:block}.project-copy{flex:1;min-width:0}.project-copy h3{letter-spacing:-.85px;justify-content:space-between;align-items:center;gap:14px;margin:0 0 6px;font-size:24px;font-weight:600;line-height:1.2;display:flex}.project-domain{color:#606759;letter-spacing:0;white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:400;display:flex}.project-domain svg{width:10px;height:10px}.project-copy p{color:#62665c;text-wrap:pretty;max-width:440px;margin:0;font-size:13px;line-height:1.7}.project-open{display:none}.collection-note{font-family:var(--font-serif);color:#686e5f;justify-content:center;align-items:center;gap:16px;margin:22px 0 27px;font-size:14px;font-style:italic;display:flex}.note-line{background:var(--line);width:30px;height:1px}.site-footer{border-top:1px solid var(--line);color:#686e60;justify-content:space-between;align-items:center;gap:12px;min-height:64px;font-size:11px;display:flex}.site-footer span:first-child{align-items:center;gap:6px;display:flex}.site-footer svg{width:12px;height:12px;color:var(--accent)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--ink);color:var(--paper);z-index:5;border-radius:4px;padding:12px 18px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}@media (min-width:1500px) and (min-height:950px){.page-shell{padding-top:22px}.introduction{padding-top:60px;padding-bottom:45px}.project-card{padding-top:24px;padding-bottom:27px}}@media (max-width:700px){.page-shell{max-width:620px;padding:0 26px}.site-header{height:80px}.introduction{padding:28px 0 26px}h1{font-size:64px}.intro-copy{max-width:340px;font-size:16px;line-height:1.55}.hero-flourish{flex-direction:row-reverse;justify-content:center;gap:8px;margin-top:12px;position:static;transform:none}.hero-flourish svg{width:50px;height:47px;transform:rotate(5deg)}.hero-flourish span{font-size:16px;transform:rotate(-4deg)}.project-card{padding:19px 20px 20px}.project-body{grid-template-columns:52px minmax(0,1fr);gap:14px;margin-top:14px;display:grid}.logo-tile{grid-area:1/1;padding-top:0}.logo-tile img{border-radius:13px;width:52px;height:52px}.project-copy{display:contents}.project-copy h3{grid-area:1/2;align-self:center;margin:0;font-size:25px}.project-copy p{grid-column:1/-1;max-width:none;font-size:16px;line-height:1.6}.project-domain{font-size:11px}.project-category{letter-spacing:1.1px;font-size:9px}.project-open{color:var(--card-accent);align-items:center;gap:6px;margin:14px 0 0;font-size:13px;font-weight:500;display:flex}.project-open svg{width:13px;height:13px}.project-card:hover{transform:none}.shotcut:active{background:#e4ddcf}.perry:active{background:#dce5d7}}@media (max-width:480px){.page-shell{padding:0 20px;padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right))}.site-header{gap:12px;height:72px}.site-wordmark{gap:8px;font-size:13px}.site-wordmark>svg{width:23px;height:23px}.share-button{min-width:44px;min-height:44px;padding:10px}.share-button>span{display:none}.share-button svg{width:18px;height:18px}.introduction{padding:24px 0}h1{letter-spacing:-1.5px;margin:12px 0 14px;font-size:clamp(48px,14.7vw,60px)}.intro-copy{max-width:320px}.hero-flourish{margin-top:10px}.project-card{border-radius:13px;padding:17px 18px 20px}.project-copy h3{display:block}.project-domain{display:none}.collection-note{gap:10px;margin:24px 0 28px;font-size:14px}.note-line{width:14px}.site-footer{min-height:78px;padding-bottom:env(safe-area-inset-bottom);font-size:11px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.project-card:hover,.project-card:hover .project-arrow{transform:none}}