@import url("/ui-theme.css");
:root{color-scheme:dark;--blue:#3157ff;--ink:#f3f2ed;--muted:#a3a8b4;--line:#303239}*{box-sizing:border-box}body{margin:0;background:#08090b;color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#9bafff}a:focus-visible,video:focus-visible{outline:2px solid #9bafff;outline-offset:5px}main,.catalog-header,.catalog-footer{width:min(1320px,calc(100% - 80px));margin:auto}.catalog-header{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid var(--line);gap:22px}.brand{font-size:25px;font-weight:800;letter-spacing:-1px}.brand span{color:var(--blue);margin-left:6px}.catalog-header nav{display:flex;align-items:center;gap:30px;font-size:14px}.header-account{border:1px solid var(--line);padding:12px 20px;border-radius:30px}.breadcrumbs{display:flex;gap:12px;padding:26px 0;color:var(--muted);font-size:12px;flex-wrap:wrap}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--muted)}.catalog-intro{max-width:880px;padding:32px 0 42px}h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:.98;letter-spacing:-2px;font-size:clamp(45px,6vw,86px);margin:20px 0 26px}.catalog-intro>p:last-child{max-width:640px;font-size:16px;line-height:1.8;color:var(--muted)}.catalog-tabs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding:22px 0 32px}.catalog-tabs a{font-size:14px;border:1px solid var(--line);border-radius:28px;padding:12px 22px}.catalog-tabs a[aria-current]{background:var(--blue);border-color:var(--blue);color:white}.catalog-tabs .catalog-interactive{border:0;margin-left:auto;padding-right:0;color:var(--muted)}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}.catalog-image{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:18px;border:1px solid var(--line);background:#111319}.catalog-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.catalog-card a:hover img{transform:scale(1.025)}.catalog-image>span{position:absolute;left:16px;top:16px;background:#090b12d9;border:1px solid #ffffff40;border-radius:30px;padding:7px 12px;font-size:11px;letter-spacing:1px}.catalog-caption{display:flex;align-items:center;justify-content:space-between;margin-top:17px;gap:12px}.catalog-caption h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:31px;font-weight:500;margin:0}.catalog-caption>span{color:var(--muted);font-size:22px}.catalog-card p{font-size:13px;line-height:1.7;color:var(--muted);margin:9px 0 0}.catalog-explainer{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:90px;padding:50px 0;border-top:1px solid var(--line)}h2{font-size:24px;font-weight:500}.catalog-explainer p,.work-how p{font-size:14px;line-height:1.85;color:var(--muted)}.text-link{display:inline-block;font-size:13px;margin-top:16px;border-bottom:1px solid var(--line);padding-bottom:6px}.catalog-footer{padding:45px 0;margin-top:45px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.catalog-footer nav{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.catalog-footer>p:last-child{font-size:12px;color:var(--muted)}.work-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;padding:25px 0 55px;align-items:start}.work-media{background:#101216;border:1px solid var(--line);border-radius:20px;overflow:hidden;aspect-ratio:4/5}.work-media img,.work-media video{width:100%;height:100%;object-fit:contain;display:block}.work-description{padding-top:14px}.work-description h1{font-size:clamp(45px,5vw,75px);overflow-wrap:anywhere}.work-intro{font-size:17px;line-height:1.8;color:#c4c8d1}.work-description dl{margin:28px 0}.work-description dl div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.work-description dt{color:var(--muted)}.work-description dd{margin:0;text-align:right}.access-note{font-size:12px;line-height:1.8;color:var(--muted)}.primary-action{background:var(--blue);display:flex;justify-content:space-between;padding:18px 24px;border-radius:10px;margin:24px 0 6px;font-weight:600;font-size:14px}.primary-action:hover{background:#4267ff;color:white}.work-how{border-top:1px solid var(--line);padding:32px 0 45px}.work-how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding-left:20px;margin-top:30px}.work-how strong{font-size:15px}.related{padding-top:25px}.related>h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:42px;margin:14px 0 30px}.skip-link{position:fixed;top:10px;left:10px;padding:12px;background:var(--blue);z-index:10;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}@media(max-width:900px){main,.catalog-header,.catalog-footer{width:calc(100% - 40px)}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-layout{gap:30px}.catalog-explainer{gap:35px}}@media(max-width:600px){.catalog-header{padding:20px 0;gap:12px;flex-wrap:wrap}.brand{font-size:22px}.catalog-header nav{gap:16px;font-size:12px}.header-account{padding:9px 13px}.catalog-intro{padding:12px 0 22px}.catalog-intro>p:last-child{font-size:14px}.catalog-tabs a{padding:10px 17px;font-size:12px}.catalog-tabs .catalog-interactive{margin-left:0;width:100%;padding-left:0}.catalog-grid{gap:27px 14px}.catalog-caption h2{font-size:25px}.catalog-card p{font-size:12px}.catalog-image{border-radius:12px}.catalog-image>span{left:10px;top:10px;padding:6px 9px;font-size:10px}.catalog-explainer{grid-template-columns:1fr;margin-top:50px;gap:10px;padding-top:25px}.work-layout{grid-template-columns:1fr;padding-top:8px;gap:20px}.work-description{padding-top:0}.work-description h1{margin-top:15px}.work-how ol{grid-template-columns:1fr;gap:15px}.catalog-footer{margin-top:24px;align-items:flex-start;gap:14px}.catalog-footer nav{gap:13px}.catalog-footer .brand{margin:0}.related>h2{font-size:35px}}@media(prefers-reduced-motion:reduce){.catalog-image img{transition:none}}

/* Keep public documents aligned with the app design system. */
.catalog-header a,.catalog-footer a{display:inline-flex;align-items:center;min-height:44px}.brand,h1,.catalog-caption h2{letter-spacing:0}.catalog-header{min-height:96px}.catalog-card p{color:#a9adb8}.catalog-header nav{flex-wrap:wrap}.catalog-tabs .catalog-interactive{min-height:44px}