/* Foolish digital system / October 2026. Rules shared with the brand book. */
:root{
 --brand-ember:#F05A28;--brand-berry:#741C43;--brand-butter:#F4E66D;
 --type-display-tracking:-.035em;--type-editorial-tracking:-.045em;
 --type-label-tracking:.08em;--control-radius:3px;--object-radius:12px;
 --surface-shadow:0 14px 30px #18191612;
}
/* Booking CTAs retain their approved original styling in foolish.css. */
/* Flat interfaces; physical depth belongs to the creative gallery. */
/* Navigation floats above the page as a Paper-tinted glass layer. */
.site-header{
 background:rgba(244,243,238,.72);border-bottom:1px solid rgba(255,255,255,.62);
 backdrop-filter:blur(28px) saturate(165%);-webkit-backdrop-filter:blur(28px) saturate(165%);
 box-shadow:inset 0 1px 0 #ffffffb8,0 1px 0 #18191612;
 transition:background .35s ease,box-shadow .35s ease;
}
.site-header::before{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(115deg,#ffffff30,transparent 38%,#ffffff0a 70%,#ffffff26);
 box-shadow:inset 0 -1px 0 #ffffff55;
}
.site-header.is-scrolled{background:rgba(244,243,238,.66);box-shadow:inset 0 1px 0 #ffffffbf,0 4px 24px #1819160d,0 1px 0 #18191612}
.site-header .header-inner{position:relative}
/* Avoid a nested backdrop root while the mobile glass sheet is open. */
.site-header:has(.mobile-menu:not([hidden])){backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(244,243,238,.94)}
.site-header .mobile-menu{
 background:rgba(244,243,238,.94);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);
 border:1px solid #ffffff99;border-top:0;border-radius:0 0 20px 20px;box-shadow:0 18px 35px #18191614;
 max-height:calc(100svh - 80px);overflow-y:auto;
}
.site-header .menu-toggle{background:#ffffff3d;border-color:#18191625;border-radius:12px;box-shadow:inset 0 1px 0 #ffffffb3}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header,.site-header.is-scrolled,.site-header .mobile-menu{background:var(--paper)}}
.hero-signal,.hero-signals.is-moving .hero-signal{border-radius:var(--control-radius);box-shadow:none;transform:none;animation:none;border:0}
.hero-signal.signal-email{background:var(--brand-ember)}
.hero-signal.signal-sms{background:var(--mist)}
.gallery-card-link{background:var(--paper);border:1px solid var(--rule);border-radius:var(--object-radius);box-shadow:var(--surface-shadow)}
.gallery-card-link:hover{box-shadow:0 18px 36px #18191620;border-color:var(--graphite)}
.gallery-controls{background:var(--paper);box-shadow:none;border:1px solid var(--rule);border-radius:var(--control-radius);backdrop-filter:none}
.margin-note,.guide-book,.guide-book:hover,.guide-cover,.guide:hover .guide-cover{transform:none;box-shadow:none}
.email-example,.twinkling-reference,.media-email-detail{box-shadow:none}
.email-example{transform:none}
/* The publication has a constant Fever identity; covers own one named pair. */
.ideas-page .publication-link,.ideas-page .article-category,.ideas-page .section-number{color:var(--brand-berry)}
.ideas-page .read-link:hover,.ideas-page .featured-copy h3 a:hover,.ideas-page .article-contents a:hover{color:var(--brand-berry)}
.ideas-ribbons{transform:none;margin:28px 0 12px;width:100%;gap:8px}
.ribbon-group img{width:clamp(64px,5.3vw,82px)}
.ribbon-track{animation-duration:208s}.ribbon-track:nth-child(2){animation-duration:236s}
.ribbon-caption{padding-top:12px;padding-bottom:18px}
/* Illustrations are complete editorial compositions, distinct from UI icons. */
.essay-cover-main{display:grid;grid-template-columns:1.1fr 1fr;gap:8px;padding:26px 0;align-items:center}
.essay-cover-title{font-size:clamp(32px,3.5vw,49px);letter-spacing:var(--type-editorial-tracking);line-height:1.04}
.editorial-illustration{display:block;width:100%;height:auto;min-width:0;max-width:none}
.essay-cover{min-height:330px}
.article-hero .essay-cover-main{grid-template-columns:1.15fr 1fr;padding:32px 0}
.article-hero .essay-cover-title{font-size:clamp(48px,7vw,100px);line-height:1.04}
.article-hero .editorial-illustration{max-width:430px;justify-self:end}
.bfcm-cover .cover-mail,.featured-art:hover .cover-mail,.article-hero .bfcm-cover .cover-mail{
 background:none;box-shadow:none;transform:none;padding:0;display:block;aspect-ratio:auto;max-width:none;
}
.cover-mail .editorial-illustration{width:100%}
.bfcm-cover .cover-middle{grid-template-columns:1.08fr 1fr;gap:8px}
.article-hero .bfcm-cover{background:var(--apricot);color:var(--midnight)}
.article-hero .bfcm-cover .cover-note>span{color:inherit}
.article-hero .bfcm-cover .cover-star{color:inherit}
/* Optical relationships are intentional. Preserve the approved masthead. */
.hero h1{letter-spacing:var(--type-display-tracking)}
.idea-card h3,.related-ideas strong{letter-spacing:var(--type-display-tracking)}
.article-copy h2,.article-heading h1{letter-spacing:var(--type-editorial-tracking)}
.eyebrow,.ideas-page .eyebrow{letter-spacing:var(--type-label-tracking)}
.ideas-masthead .ideas-wordmark{transform:none}
.ideas-masthead .idea-dot{margin-left:.04em;-webkit-text-stroke:.018em var(--brand-butter)}
@media(max-width:1100px) and (min-width:781px){.desktop-nav{gap:16px}.header-inner{gap:20px}}
@media(max-width:780px){
 .ideas-ribbons{margin-top:22px}.ribbon-group img{width:64px}
 .essay-cover{min-height:270px;padding:22px}
 .essay-cover-main{grid-template-columns:1.15fr 1fr;padding:24px 0;gap:4px}
 .essay-cover-title{font-size:clamp(30px,8vw,46px)}
 .article-hero .essay-cover{min-height:280px}
 .article-hero .essay-cover-main{grid-template-columns:1.15fr 1fr;padding:24px 0;gap:4px}
 .article-hero .essay-cover-title{font-size:clamp(30px,8vw,52px)}
 .article-hero .bfcm-cover{background:var(--apricot)}
}
@media(max-width:370px){.essay-cover-main{display:grid}.essay-cover .cover-bottom{font-size:7px}.essay-cover-title,.article-hero .essay-cover-title{font-size:28px}}
@media(prefers-reduced-motion:reduce){.ribbon-track{animation:none}}
@media(forced-colors:active){.ideas-masthead .idea-dot{color:CanvasText;-webkit-text-fill-color:CanvasText;-webkit-text-stroke:0}}

/* The homepage enters in measured groups, keeping native scroll and page geometry. */
.motion-reveal{transition:opacity .8s cubic-bezier(.22,1,.36,1),translate .9s cubic-bezier(.22,1,.36,1),scale 1s cubic-bezier(.22,1,.36,1);transition-delay:var(--entrance-delay,0ms)}
.motion-reveal.reveal-pending{opacity:0;translate:0 36px}
.motion-reveal.reveal-art.reveal-pending{translate:0 48px;scale:.975}
.motion-reveal:focus-within{opacity:1;translate:0;scale:1;transition-delay:0s}
@media(max-width:780px){.motion-reveal.reveal-pending{translate:0 24px}.motion-reveal.reveal-art.reveal-pending{translate:0 30px;scale:.985}}
@media(prefers-reduced-motion:reduce){.motion-reveal,.motion-reveal.reveal-pending{opacity:1!important;translate:none!important;scale:none!important;transition:none!important}.site-header{transition:none}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more),(forced-colors:active){.site-header,.site-header.is-scrolled,.site-header .mobile-menu{background:var(--paper);backdrop-filter:none;-webkit-backdrop-filter:none;border-color:var(--ink)}.site-header::before{display:none}}
@media print{.motion-reveal,.motion-reveal.reveal-pending{opacity:1!important;translate:none!important;scale:none!important;transition:none!important}}

/* Approved refined glass dock, October 23, 2026. */
.site-header{height:104px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .25s}
.site-header::before{content:none}
.site-header .header-inner{height:104px;gap:32px}
.site-header .brand{background:none;border:0;border-radius:0;box-shadow:none}
.site-header .brand img{width:180px}
.site-header .nav-dock{display:flex;align-items:center;padding:6px 6px 6px 28px;border:1px solid #ffffffba;border-radius:40px;background:#f4f3eeaa;box-shadow:0 3px 18px #18191606,inset 0 0 0 1px #18191603;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.site-header .desktop-nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:500}
.site-header .desktop-nav>a:not(.button){padding-block:15px;line-height:1;white-space:nowrap}
.site-header .desktop-nav>a:not(.button)::after{bottom:6px;height:2px;background:var(--ember)}
.site-header .button.header-cta{height:48px;min-height:48px;border:0;border-radius:28px;padding:0 22px;gap:23px;font-size:12px;letter-spacing:.035em;line-height:1;color:#fff;background:var(--ember);transition:box-shadow .2s,transform .2s}
.site-header .header-cta .dock-arrow{width:19px;height:19px;flex:none;transition:transform .2s}
.site-header .header-cta:hover{transform:translateY(-1px);box-shadow:0 6px 18px #f05a2826}
.site-header .header-cta:hover .dock-arrow{transform:translate(2px,-2px)}
.site-header .dock-mobile-cta{display:none}
.site-header.is-scrolled,.site-header:has(.mobile-menu:not([hidden])){background:#f4f3eeb8;box-shadow:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.site-header .menu-toggle{display:none;align-items:center;gap:12px;background:none;border:0;border-radius:24px;height:48px;padding:0 20px;font-size:13px;font-weight:500;line-height:1}
.site-header .menu-toggle:after{content:'+';font-size:22px;font-weight:400;line-height:1}
.site-header .menu-toggle[aria-expanded=true]:after{content:'−'}
.site-header .mobile-menu{position:absolute;top:96px;right:var(--gutter);width:min(540px,calc(100% - var(--gutter)*2));max-height:calc(100dvh - 112px);overflow-y:auto;overscroll-behavior:contain;padding:22px 28px;background:#f4f3eef5;border:1px solid #fff;border-radius:22px;box-shadow:0 24px 70px #1819161f;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.site-header .mobile-menu>a:not(.button){border-bottom:1px solid #1819161c;font-family:Bricolage,Arial,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.025em;padding:12px 0;line-height:1.2}
.site-header .mobile-menu .button{margin-top:20px}
@media(max-width:1100px){.site-header .brand img{width:160px}.site-header .header-inner{gap:24px}.site-header .nav-dock{padding-left:22px}.site-header .desktop-nav{gap:20px}.site-header .button.header-cta{padding-inline:18px;gap:16px}}
@media(max-width:900px){.site-header,.site-header .header-inner{height:88px}.site-header .desktop-nav{display:none}.site-header .brand img{width:145px}.site-header .header-inner{gap:16px}.site-header .nav-dock{padding:4px;gap:0}.site-header .menu-toggle{display:flex}.site-header .dock-mobile-cta{display:flex}.site-header .button.header-cta{font-size:11px;padding-inline:16px;gap:14px}.site-header .mobile-menu{top:84px}}
@media(max-width:480px){.site-header .header-inner{width:calc(100% - 36px);gap:12px}.site-header .brand{margin:0;padding:0}.site-header .brand img{width:115px}.site-header .menu-toggle{font-size:12px;height:42px;padding:0 12px;gap:12px}.site-header .button.header-cta{height:42px;min-height:42px;font-size:10px;padding:0 13px;gap:9px}.site-header .header-cta .dock-arrow{width:15px;height:15px}.site-header .mobile-menu{right:18px;width:calc(100% - 36px);padding:22px 24px}}
@media(max-width:370px){.site-header .brand img{width:100px}.site-header .header-cta .dock-arrow{display:none}.site-header .menu-toggle{padding-inline:10px;gap:8px}.site-header .button.header-cta{padding-inline:12px}.site-header .header-inner{gap:8px}}
@media(prefers-reduced-motion:reduce){.site-header,.site-header .header-cta,.site-header .dock-arrow{transition:none}}
@media(prefers-contrast:more),(forced-colors:active){.site-header,.site-header.is-scrolled,.site-header .nav-dock,.site-header .mobile-menu{background:var(--paper);border:1px solid currentColor;backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header .nav-dock,.site-header .mobile-menu{background:var(--paper)}}
@media(prefers-reduced-transparency:reduce){.site-header,.site-header.is-scrolled,.site-header .nav-dock,.site-header .mobile-menu{background:var(--paper);backdrop-filter:none;-webkit-backdrop-filter:none}}