:root{color-scheme:dark;--bg:#141513;--ink:#eeeee5;--muted:#989b90;--line:#35372f;--accent:#dbebac}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}nav{padding:28px 4.5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:12px;font-weight:700;letter-spacing:2px}.brand span{color:var(--muted)}nav button{background:none;border:1px solid #515449;border-radius:30px;padding:10px 18px;font-size:12px}main{margin:0 4.5%}.intro{padding:72px 0 55px}.eyebrow{font-size:10px;letter-spacing:2px;display:flex;gap:10px;align-items:center;color:var(--muted)}.eyebrow>span{width:7px;height:7px;background:var(--accent);border-radius:50%}h1{font-size:clamp(60px,9.4vw,150px);letter-spacing:-.065em;line-height:1.04;font-weight:400;margin:32px 0 40px}h1 em{font-family:Georgia,serif;color:var(--accent);font-weight:400}h1>span{color:var(--accent)}.intro-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.intro-bottom p{margin:0;font-size:19px;line-height:1.5}.intro-bottom .description{font-size:13px;color:var(--muted);max-width:340px;line-height:1.7}.explore{font-size:12px;color:var(--accent);white-space:nowrap;border-bottom:1px solid #6b7558;padding-bottom:8px}.guide{border-top:1px solid var(--line);padding:19px 0;display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:1.7px}.work{padding:38px 0 72px;border-top:1px solid var(--line)}.work-heading{display:flex;align-items:flex-start;gap:22px;margin-bottom:27px}.number{font-size:12px;color:var(--accent);padding-top:5px}h2{font-size:26px;font-weight:400;letter-spacing:-.7px;margin:0 0 8px}.work-heading p{font-size:12px;color:var(--muted);margin:0}.detail{margin-left:auto;color:var(--muted);font-size:11px;padding-top:7px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}figure{margin:0;min-width:0}figcaption{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:12px;font-size:12px}figcaption small{font-size:10px;color:var(--muted)}figure:last-child figcaption>span{color:var(--accent)}.image-button{border:1px solid #2b2d27;background:#1c1e19;padding:12px;display:block;width:100%;height:clamp(340px,48vw,720px);overflow:hidden}.image-button img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .35s}.image-button:hover img{transform:scale(1.015)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}footer{border-top:1px solid var(--line);padding:28px 0 40px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:var(--muted)}footer a{color:var(--accent)}dialog{width:96vw;max-width:none;height:95vh;border:1px solid var(--line);background:#141513;padding:20px}dialog::backdrop{background:#000d}.modal-bar{display:flex;align-items:center;justify-content:space-between;height:35px;margin-bottom:12px;font-size:12px}.modal-bar button{border:0;background:none;padding:8px}dialog img{height:calc(100% - 52px);width:100%;object-fit:contain}@media(max-width:700px){nav{padding:20px 5%}.brand{font-size:10px;letter-spacing:1px}main{margin:0 5%}.intro{padding:46px 0 35px}.eyebrow{font-size:8px;letter-spacing:1.1px}h1{margin:28px 0;font-size:clamp(48px,11vw,78px)}.intro-bottom{flex-wrap:wrap;gap:24px}.intro-bottom p{font-size:16px}.intro-bottom .description{font-size:12px;max-width:100%}.detail{display:none}.work{padding:26px 0 40px}h2{font-size:22px}.work-heading{gap:14px}.pair{gap:9px}.image-button{padding:4px;height:clamp(260px,70vw,490px)}figcaption{align-items:flex-start;flex-direction:column;gap:6px}figcaption small{font-size:9px}footer{gap:15px;font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.simple-header{display:flex;align-items:center;justify-content:space-between;padding:28px 0}.simple-header h1{font-size:28px;letter-spacing:-1px;margin:0}.simple-header button{background:none;border:1px solid var(--line);border-radius:24px;padding:10px 16px;font-size:12px}.work{padding:24px 0 40px}figcaption{font-size:13px;margin-bottom:12px}@media(max-width:700px){.simple-header h1{font-size:24px}.work{padding:20px 0 28px}}