/* HowlStrom: cinematic ice-wolf artwork with live, readable website content. */
.howlstrom{--bg:#06111e;--panel:#0b1c2d;--line:rgba(156,214,250,.25);--ice:#a6e5ff;background:radial-gradient(ellipse at 95% 20%,#10273b 0,transparent 45%),var(--bg)}
.howlstrom h1,.howlstrom h2,.howlstrom h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.025em}
.howlstrom .site-header{position:relative;z-index:2;background:#06111eee;border-bottom:1px solid #67cfff66;box-shadow:0 2px 20px #3db7ff12}
.howlstrom .brand-name{font-family:Georgia,"Times New Roman",serif;font-size:19px;letter-spacing:.025em;font-weight:600;text-transform:none}
.howlstrom .brand-name small{font-family:system-ui,sans-serif;font-size:9px;letter-spacing:.17em}
.howlstrom .brand img{width:58px;height:58px}
.howlstrom .main-menu a{border-radius:0;border-bottom:2px solid transparent}
.howlstrom .main-menu a[aria-current]{background:none;border-color:var(--ice);text-shadow:0 0 16px #78d4ff66}
.howlstrom .home-hero{padding:0;background:#06111e;isolation:isolate;overflow:hidden}
.howlstrom-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%;z-index:-2}
.home-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#041021dc 0,#05122595 34%,transparent 64%),linear-gradient(0deg,#06111e 0,transparent 20%);z-index:-1}
.howlstrom .home-hero .hero-inner{display:flex;align-items:center;min-height:690px;padding-top:60px;padding-bottom:125px}
.home-hero .hero-copy{max-width:540px;width:52%;text-shadow:0 2px 14px #020b17}
.howlstrom .home-hero h1{font-size:clamp(65px,6.5vw,92px);line-height:1.02;font-weight:500;letter-spacing:-.045em;margin-bottom:24px}
.home-hero .eyebrow{color:#c3eaff;letter-spacing:.24em}
.home-hero .lead{color:#e2eef8;max-width:430px;font-size:17px;line-height:1.7}
.wolf-signature{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:38px;line-height:1.2;margin:22px 0;color:#cfedff;letter-spacing:-.025em}
.wolf-divider{display:flex;align-items:center;gap:16px;color:var(--ice);width:320px;max-width:100%}
.wolf-divider:before,.wolf-divider:after,.paw-separator:before,.paw-separator:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#8edbff)}
.wolf-divider:after,.paw-separator:after{transform:rotate(180deg)}
.wolf-divider svg,.paw-separator svg{width:27px;height:27px;flex-shrink:0;filter:drop-shadow(0 0 7px #4bbcff80)}
.home-hero .button{border-radius:5px;box-shadow:0 0 24px #66ccff22}
.home-hero .text-link{color:#e0f5ff}
.howlstrom .home-paths{position:relative;z-index:1;margin-top:-95px;padding-top:0;padding-bottom:30px;scroll-margin-top:24px}
.howlstrom .frost-door{padding:0;overflow:hidden;min-height:0;border:1px solid #c0eaff8c;border-radius:9px;background:linear-gradient(140deg,#15354e,#081627 70%);box-shadow:inset 0 0 0 2px #3a80a830,0 0 22px #4eb7ff16;position:relative}
.frost-door:before,.frost-door:after{content:"";position:absolute;z-index:1;pointer-events:none;width:38px;height:38px;border:3px solid #d3f3ffb0;filter:drop-shadow(0 0 5px #58cbff80)}
.frost-door:before{top:0;left:0;border-right:0;border-bottom:0}
.frost-door:after{bottom:0;right:0;border-left:0;border-top:0}
.door-art{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;border-bottom:1px solid #a2deff55;transition:transform .3s}
.frost-door:hover .door-art{transform:scale(1.025)}
.door-content{padding:22px;display:flex;flex-direction:column;flex:1}
.howlstrom .frost-door h3{display:flex;align-items:center;gap:11px;font-size:29px;color:#f0f8ff;margin-bottom:13px}
.frost-door h3 svg{width:25px;height:25px;color:var(--accent)}
.howlstrom .frost-door p{font-size:13px;line-height:1.75;color:#bfd1e2}
.howlstrom .frost-door .door-bottom{padding-top:15px;font-size:12px}
.paw-separator{display:flex;gap:22px;align-items:center;color:var(--ice);max-width:660px;margin:38px auto 0}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.howlstrom .hub-card,.howlstrom .post-card,.howlstrom .collection-card,.howlstrom .gear-card,.howlstrom .callout{background:linear-gradient(135deg,#10273b,#0a1827);border-color:var(--line);box-shadow:inset 0 1px 0 #b5e7ff0a}
.howlstrom .page-intro{background:linear-gradient(110deg,#102b4280,transparent);border-bottom:1px solid #a4daff15;margin-bottom:24px}
.howlstrom .page-intro h1{font-weight:500}
.howlstrom .site-footer{background:#040e19;border-top-color:#7acfff55}
.howlstrom .footer-inner strong{display:flex;align-items:center;gap:12px}
.footer-inner strong svg{width:21px;height:21px}
@media(min-width:1600px){.howlstrom .home-hero .hero-inner{min-height:760px}.howlstrom-scene{object-position:center 47%}}
@media(max-width:1000px) and (min-width:651px){.howlstrom .home-hero .hero-inner{min-height:640px;padding-bottom:125px}.home-hero .hero-copy{width:55%;max-width:440px}.howlstrom .home-hero h1{font-size:70px}.home-hero .lead{font-size:15px}.howlstrom .frost-door h3{font-size:23px;gap:8px}.door-content{padding:17px}.howlstrom .brand-name{font-size:18px}}
@media(max-width:650px){.howlstrom .brand-name{font-size:16px}.howlstrom .brand img{width:48px;height:48px}.howlstrom .home-hero .hero-inner{min-height:0;padding-top:320px;padding-bottom:55px;display:block}.howlstrom-scene{height:310px;object-position:85% 30%}.home-hero:after{background:linear-gradient(0deg,#06111e 0,#06111e 32%,transparent 70%)}.home-hero .hero-copy{width:100%;max-width:none;text-shadow:none}.howlstrom .home-hero h1{font-size:62px;margin-bottom:19px}.home-hero .eyebrow{font-size:9px;margin-bottom:17px}.wolf-signature{font-size:31px;margin-block:21px}.home-hero .lead{font-size:15px}.home-hero .hero-actions{gap:18px;margin-top:25px}.howlstrom .home-paths{margin-top:0;padding-bottom:23px}.howlstrom .frost-door h3{font-size:29px}.door-content{padding:24px}.howlstrom .frost-door p{font-size:14px}.paw-separator{margin-top:30px}.howlstrom .page-intro{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){.door-art{transition:none}.frost-door:hover .door-art{transform:none}}

/* The same illustrated Den carries through all section and detail pages. */
.howlstrom .den-page-hero,.howlstrom .den-story-hero{position:relative;isolation:isolate;overflow:hidden;background:#06111e;border-bottom:1px solid #92d9ff55;padding:0;margin-bottom:32px}
.den-page-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;z-index:-2}
.den-page-hero:after,.den-story-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#041021ef 0,#06152ac9 38%,#06152a1c 72%),linear-gradient(0deg,#06111e 0,transparent 25%)}
.den-page-inner{display:flex;align-items:center;min-height:450px;padding-top:55px;padding-bottom:65px}
.den-page-copy{width:53%;max-width:610px;min-width:0}
.howlstrom .den-page-hero h1{font-size:clamp(38px,4.5vw,62px);line-height:1.12;overflow-wrap:anywhere;color:#eef8ff;text-shadow:0 2px 16px #03101c}
.den-page-hero .lead{font-size:16px;color:#d4e5f1;line-height:1.8;margin-top:24px}
.den-page-hero .eyebrow{color:#c5eaff}
.den-page-hero .wolf-divider{width:240px}
.howlstrom .den-story-hero{padding-block:58px 65px;margin-bottom:0}
.howlstrom .den-story-hero .story-hero-inner{display:block}
.den-story-hero .story-hero-inner>div{max-width:620px;width:55%}
.den-story-hero .story-lead{color:#d4e5f1;font-size:16px}
.howlstrom .hub-card,.howlstrom .collection-card,.howlstrom .gear-card,.howlstrom .callout,.howlstrom .program-panel,.howlstrom .gear-overview-panel,.howlstrom .gear-cost-summary,.howlstrom .empty-state{border-radius:10px;border:1px solid #a5deff55;background:linear-gradient(135deg,#17334a,#091a2b 70%);box-shadow:inset 3px 3px 0 #92dbff15,inset -3px -3px 0 #92dbff12,0 0 20px #62baff08}
.howlstrom .post-card,.howlstrom .album-grid a,.howlstrom .gear-cost-table-wrap{border-radius:9px;border:1px solid #a5deff55;box-shadow:0 0 18px #5bbaff0c}
.howlstrom .icon-box{border-color:#a8defb66;background:#07182899;color:var(--accent);box-shadow:0 0 12px #80d4ff12}
.howlstrom .section-nav{background:#071625;border-bottom-color:#85ccff44}
.howlstrom .section-nav a[aria-current]{text-shadow:0 0 12px #80d4ff77}
.howlstrom .story-chapter{padding:28px;margin-bottom:26px;border:1px solid #a5deff45;border-radius:10px;background:linear-gradient(135deg,#122c40,#091a2b 70%);box-shadow:inset 3px 3px 0 #92dbff0c}
.howlstrom .father-chapter{margin-inline:0;border-color:#b1e6ff88}
.howlstrom .chapter-list{border:1px solid #a5deff45;border-radius:10px;padding:20px;background:#0a1b2d}
.howlstrom .life-timeline{padding:18px;border:1px solid #a5deff35;border-radius:10px;background:#0a1b2d}
.howlstrom .story-layout{gap:40px}
@media(max-width:1000px) and (min-width:651px){.den-page-inner{min-height:420px}.den-page-copy{width:57%}.den-page-scene{object-position:62% 35%}.den-story-hero .story-hero-inner>div{width:62%}.howlstrom .story-layout{gap:28px}}
@media(max-width:650px){.howlstrom .den-page-hero,.howlstrom .den-story-hero{padding:0;margin-bottom:24px}.den-page-scene{height:245px;object-position:85% 30%}.den-page-hero:after,.den-story-hero:after{background:linear-gradient(0deg,#06111e 0,#06111e 45%,transparent 85%)}.den-page-inner{display:block;min-height:0;padding-top:270px;padding-bottom:34px}.den-page-copy{width:100%;max-width:none}.howlstrom .den-page-hero h1{font-size:39px}.den-page-hero .lead{font-size:15px;margin-top:20px}.den-page-hero .eyebrow{font-size:9px;letter-spacing:.15em}.howlstrom .den-story-hero .story-hero-inner{padding-top:270px;padding-bottom:34px}.den-story-hero .story-hero-inner>div{width:100%;max-width:none}.den-story-hero .story-lead{font-size:15px}.howlstrom .story-chapter{padding:22px}.howlstrom .story-layout{gap:26px}.howlstrom .life-timeline{padding:18px;margin-top:20px}.howlstrom .chapter-list{padding:18px}}