.hat-page,.hat-detail{--hat-ink:#231d17;--hat-paper:#eee4ce;--hat-line:#9e927b;--hat-red:#b64f34;--hat-gold:#c89e3d;background:var(--hat-paper);color:var(--hat-ink)}.hat-hero{color:#f3ead8;border-bottom:8px solid var(--hat-gold);background:#221c17;grid-template-columns:minmax(0,1.25fr) minmax(280px,.55fr);gap:8vw;min-height:720px;padding:9vw 5.5vw 7vw;display:grid;position:relative;overflow:hidden}.hat-hero-copy,.hat-hero aside{z-index:2;position:relative}.hat-hero-copy>span,.hat-library header span,.hat-access-principle>span,.hat-membership-callout>span,.hat-detail article>small,.hat-transcription header span,.hat-artist-note>span{letter-spacing:.18em;color:#d26746;font:700 11px/1.2 Arial,sans-serif}.hat-hero h1{letter-spacing:-.065em;margin:45px 0 42px;font:400 clamp(88px,10vw,178px)/.74 Georgia,serif}.hat-hero h1 em,.hat-access-principle h2 em,.hat-membership-callout h2 em{color:#d26746;font-weight:400}.hat-hero-copy>p{color:#c9bdab;max-width:800px;font:400 clamp(19px,1.35vw,27px)/1.48 Georgia,serif}.hat-hero-copy>div{gap:12px;margin-top:46px;display:flex}.hat-hero-copy>div a,.hat-locked a,.hat-membership-callout>a{color:#f3ead8;text-transform:uppercase;letter-spacing:.08em;border:1px solid #665a4b;padding:18px 22px;font:700 10px/1 Arial,sans-serif}.hat-hero-copy>div a:first-child,.hat-locked a:first-of-type,.hat-membership-callout>a{background:#bb593a;border-color:#bb593a}.hat-hero aside{border-top:5px solid var(--hat-gold);background:#1b1713;align-self:center;padding:30px 36px}.hat-hero aside>div{border-bottom:1px solid #554a3d;align-items:baseline;gap:20px;padding:23px 0;display:flex}.hat-hero aside strong{color:#d3ad50;font:400 55px/1 Georgia,serif}.hat-hero aside span{color:#c9bdab;text-transform:uppercase;letter-spacing:.1em;font:700 11px/1.2 Arial,sans-serif}.hat-hero aside p{color:#afa38f;margin:28px 0 5px;line-height:1.6}.hat-hero-mark{color:#312921;opacity:.72;z-index:1;font:400 38vw/1 serif;position:absolute;bottom:-17vw;right:-2vw}.hat-access-principle{border-bottom:1px solid #b9ae98;grid-template-columns:.65fr 1fr 1.1fr;gap:5vw;padding:100px 5.5vw;display:grid}.hat-access-principle h2{letter-spacing:-.05em;margin:0;font:400 clamp(48px,5vw,86px)/.92 Georgia,serif}.hat-access-principle>div{color:#665d50;grid-template-columns:1fr 1fr;gap:28px;font:400 18px/1.65 Georgia,serif;display:grid}.hat-library{padding:95px 4vw 120px}.hat-library>header{border-bottom:1px solid #a99d86;justify-content:space-between;align-items:end;padding:0 1.5vw 34px;display:flex}.hat-library h2{letter-spacing:-.05em;margin:12px 0 0;font:400 clamp(46px,5vw,82px)/1 Georgia,serif}.hat-library>header>strong{color:var(--hat-red);font:400 60px/1 Georgia,serif}.hat-library>header>strong small{letter-spacing:.1em;font:700 11px Arial,sans-serif}.hat-controls{border:1px solid #a99d86;border-top:0;grid-template-columns:1.5fr 1fr .65fr;margin:0 1.5vw 48px;display:grid}.hat-controls label{border-right:1px solid #a99d86;align-items:center;gap:20px;padding:18px 22px;display:flex}.hat-controls label:last-child{border-right:0}.hat-controls span{letter-spacing:.16em;color:#8a4a38;font:700 9px Arial,sans-serif}.hat-controls input,.hat-controls select{color:var(--hat-ink);background:0 0;border:0;outline:0;width:100%;font:400 18px Georgia,serif}.hat-grid{border-top:1px solid #aa9e87;border-left:1px solid #aa9e87;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 1.5vw;display:grid}.hat-card{min-width:0;color:inherit;background:#f2ead9;border-bottom:1px solid #aa9e87;border-right:1px solid #aa9e87;flex-direction:column;transition:background .2s;display:flex}.hat-card:hover{background:#e6dac2}.hat-card figure{background:#17130f;justify-content:center;align-items:center;height:360px;margin:0;display:flex;position:relative;overflow:hidden}.hat-card img{object-fit:contain;width:100%;height:100%;display:block}.hat-card figure>span{color:#f1e6cf;letter-spacing:.13em;background:#1b1713d1;padding:8px 10px;font:700 8px Arial,sans-serif;position:absolute;bottom:14px;left:14px}.hat-card>div{flex-direction:column;min-height:225px;padding:27px 28px 25px;display:flex}.hat-card small{color:#ad4e35;letter-spacing:.12em;text-transform:uppercase;font:700 9px/1.4 Arial,sans-serif}.hat-card h3{letter-spacing:-.025em;margin:18px 0 12px;font:400 31px/1.08 Georgia,serif}.hat-card p{color:#6d6356;margin:0;font:400 17px Georgia,serif}.hat-card footer{color:#776d60;letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;margin-top:auto;padding-top:24px;font:700 9px Arial,sans-serif;display:flex}.hat-card footer b{color:#155442}.hat-more{color:var(--hat-ink);letter-spacing:.12em;background:0 0;border:1px solid #7f7462;margin:45px auto 0;padding:18px 28px;font:700 10px Arial,sans-serif;display:block}.hat-empty{text-align:center;padding:80px}.hat-membership-callout{color:#f1e7d3;border-top:7px solid var(--hat-gold);background:#1e1914;grid-template-columns:.55fr 1.15fr 1fr auto;align-items:start;gap:4vw;padding:100px 8vw;display:grid}.hat-membership-callout h2{letter-spacing:-.05em;margin:0;font:400 clamp(46px,5vw,84px)/.92 Georgia,serif}.hat-membership-callout ul{color:#c8bcaa;margin:0;padding:0;list-style:none}.hat-membership-callout li{border-bottom:1px solid #52483d;padding:15px 0;font:400 17px Georgia,serif}.hat-membership-callout>a{white-space:nowrap;align-self:center}.hat-detail-head{text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid #a99d86;justify-content:space-between;align-items:center;height:76px;padding:0 4vw;font:700 9px Arial,sans-serif;display:flex}.hat-detail-head a{color:#155442}.hat-detail-stage{color:#f1e7d3;background:#201a15;grid-template-columns:minmax(0,1.4fr) minmax(390px,.6fr);min-height:740px;display:grid}.hat-preview-frame{background:#17130f;justify-content:center;align-items:center;padding:4vw;display:flex;position:relative;overflow:hidden}.hat-preview-frame img{object-fit:contain;width:100%;height:100%;max-height:680px;display:block}.hat-preview-frame>span{color:#b9ad99;letter-spacing:.13em;text-transform:uppercase;background:#2a211a;padding:10px 13px;font:700 9px Arial,sans-serif;position:absolute;bottom:3vw;left:5vw}.hat-detail-stage>article{border-left:1px solid #4d4338;padding:6vw 4.5vw}.hat-detail-stage h1{letter-spacing:-.05em;margin:30px 0 18px;font:400 clamp(48px,5vw,92px)/.94 Georgia,serif}.hat-detail-stage article>a{color:#d1aa4f;font:400 23px Georgia,serif}.hat-detail dl{margin:45px 0 0}.hat-detail dl div{border-top:1px solid #51473c;grid-template-columns:100px 1fr;gap:18px;padding:15px 0;display:grid}.hat-detail dt{letter-spacing:.12em;text-transform:uppercase;color:#9f927f;font:700 9px Arial,sans-serif}.hat-detail dd{margin:0;font:400 16px/1.45 Georgia,serif}.hat-locked p{color:#bcb09e;line-height:1.55}.hat-protected-stage{color:#f1e7d3;background:#201a15;border-top:1px solid #51473c;padding:70px 4vw 90px}.hat-protected-stage>header{grid-template-columns:minmax(250px,.65fr) minmax(360px,1.2fr) minmax(280px,.75fr);align-items:end;gap:4vw;max-width:1720px;margin:0 auto;display:grid}.hat-protected-stage>header>span{color:#d26746;letter-spacing:.18em;align-self:start;font:700 10px/1.2 Arial,sans-serif}.hat-protected-stage>header h2{letter-spacing:-.045em;margin:0;font:400 clamp(42px,4.3vw,76px)/.94 Georgia,serif}.hat-protected-stage>header h2 em{color:#d26746;font-weight:400}.hat-protected-stage>header p{color:#bdb19f;border-top:1px solid #5a4f43;margin:0;padding-top:22px;font:400 17px/1.55 Georgia,serif}.hat-protected-stage>.hat-locked{max-width:1720px;margin:42px auto 0}.hat-locked{background:#17130f;border-top:5px solid #bd8f30;margin-top:42px;padding:28px}.hat-locked>span{color:#d1aa4f;letter-spacing:.15em;font:700 9px Arial,sans-serif}.hat-locked h2{margin:18px 0;font:400 31px/1.1 Georgia,serif}.hat-locked p{color:#bcb09e;max-width:760px;line-height:1.55}.hat-locked a{margin:12px 8px 0 0;display:inline-block}.hat-locked a:last-child{background:0 0}.hat-transcription,.hat-artist-note{border-bottom:1px solid #aa9e87;grid-template-columns:.6fr 1.4fr;gap:8vw;padding:100px max(6vw,50vw - 700px);display:grid}.hat-transcription h2,.hat-artist-note h2{letter-spacing:-.04em;margin:18px 0;font:400 clamp(42px,4vw,70px)/1 Georgia,serif}.hat-transcription>div p{border-bottom:1px solid #b7ab95;margin:0 0 26px;padding:0 0 26px;font:400 21px/1.65 Georgia,serif}.hat-transcription>div p[dir=rtl]{font-size:31px;line-height:1.9}.hat-artist-note p{color:#5f574c;max-width:1000px;font:400 20px/1.7 Georgia,serif}.hat-artist-note a{color:#155442;text-transform:uppercase;letter-spacing:.1em;font:700 10px Arial,sans-serif}.hat-secure-viewer{color:#eadfce;background:#17130f;border-top:5px solid #c49d43;max-width:1720px;margin:44px auto 0;padding:28px}.hat-secure-viewer header{justify-content:space-between;align-items:center;gap:36px;display:flex}.hat-secure-viewer header>div{align-items:baseline;gap:18px;display:flex}.hat-secure-viewer header span{color:#d16d4b;letter-spacing:.14em;font:700 9px Arial,sans-serif;display:block}.hat-secure-viewer header b{font:400 17px Georgia,serif}.hat-secure-viewer label{color:#bcae9a;letter-spacing:.12em;grid-template-columns:auto minmax(150px,1fr);align-items:center;gap:16px;min-width:250px;font:700 9px Arial,sans-serif;display:grid}.hat-secure-viewer input[type=range]{accent-color:#c89e3d;width:100%}.hat-tile-viewport{overscroll-behavior:contain;scrollbar-color:#79684f #17130f;scrollbar-width:thin;background:#0d0b09;width:100%;height:clamp(520px,68vh,900px);margin-top:24px;position:relative;overflow:auto}.hat-tile-canvas{align-items:start;margin-inline:auto;display:grid;position:relative}.hat-tile-canvas img{-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:auto;display:block}.hat-viewer-watermark{z-index:3;color:#ffffff8f;letter-spacing:.12em;pointer-events:none;background:#140f0a6b;width:max-content;height:0;padding:9px 15px;font:700 12px Arial,sans-serif;display:block;position:sticky;top:48%;left:50%;transform:translate(-50%,-50%)rotate(-14deg)}.hat-secure-viewer>p{color:#9e917e;margin:17px 0 0;font:400 11px/1.5 Arial,sans-serif}.hat-zoom-tools{align-items:center!important;gap:6px!important;display:flex!important}.hat-zoom-tools button,.hat-viewer-retry{color:#eadfce;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:#241e19;border:1px solid #655a4c;min-height:42px;padding:0 13px;font:700 9px/1 Arial,sans-serif}.hat-zoom-tools button:disabled{opacity:.35;cursor:not-allowed}.hat-viewer-retry{background:#a94b31;border-color:#a94b31;margin-top:18px}.hat-tile-viewport{touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.hat-tile-viewport:-webkit-full-screen{background:#0d0b09;height:100dvh;margin:0}.hat-tile-viewport:fullscreen{background:#0d0b09;height:100dvh;margin:0}.hat-tile-viewport:-webkit-full-screen .hat-tile-canvas{margin:auto}.hat-tile-viewport:fullscreen .hat-tile-canvas{margin:auto}@media (max-width:1000px){.hat-hero{grid-template-columns:1fr;padding-top:130px}.hat-hero aside{max-width:620px}.hat-access-principle{grid-template-columns:1fr}.hat-access-principle>div{max-width:780px}.hat-grid{grid-template-columns:repeat(2,1fr)}.hat-membership-callout{grid-template-columns:1fr 1fr}.hat-detail-stage{grid-template-columns:1fr}.hat-detail-stage>article{border-left:0}.hat-protected-stage>header{grid-template-columns:1fr 1.4fr}.hat-protected-stage>header p{grid-column:2}.hat-transcription,.hat-artist-note{grid-template-columns:1fr}}@media (max-width:650px){.hat-hero{min-height:auto;padding:56px 20px 48px}.hat-hero h1{font-size:58px}.hat-hero-copy>div{flex-wrap:wrap}.hat-hero-copy>div a{align-items:center;min-height:48px;display:flex}.hat-hero aside{padding:22px}.hat-access-principle{padding:52px 20px}.hat-access-principle>div{grid-template-columns:1fr}.hat-library{padding:48px 10px 80px}.hat-library>header{align-items:start;padding-bottom:22px}.hat-library h2{font-size:43px}.hat-library>header>strong{font-size:38px}.hat-controls{z-index:65;top:var(--mobile-chrome);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#eee4cef7;grid-template-columns:1fr;margin:0 0 18px;position:sticky}.hat-controls label{border-bottom:1px solid #a99d86;border-right:0;min-height:52px;padding:10px 14px}.hat-controls span{min-width:55px}.hat-controls input,.hat-controls select{font-size:16px}.hat-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.hat-card figure{height:160px}.hat-card figure>span{padding:6px;font-size:7px;bottom:8px;left:8px}.hat-card>div{min-height:180px;padding:16px 13px}.hat-card h3{margin:12px 0 8px;font-size:21px}.hat-card p{font-size:14px}.hat-card footer{flex-direction:column;gap:8px;padding-top:13px}.hat-more{min-height:48px;margin-top:28px}.hat-membership-callout{grid-template-columns:1fr;padding:52px 20px}.hat-membership-callout>a{justify-content:center;align-items:center;min-height:48px;display:flex}.hat-detail-head{height:48px;padding:0 14px}.hat-detail-head span{display:none}.hat-detail-stage{display:block}.hat-preview-frame{min-height:340px;padding:18px}.hat-detail-stage>article{padding:40px 20px}.hat-detail-stage h1{font-size:48px}.hat-protected-stage{padding:48px 12px 70px}.hat-protected-stage>header{grid-template-columns:1fr;gap:18px}.hat-protected-stage>header p{grid-column:auto}.hat-secure-viewer{margin-top:24px;padding:12px}.hat-secure-viewer header{flex-direction:column;align-items:stretch;gap:12px}.hat-secure-viewer header>div{justify-content:space-between;gap:7px;display:flex}.hat-zoom-tools{grid-template-columns:48px 1fr 48px 1.25fr;gap:7px!important;display:grid!important}.hat-zoom-tools button{min-height:48px;padding:0 8px;font-size:9px}.hat-secure-viewer label{grid-template-columns:64px 1fr;width:100%;min-width:0}.hat-secure-viewer input[type=range]{height:44px}.hat-tile-viewport{height:min(56dvh,520px);margin-top:12px}.hat-viewer-watermark{letter-spacing:.06em;font-size:8px;left:42%}.hat-secure-viewer>p{font-size:12px}.hat-transcription,.hat-artist-note{padding:52px 20px}.hat-transcription>div p,.hat-artist-note p{font-size:18px}}.hat-artwork-viewer{background:#17130f;flex-direction:column;min-width:0;display:flex}.hat-artwork-viewer .hat-preview-frame{flex:1;min-height:570px;margin:0}.hat-preview-access{color:#eadfce;background:#1b1713;border-top:5px solid #c49d43;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;padding:26px 32px 30px;display:grid}.hat-preview-access span,.hat-preview-status span{color:#d1aa4f;letter-spacing:.15em;font:700 9px/1.2 Arial,sans-serif;display:block}.hat-preview-access h2,.hat-preview-status h2{margin:10px 0 7px;font:400 28px/1.08 Georgia,serif}.hat-preview-access p,.hat-preview-status p{color:#bcb09e;max-width:680px;margin:0;font:400 14px/1.5 Georgia,serif}.hat-preview-access>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.hat-preview-access a{color:#f3ead8;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border:1px solid #665a4b;padding:15px 17px;font:700 9px/1 Arial,sans-serif;display:inline-block}.hat-preview-access a:first-child{background:#bb593a;border-color:#bb593a}.hat-preview-status{color:#eadfce;background:#1b1713;border-top:5px solid #c49d43;padding:24px 32px 28px}.hat-preview-status>p:only-child{font-size:17px}.hat-detail-stage>.hat-secure-viewer{border-top:5px solid #c49d43;border-right:1px solid #4d4338;align-self:stretch;width:auto;min-width:0;max-width:none;margin:0;padding:24px}.hat-detail-stage>.hat-secure-viewer .hat-tile-viewport{height:clamp(560px,72vh,840px)}@media (max-width:1000px){.hat-detail-stage>.hat-secure-viewer{border-bottom:1px solid #4d4338;border-right:0}.hat-artwork-viewer .hat-preview-frame{min-height:560px}}@media (max-width:650px){.hat-artwork-viewer .hat-preview-frame{min-height:390px;padding:18px}.hat-preview-access{grid-template-columns:1fr;gap:20px;padding:22px 20px 24px}.hat-preview-access>div:last-child{justify-content:flex-start}.hat-preview-access a{white-space:normal}.hat-preview-status{padding:22px 20px 24px}.hat-detail-stage>.hat-secure-viewer{margin:0;padding:14px}.hat-detail-stage>.hat-secure-viewer .hat-tile-viewport{height:min(62vh,560px)}}.hat-preview-mosaic{grid-template-columns:repeat(var(--hat-preview-columns),minmax(0,1fr));grid-template-rows:repeat(var(--hat-preview-rows),minmax(0,1fr));width:100%;max-width:100%;height:auto;max-height:100%;aspect-ratio:var(--hat-preview-ratio);-webkit-user-select:none;user-select:none;background:#17130f;margin:auto;line-height:0;display:grid;overflow:hidden}.hat-preview-mosaic img,.hat-card .hat-preview-mosaic img,.hat-preview-frame .hat-preview-mosaic img{object-fit:fill;-webkit-user-select:none;user-select:none;width:100%;min-width:0;max-width:none;height:100%;max-height:none;display:block}.hat-preview-mosaic,.hat-tile-canvas{gap:0}.hat-preview-mosaic img,.hat-card .hat-preview-mosaic img,.hat-preview-frame .hat-preview-mosaic img,.hat-tile-canvas img{object-fit:fill;border:0;width:100%;min-width:0;max-width:none;height:100%;min-height:0;max-height:none;display:block}.hat-tile-canvas{place-items:stretch stretch}.hat-card figure>.hat-preview-mosaic,.hat-preview-frame>.hat-preview-mosaic{color:inherit;font:inherit;letter-spacing:normal;text-transform:none;background:#17130f;padding:0;position:relative;inset:auto}