/* Boathouse Rabbit v2: visual layers, sunset hues and editorial contrast.
   Scoped to mascot and contextual components; no JS/dependencies. */
:root{
 --rabbit-night:#073c49;--rabbit-lagoon:#087482;--rabbit-sky:#247a8b;
 --rabbit-sun:#f9a45a;--rabbit-coral:#dc6744;--rabbit-amber:#ffd08a;
 --rabbit-sage:#d2e7d5;--rabbit-paper:#fffaf0;--rabbit-ink:#113c46;
}
.rabbit-page{background:var(--rabbit-paper);font-family:'DM Sans',system-ui,sans-serif}
.rabbit-hero{
 isolation:isolate;
 background:
   radial-gradient(ellipse at 87% 36%,#ffb26e70 0%,transparent 27%),
   linear-gradient(104deg,#052e3aec 5%,#0c5265c4 56%,#143e4f67 100%),
   url('/images/lake-horizon.svg') center 55%/cover no-repeat;
 border-bottom:9px solid #e1a46d;
}
.rabbit-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-radial-gradient(ellipse at 90% 103%,transparent 0 48px,#ffe1b20c 49px 51px,transparent 52px 96px);pointer-events:none}
.rabbit-hero:after{content:"";position:absolute;z-index:0;bottom:0;left:0;right:0;height:56px;background:linear-gradient(90deg,#03465157,#ffc17b36,#03465157);clip-path:polygon(0 73%,19% 45%,40% 78%,60% 44%,80% 76%,100% 50%,100% 100%,0 100%);pointer-events:none}
.rabbit-hero-inner{min-height:675px;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:clamp(1rem,4vw,4rem);padding-top:clamp(4rem,6vw,6rem)}
.rabbit-hero-copy{padding-bottom:clamp(5rem,7vw,8rem)}
.rabbit-hero-tagline{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:0 0 1.15rem}
.rabbit-hero-tagline .rabbit-kicker{margin:0}
.rabbit-tagline-arrow{display:inline-flex;background:#ffffff23;border:1px solid #ffffff47;border-radius:999px;color:#ffe0ae;font-size:.63rem;font-weight:850;letter-spacing:.12em;padding:.38rem .75rem}
.rabbit-hero h1{max-width:780px;font-size:clamp(3.9rem,6vw,6.8rem);text-shadow:0 8px 28px #062a344c}
.rabbit-hero h1 em{color:#ffd096;text-decoration:underline;text-decoration-color:#ef8351;text-decoration-thickness:4px;text-underline-offset:.16em}
.rabbit-hero-lead{font-size:clamp(1.1rem,1.7vw,1.4rem)}
.rabbit-hero-support{max-width:600px}
.rabbit-hero-chips{display:flex;gap:.55rem;flex-wrap:wrap;margin:1.7rem 0 .2rem}
.rabbit-hero-chips span{display:inline-flex;align-items:center;gap:.3rem;padding:.48rem .78rem;border:1px solid #e0eeda70;background:#0a4659b0;color:#fff7e9;border-radius:999px;font-size:.72rem;font-weight:850;letter-spacing:.02em;box-shadow:0 2px 9px #062b3240}
.rabbit-hero-chips span:nth-child(2){background:#dd6843;color:#fff8e7;border-color:#f7ae82}
.rabbit-hero-chips span:nth-child(3){background:#fff2d8;color:#154953;border-color:#f0cda3}
.rabbit-buttons{margin-top:1.65rem}
.rabbit-button--orange{background:linear-gradient(100deg,#f5a25c,#ef783f);color:#0a3441;box-shadow:0 7px 18px #052e3d4f}
.rabbit-button--outline{background:#0b4f5abd}
.rabbit-hero-art{min-height:530px;position:relative}
.rabbit-hero-art img{position:relative;z-index:2;transform:rotate(-1.2deg);filter:drop-shadow(0 25px 30px #06242c92)}
.rabbit-sunset-halo{position:absolute;z-index:0;bottom:13%;right:4%;width:min(100%,430px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffe1a5 0 26%,#fbb170 26.5% 37%,#ffcc9063 37.5% 56%,transparent 57%);box-shadow:0 0 90px #f4a56d6e;opacity:.84}
.rabbit-hero-sticker{position:absolute;right:-1rem;top:13%;z-index:3;display:grid;gap:.15rem;text-align:center;align-content:center;width:135px;height:135px;transform:rotate(11deg);background:#ffe5ac;color:#174451;border:5px solid #e98548;border-radius:50%;box-shadow:0 9px 24px #092c3870;font-weight:900;line-height:1.05}
.rabbit-hero-sticker span{font-size:.56rem;letter-spacing:.16em}
.rabbit-hero-sticker strong{font-family:Georgia,'Times New Roman',serif;font-size:1.17rem;letter-spacing:-.04em}
.rabbit-hero-sticker span:last-child{color:#bd532e;font-size:.78rem}
.rabbit-marquee{background:#0d5964;color:#fff8ed;border-block:2px solid #fbb16b;transform:translateY(-1px);box-shadow:0 6px 20px #19484d14}
.rabbit-marquee .rabbit-wrap{display:flex;gap:clamp(.65rem,2.3vw,2.8rem);align-items:center;justify-content:space-between;min-height:70px;flex-wrap:wrap}
.rabbit-marquee span{font-size:clamp(.69rem,1.2vw,.91rem);letter-spacing:.09em;font-weight:900;white-space:nowrap}
.rabbit-marquee i{font-size:1.1rem;color:#ffc28a;font-style:normal}
.rabbit-adventures{padding-top:clamp(3rem,6vw,5rem);background:linear-gradient(180deg,#fff6e8,#f8f2e8)}
.rabbit-adventures-head{display:flex;align-items:end;justify-content:space-between;gap:1.7rem;margin-bottom:2rem}
.rabbit-adventures-head h2{max-width:690px;font-size:clamp(2.1rem,4vw,3.6rem)}
.rabbit-adventures-head>p{max-width:330px;flex:0 1 330px;color:#405851;line-height:1.7;margin:0 0 .7rem}
.rabbit-adventure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,1.6vw,1.4rem)}
.rabbit-adventure-card{min-width:0;display:flex;flex-direction:column;text-decoration:none;background:#fffdf7;color:#113c45;border:1px solid #d6ddd4;border-radius:18px;box-shadow:0 12px 30px #0b49521b;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
.rabbit-adventure-card:hover{transform:translateY(-6px);border-color:#39848b;box-shadow:0 20px 36px #0b49522b;color:#113c45}
.rabbit-adventure-art{height:205px;position:relative;isolation:isolate}
.rabbit-adventure-art svg{width:100%;height:100%;display:block}
.rabbit-adventure-numeral{position:absolute;top:1rem;left:1rem;z-index:1;background:#fff6dd;color:#164552;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-weight:900;font-size:.74rem;box-shadow:0 3px 11px #032c3342}
.rabbit-adventure-stamp{position:absolute;bottom:1rem;right:1rem;background:#073d4de0;color:#fff5e7;padding:.4rem .6rem;border:1px solid #d4e7d9;font-size:.65rem;font-weight:900;letter-spacing:.1em;transform:rotate(-6deg)}
.rabbit-adventure-card--lab .rabbit-adventure-stamp{background:#e4714d}
.rabbit-adventure-card--rop .rabbit-adventure-stamp{background:#176d64}
.rabbit-adventure-content{padding:1.65rem;display:flex;flex-direction:column;flex:1}
.rabbit-adventure-content .rabbit-overline{margin:0 0 .55rem;font-size:.65rem}
.rabbit-adventure-content h3{font-family:Georgia,'Times New Roman',serif;color:#113f49;font-size:clamp(1.55rem,2.3vw,2.3rem);letter-spacing:-.047em;line-height:1.13;margin:0 0 .65rem}
.rabbit-adventure-content>p:not(.rabbit-overline){font-size:.91rem;color:#425851;line-height:1.65;flex:1}
.rabbit-adventure-link{display:inline-flex;align-items:center;gap:.6rem;color:#9f481f;font-size:.86rem;font-weight:900;padding-top:.6rem}
.rabbit-profile{position:relative;background:linear-gradient(130deg,#d8ebdf 0%,#eaf1e6 45%,#ffedd3 100%)}
.rabbit-profile:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 7% 15%,#fabe8c8c,transparent 20%);pointer-events:none}
.rabbit-profile-grid{position:relative}
.rabbit-identity{background:#fffdf8;border:2px solid #eac39d;box-shadow:10px 12px 0 #0c576322}
.rabbit-identity-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed #d7b48e;padding-bottom:.65rem;margin-bottom:1.2rem;color:#9b5025;font-size:.63rem;font-weight:900;letter-spacing:.08em}
.rabbit-identity-heading span:last-child{font-size:1.5rem}
.rabbit-skill{border-color:#c9d9cf;position:relative;overflow:hidden}
.rabbit-skill:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:#0b6c77}
.rabbit-skill:nth-child(2):before{background:#d66d43}
.rabbit-skill:nth-child(3):before{background:#b08a4e}
.rabbit-skill:nth-child(4):before{background:#6da693}
.rabbit-skill .rabbit-icon{background:#e2f0e5;border-radius:12px;width:50px;height:50px;display:grid;place-items:center}
.rabbit-skill:nth-child(2) .rabbit-icon{background:#fce3d1}
.rabbit-skill:nth-child(3) .rabbit-icon{background:#fff0ca}
.rabbit-skill:nth-child(4) .rabbit-icon{background:#def0e4}
.rabbit-trail{border:2px solid #aad2c6;box-shadow:12px 12px 0 #0c647021}
.rabbit-trail-portrait{position:relative;isolation:isolate;background:linear-gradient(155deg,#0b5260,#268d93)}
.rabbit-trail-portrait:before{content:"";position:absolute;z-index:-1;width:195px;aspect-ratio:1;background:#ffc28a;border-radius:50%;bottom:15%;left:-12%;opacity:.8}
.rabbit-trail--dock .rabbit-trail-portrait{background:linear-gradient(145deg,#dc7f4c,#e7b47f 50%,#175e70)}
.rabbit-trail--gentle .rabbit-trail-portrait{background:linear-gradient(155deg,#497a79,#a2c9bd)}
.rabbit-trail-message{position:relative}
.rabbit-trail-message:after{content:"✦";position:absolute;right:1.25rem;top:1rem;color:#bb6a3d;opacity:.7;font-size:1.2rem}
.rabbit-postcard{padding:clamp(3rem,6vw,5rem) 0;background:
  linear-gradient(90deg,#083744ea 0%,#176473ce 68%,#ee925f88),
  url('/images/lake-horizon.svg') center 59%/cover no-repeat;color:#fff7e9}
.rabbit-postcard-grid{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.rabbit-postcard-stamp{position:relative;transform:rotate(-8deg);display:grid;justify-items:center;align-content:center;gap:.3rem;width:220px;aspect-ratio:1;border:6px double #f8d1a6;border-radius:50%;background:#e9a16a1c;color:#fff5e1;box-shadow:0 0 0 12px #f9d1a81c}
.rabbit-postcard-stamp span{font-size:.66rem;text-align:center;font-weight:900;letter-spacing:.1em;line-height:1.5}
.rabbit-postcard-stamp strong{font-family:Georgia,'Times New Roman',serif;color:#ffd2a0;font-size:3.6rem;letter-spacing:-.06em}
.rabbit-postcard .rabbit-overline{color:#ffcb98!important}
.rabbit-postcard h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,3.8vw,3.8rem);font-weight:650;letter-spacing:-.045em;line-height:1.15;color:#fff7ea}
.rabbit-postcard h2 em{color:#ffcf9b;font-style:italic}
.rabbit-postcard p:not(.rabbit-overline){font-size:1.03rem;color:#e8f3e8;line-height:1.72;max-width:680px}
.rabbit-postcard a{display:inline-flex;margin-top:.7rem;background:#ffbe80;color:#113a40;font-weight:900;font-size:.91rem;padding:.84rem 1.3rem;border-radius:999px}
.rabbit-postcard a:hover{background:#ffe0b7;color:#113a40}
.rabbit-philosophy{background:linear-gradient(120deg,#06313b,#0d5965 54%,#135e68);position:relative}
.rabbit-philosophy:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-radial-gradient(ellipse at 52% 140%,transparent 0 43px,#ffffff0a 44px 45px,transparent 46px 91px)}
.rabbit-philosophy>.rabbit-wrap{position:relative;z-index:1}
.rabbit-lake-photo{background:linear-gradient(97deg,#063848e8,#0b4c56a8 68%,#ca784a90),url('/images/lake-horizon.svg') center/cover no-repeat}
.rabbit-lake-feature{border:2px solid #d8ac83;box-shadow:10px 12px 0 #0e656a26}
.rabbit-lake-copy .rabbit-kicker{color:#ffc994!important}
@media(max-width:1100px){
 .rabbit-adventures-head{align-items:start}
 .rabbit-hero-sticker{right:0;top:8%;width:108px;height:108px}
 .rabbit-hero-sticker strong{font-size:1rem}
 .rabbit-adventure-grid{gap:.8rem}
 .rabbit-adventure-content{padding:1.25rem}
}
@media(max-width:900px){
 .rabbit-marquee .rabbit-wrap{justify-content:center;padding:.7rem 0}
 .rabbit-hero-inner{grid-template-columns:minmax(0,1fr) minmax(235px,.7fr);min-height:550px}
 .rabbit-hero-copy{padding-bottom:4rem}
 .rabbit-hero-art{min-height:430px}
 .rabbit-adventures-head{display:block}
 .rabbit-adventures-head>p{max-width:700px}
 .rabbit-adventure-art{height:160px}
}
@media(max-width:700px){
 .rabbit-hero-inner{grid-template-columns:1fr;min-height:0}
 .rabbit-hero-copy{padding-bottom:1.6rem}
 .rabbit-hero h1{font-size:clamp(3rem,11vw,4.7rem)}
 .rabbit-hero-chips{margin-top:1.2rem}
 .rabbit-hero-art{min-height:300px}
 .rabbit-hero-art img{max-height:365px}
 .rabbit-hero-sticker{top:4%;right:6%;width:105px;height:105px}
 .rabbit-marquee i:nth-of-type(n+2),.rabbit-marquee span:last-child{display:none}
 .rabbit-marquee .rabbit-wrap{min-height:55px;gap:.7rem}
 .rabbit-marquee span{font-size:.73rem}
 .rabbit-adventure-grid{grid-template-columns:1fr}
 .rabbit-adventure-card{display:grid;grid-template-columns:minmax(110px,.42fr) minmax(0,1fr)}
 .rabbit-adventure-art{height:100%;min-height:230px}
 .rabbit-adventure-art svg{height:100%}
 .rabbit-adventure-content{padding:1.25rem}
 .rabbit-postcard-grid{grid-template-columns:1fr;gap:1.7rem}
 .rabbit-postcard-stamp{width:150px}
 .rabbit-postcard-stamp strong{font-size:2.6rem}
}
@media(max-width:480px){
 .rabbit-adventure-card{display:block}
 .rabbit-adventure-art{height:165px;min-height:165px}
 .rabbit-adventure-art svg{height:100%}
 .rabbit-marquee span:nth-of-type(3){display:none}
 .rabbit-hero-tagline{align-items:start;gap:.6rem}
 .rabbit-hero-sticker{right:0;top:3%}
 .rabbit-hero-chips span{font-size:.68rem}
}
@media(prefers-reduced-motion:reduce){.rabbit-adventure-card{transition:none!important}.rabbit-hero-art img{transform:none}}
