:root{--paper:#f6f5ef;--ink:#252620;--line:#cdcec3;--accent:#d5ee65}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #657c00;outline-offset:6px}img{display:block;width:100%;height:auto}header,main,footer{max-width:1560px;margin:auto;padding-left:4.5%;padding-right:4.5%}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.monogram{font-size:34px;letter-spacing:-3px;font-weight:800}.monogram span{font-size:12px;vertical-align:top;letter-spacing:0;padding-left:6px}.header nav{display:flex;gap:38px}.header nav span{font-size:12px;margin-left:5px}.header-note,.eyebrow{font:12px/1.5 'Courier New',monospace;letter-spacing:1px}.hero{padding:30px 0 64px}.hero-top{display:flex;justify-content:space-between;font:12px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.5px}.hero h1{font-size:clamp(76px,13.7vw,205px);line-height:1.1;letter-spacing:-.06em;font-weight:500;margin:15px 0 27px}.period{color:#8caa27}.hero-bottom{display:flex;justify-content:space-between;align-items:start}.hero-bottom p{margin:0;font-size:24px;line-height:1.3;letter-spacing:-.5px}.hero-bottom .intro{font-size:16px;line-height:1.6;letter-spacing:0;max-width:350px}.section-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ink);padding:23px 0}.section-heading h2{font-size:17px;font-weight:400;margin:0}.section-heading>span{font:13px 'Courier New',monospace}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-open{border:0;padding:0;background:transparent;text-align:left;width:100%;cursor:pointer}.project-image{aspect-ratio:1/1.04;position:relative;overflow:hidden;isolation:isolate;background:#e8eadf}.project-image img{height:100%;object-fit:cover;transition:transform .4s}.chloi{background:#e8ebd9}.chloi img{object-fit:contain;padding:28px 10px;mix-blend-mode:multiply}.techmaze{background:#121710}.techmaze img{object-position:center 49%}.catlog{background:#e7e1d6}.catlog img{object-fit:contain;padding:14px}.image-label{position:absolute;top:14px;left:14px;background:var(--paper);padding:5px 10px;font-size:12px}.view-label{position:absolute;bottom:16px;right:16px;background:var(--accent);padding:9px 14px;border-radius:22px;font-size:13px;opacity:0;transform:translateY(5px);transition:.2s}.project-open:hover img{transform:scale(1.035)}.project-open:hover .view-label,.project-open:focus-visible .view-label{opacity:1;transform:none}.project-title{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.project-title h3{font-size:28px;letter-spacing:-.8px;line-height:1.2;margin:0;font-weight:500}.project-title span{font:12px 'Courier New',monospace}.project-open>p{font-size:13px;margin:8px 0;color:#56584e}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid var(--line);margin-top:90px;padding:52px 0 76px}.about h2{font-size:clamp(28px,3.2vw,48px);letter-spacing:-1.5px;line-height:1.15;font-weight:400;margin:22px 0}.about-copy{max-width:510px}.about-copy>p{font-size:18px;margin:0 0 18px;line-height:1.65}.disciplines{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.disciplines span{font-size:12px;border:1px solid #c2c4b7;border-radius:40px;padding:6px 11px}footer{border-top:1px solid var(--line);padding-top:25px;padding-bottom:30px;display:flex;justify-content:space-between;font-size:13px}footer>a:first-child{font-size:18px}dialog{border:0;padding:0;background:var(--paper);color:var(--ink);max-width:1100px;width:94vw;max-height:92dvh;overflow:auto}dialog::backdrop{background:#191c19bb;backdrop-filter:blur(5px)}.dialog-bar{position:sticky;top:0;z-index:5;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:15px 28px}.dialog-bar>span{font:12px 'Courier New',monospace}.dialog-bar button{background:transparent;border:0;cursor:pointer;padding:8px}.dialog-bar button span{font-size:25px;padding-left:12px}#project-content{padding:34px}.detail-heading{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;margin-bottom:26px}.detail-heading h2{font-size:56px;letter-spacing:-2px;margin:0;font-weight:500;line-height:1.1}.detail-heading p{margin:0 0 16px;max-width:550px}.detail-heading .eyebrow{margin:13px 0}.project-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.project-actions a{background:var(--ink);color:var(--paper);padding:11px 17px;font-size:14px}.gallery{display:grid;gap:22px}.gallery img{max-height:900px;object-fit:contain;background:#eae8df}.credit{font-size:13px;margin-top:22px;color:#55594c}.skip{position:absolute;top:-60px;left:20px;padding:10px;background:var(--accent);z-index:20}.skip:focus{top:10px}body.modal-open{overflow:hidden}@media(max-width:900px){.header-note{display:none}.hero h1{font-size:14vw}.hero-bottom p{font-size:22px}.projects{gap:16px}.project-image{aspect-ratio:3/4}.image-label{font-size:10px;padding:4px 7px;top:9px;left:9px}.project-title h3{font-size:24px}.project-open>p{font-size:12px}.about{gap:5%}.about-copy>p{font-size:16px}}@media(max-width:620px){header,main,footer{padding-left:6%;padding-right:6%}.header{height:78px}.header nav{gap:24px}.hero{padding:25px 0 40px}.hero-top{font-size:10px}.hero h1{font-size:15.1vw;letter-spacing:-.065em;margin:28px 0}.hero-bottom{display:block}.hero-bottom .intro{margin-top:20px;font-size:15px}.hero-bottom p{font-size:23px}.projects{grid-template-columns:1fr;gap:32px}.project-image{aspect-ratio:1.1}.image-label{font-size:12px;padding:5px 9px;top:14px;left:14px}.view-label{opacity:1;transform:none}.project-title h3{font-size:29px}.project-open>p{font-size:14px}.about{grid-template-columns:1fr;margin-top:55px;padding:33px 0 45px;gap:20px}.about h2{font-size:33px}.about-copy>p{font-size:17px}footer{gap:15px;flex-wrap:wrap}footer span{display:none}.detail-heading{grid-template-columns:1fr}.detail-heading h2{font-size:42px}#project-content{padding:22px}.dialog-bar{padding:10px 15px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}