.hat-studio-entry{padding:40px 0;background:var(--v-canvas-soft,#f6f4ef)}
.hat-studio-entry-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px;align-items:center;overflow:hidden;padding:clamp(28px,4vw,56px);border-radius:var(--radius-sm,8px);background:#183c32;color:#fff}
.hat-studio-entry-copy{min-width:0}
.hat-studio-entry-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 19px;color:#cce0d7;font-size:.69rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.hat-studio-entry-beta{padding:4px 7px;border:1px solid #789d8d;border-radius:4px;color:#f1e3c2;font-size:.59rem;letter-spacing:.07em}
.hat-studio-entry h2{margin:0;color:#fff;font-family:var(--font-display,serif);font-size:clamp(2.4rem,4.8vw,4.2rem);font-weight:500;line-height:1.03;letter-spacing:-.025em}
.hat-studio-entry h2 em{color:#dacaab;font-weight:500}
.hat-studio-entry-description{max-width:480px;margin:20px 0 0;color:#d3dfd9;font-size:.88rem;line-height:1.7}
.hat-studio-entry-features{display:flex;flex-wrap:wrap;gap:10px 22px;margin:22px 0 25px;padding:0;list-style:none;color:#f5f7f4;font-size:.77rem;line-height:1.7}
.hat-studio-entry-features li+li{position:relative}
.hat-studio-entry-features li+li::before{position:absolute;top:.7em;left:-12px;width:3px;height:3px;border-radius:50%;background:#91ac9f;content:''}
.hat-studio-entry-features strong{font-weight:700}
.hat-studio-entry-cta{display:inline-flex;min-height:48px;align-items:center;justify-content:space-between;gap:30px;padding:14px 23px;border:1px solid #dacaab;border-radius:var(--radius-sm,8px);background:#dacaab;color:#17372e;font-size:.82rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s}
.hat-studio-entry-cta:hover{background:#ece1ca;color:#142c25}
.hat-studio-entry-cta span{font-size:1.15rem;line-height:1}
.hat-studio-entry-note{max-width:480px;margin:16px 0 0;color:#bdcfc4;font-size:.68rem;line-height:1.65}
.hat-studio-entry-note a{color:#e5ddc9;text-decoration:underline;text-underline-offset:3px}
.hat-studio-entry-visual{position:relative;display:block;justify-self:end;width:min(100%,440px);overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm,8px);background:#eee9e0;color:#183c32;text-decoration:none}
.hat-studio-entry-visual img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.hat-studio-entry-visual-label{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;background:#f8f5ed;font-size:.75rem;font-weight:700}
.hat-studio-entry-visual-label>span:last-child{font-size:1.15rem}
.hat-studio-entry-image-note{display:block;padding:0 18px 14px;background:#f8f5ed;color:#666a61;font-size:.61rem;line-height:1.4}
.hat-studio-entry a:focus-visible{outline:3px solid #f5d090;outline-offset:4px}
/* Shared navigation entry: loaded globally; the 3D renderer stays on the hat page. */
.site-nav>a.nav-hat-studio{height:40px;gap:7px;padding:0 11px;border:1px solid #183c32;border-radius:var(--radius-sm,8px);background:#183c32;color:#fff;font-weight:700}
.site-nav>a.nav-hat-studio::after{display:none}
.site-nav>a.nav-hat-studio:hover,.site-nav>a.nav-hat-studio.is-active{border-color:#2c5746;background:#2c5746;color:#fff}
.hat-studio-nav-badge{padding:2px 4px;border:1px solid #8da99a;border-radius:3px;color:#f1e3c2;font-size:.54rem;font-weight:700;line-height:1.2;letter-spacing:.02em;text-transform:uppercase}
.site-header-studio{display:none;width:100%;min-height:38px;align-items:center;justify-content:center;gap:9px;padding:9px 18px;border:0;background:#183c32;color:#fff;font-size:.7rem;font-weight:700;line-height:1.4;text-align:center;text-decoration:none}
.site-header-studio:hover{background:#2c5746;color:#fff}
.site-header-studio:focus-visible,.site-nav>a.nav-hat-studio:focus-visible{outline:2px solid #183c32;outline-offset:3px}
@media(max-width:1380px){.site-nav>a.nav-hat-studio{min-height:48px;justify-content:space-between;margin:2px 0 10px;padding:0 14px}.site-header-studio{display:flex}}
@media(max-width:760px){.hat-studio-entry{padding:24px 0}.hat-studio-entry-card{grid-template-columns:1fr;gap:26px;padding:28px}.hat-studio-entry h2{font-size:2.8rem}.hat-studio-entry-description{font-size:.83rem}.hat-studio-entry-visual{justify-self:start;width:min(100%,390px)}.hat-studio-entry-visual img{aspect-ratio:4/3;object-fit:contain}.hat-studio-entry-features{column-gap:20px}}
@media(max-width:420px){.hat-studio-entry-card{padding:25px 22px}.hat-studio-entry h2{font-size:2.5rem}.hat-studio-entry-cta{width:100%;gap:12px;padding-right:17px;padding-left:17px}.hat-studio-entry-features{gap:6px 16px;font-size:.7rem}.hat-studio-entry-features li+li::before{left:-9px}.hat-studio-entry-eyebrow{gap:9px;font-size:.63rem}}