/* Jerry's original website palette. Geometry and Manrope/Inter stay in their source files. */
:root{
  --brand-orange:#f5340e;--brand-cream:#faf8f2;--brand-black:#141414;
  --orange-light:#ed6238;--orange-mid:#fa5224;
  --orange-gradient:linear-gradient(115deg,var(--orange-light) 0%,var(--orange-mid) 45%,var(--brand-orange) 100%);
  --orange-action-gradient:var(--orange-gradient);
  --silver-gradient:linear-gradient(120deg,#e0e0e0 0%,#b3b3b3 45%,#858585 100%);
  --silver-text-opacity:.85;
  --silver-text-gradient:linear-gradient(115deg,rgb(79 79 79 / var(--silver-text-opacity)) 0%,rgb(133 133 133 / var(--silver-text-opacity)) 48%,rgb(81 81 81 / var(--silver-text-opacity)) 100%);
  --surface-gradient:linear-gradient(135deg,#2b2b2b 0%,#202020 45%,#181818 100%);
  --paper:var(--brand-cream);--ink:var(--brand-black);--muted:#656565;--line:#14141426;
  --panel:#eeeeea;--hero-top:var(--brand-cream);--hero-mid:#eeede8;--hero-bottom:#deded9;
  --floor:#e2e2dc;--room:#faf8f2;--shadow:#14141426;
  --wall:#e0e0da;--wall-hi:var(--brand-cream);--casing:#f1f1eb;--wood:#cececa;--door-base:#e6e6e6;
  --accent-text:#b3280c;
}
html[data-theme=dark]{
  --paper:var(--brand-black);--ink:var(--brand-cream);--muted:#b3b3b3;--line:#faf8f226;
  --panel:#242424;--hero-top:#242424;--hero-mid:#1b1b1b;--hero-bottom:var(--brand-black);
  --floor:#1a1a1a;--room:#101010;--shadow:#0007;
  --wall:#1c1c1c;--wall-hi:#262626;--casing:#373737;--wood:#252525;--door-base:#2f2f2f;
  --accent-text:#ff8054;
  --silver-text-gradient:linear-gradient(115deg,rgb(250 248 242 / var(--silver-text-opacity)) 0%,rgb(179 179 179 / var(--silver-text-opacity)) 48%,rgb(138 138 138 / var(--silver-text-opacity)) 100%);
}
::selection{background:var(--brand-orange);color:var(--brand-black)}
a:focus-visible,button:focus-visible,.theme-toggle:focus-visible,.to-top:focus-visible{outline-color:var(--accent-text)}
.header.is-scrolled{background:var(--paper)}
.desktop-nav a:hover,.desktop-nav button:hover,.home-link:hover{color:var(--accent-text)}
.desktop-nav a:after,.desktop-nav button:after{background:var(--brand-orange)}
.hero-vignette{background:radial-gradient(ellipse at 50% 10%,#faf8f259,transparent 75%)}
html[data-theme=dark] .hero-vignette{background:radial-gradient(ellipse at 50% 10%,#0003,transparent 75%)}
.hero-copy>.eyebrow:before{background:var(--brand-orange)}
.greeting{color:var(--ink);-webkit-text-fill-color:currentColor}
.hero-name{display:inline-block;background:none;color:var(--brand-orange);-webkit-text-fill-color:currentColor}
.calendar-word{background:none;color:var(--brand-black);-webkit-text-fill-color:currentColor}
.hero h1 .soft{width:fit-content;background:none;color:var(--muted);-webkit-text-fill-color:currentColor}
.grand-footer h2>span{color:var(--brand-orange)}
.story-year{background:none;color:var(--brand-orange);-webkit-text-fill-color:currentColor}
.text-accent,.story-track>li[aria-current=step] h3{color:var(--brand-orange)}
.text-accent{display:inline-block}
.story-track h3{width:fit-content;max-width:100%}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .hero-name,.grand-footer h2>span,.text-accent,.story-track>li[aria-current=step] h3,.story-year .year-reel>i,.story-year .story-year-word{background-image:var(--orange-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
  .hero h1 .soft{background-image:var(--silver-text-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
}
.pill.primary,.grand-footer .pill.primary{background:var(--orange-gradient);color:var(--brand-black);box-shadow:0 0 24px #f5340e12}
.pill.primary i,.grand-footer .pill.primary i{background:var(--paper);color:var(--ink)}
.pill.primary:hover{box-shadow:0 0 0 3px #f5340e16,0 0 28px #f5340e20}
.pill.outline:hover{background:#f5340e0c;border-color:var(--accent-text)}
.hero-bar>a:hover,.back-doors:hover{color:var(--accent-text)}
.calendar-paper{background:linear-gradient(#fffefb,var(--brand-cream));color:var(--brand-black)}
.calendar-paper small{color:var(--brand-black)}
.loader{background:var(--brand-cream);color:var(--brand-black)}
.loader-stack i:nth-child(1){background:var(--brand-orange)}
.loader-stack i:nth-child(2){background:#343434}
.loader-stack i:nth-child(3){background:#b3b3b3}
.loader-stack i:nth-child(4){background:var(--brand-black)}
.loader-stack>span{color:var(--brand-cream)}
.door-unit.is-active{z-index:2}
.door-plate{color:var(--brand-black);text-shadow:0 .28cqi #ffffffb3,0 -.15cqi #0003;background:linear-gradient(160deg,#f4f4f2,#b8b8b6 28%,#e2e2df 48%,#8a8a88 72%,#c6c6c2);box-shadow:0 .5cqi 1cqi #0006,inset 0 .3cqi #ffffffb3,inset 0 -.3cqi #50505073}
.door-plate:before,.door-plate:after{background:radial-gradient(circle at 35% 30%,#fff,#a0a0a0 65%,#5b5b5b)}
.door-handle{background:radial-gradient(circle at 36% 30%,#fff,#e3e3df 14%,#a6a6a4 40%,#737371 70%,#444);box-shadow:0 0 0 .35cqi #00000038,.9cqi 1.5cqi 2cqi #00000073,inset -.7cqi -.9cqi 1.1cqi #1414148c,inset .5cqi .6cqi .8cqi #ffffff80}
.door-handle>i,.door-handle>i:before{background:linear-gradient(#fff,#e2e2df 16%,#b3b3b0 42%,#737371 72%,#414141)}
.door-handle>i:after{background:linear-gradient(90deg,#fffffff2,#ffffff59)}
.door-handle>b{background:radial-gradient(ellipse at 38% 28%,#fff,#d0d0cd 22%,#91918e 55%,#454545)}
.door-handle>b:before,.door-handle>b:after{background:var(--brand-black)}
.door-info li:before{border-color:var(--line)}
.story{background:radial-gradient(50% 45% at 0 30%,#f5340e16,transparent 74%),radial-gradient(45% 45% at 100% 70%,#80808018,transparent 74%),var(--brand-cream)}
html[data-theme=dark] .story{background:radial-gradient(ellipse at 0 35%,#f5340e12,transparent 60%),radial-gradient(#faf8f20e 1px,transparent 1.4px) center/1.6rem 1.6rem,var(--brand-black)}
.story-ambient>i{--light-a:#f5340e70;--light-b:#a6a6a659}
.story-ambient>i:nth-child(even){--light-a:#80808059;--light-b:#f5340e70}
.story-ambient:after{background:radial-gradient(54% 66% at 50% 50%,#faf8f2e6,#faf8f2aa 46%,transparent 80%)}
.story-date,html[data-theme=dark] .story-date{color:var(--muted)}
.story.is-current .story-traveller{background:var(--brand-orange);box-shadow:0 0 0 .45rem #f5340e24}
.story-track>li.is-active:before,.project-status:before{background:var(--brand-orange)}
.grand-footer.contact,html[data-theme=dark] .grand-footer{background:var(--brand-black);color:var(--brand-cream)}
.grand-footer h2>span{display:inline-block;width:fit-content}
.grand-footer .contact-copy{color:#b3b3b3}
.footer-eyebrow{color:#b3b3b3}.footer-eyebrow>i{background:var(--brand-orange);box-shadow:0 0 0 0 #f5340e66;animation-name:brand-pulse}
.footer-columns a:hover,.footer-columns button:hover{color:#ff8054}
.to-top{--top-bg:var(--brand-black);--top-fg:var(--brand-cream)}
.to-top.is-on-dark{--top-bg:var(--brand-cream);--top-fg:var(--brand-black)}
.top-ring circle{stroke:var(--brand-orange)}
.workflow-screen{background:var(--surface-gradient);color:var(--brand-cream)}
.workflow-screen>b{color:var(--brand-orange)}.workflow-screen>small{color:#b3b3b3}
.site-screen{background:var(--brand-cream);color:var(--brand-black)}
.site-screen strong>span{background:#eeede8}
.concept-screen{background:var(--surface-gradient);color:var(--brand-cream)}
.concept-screen:before{border-color:#f5340e55}
@keyframes brand-pulse{70%{box-shadow:0 0 0 .55rem #f5340e00}100%{box-shadow:0 0 0 0 #f5340e00}}
@media(max-width:767.98px){.story-left{background:var(--brand-cream)}html[data-theme=dark] .story-left{background:var(--brand-black)}}
@media(max-width:639.98px){.door-info li:before{background:var(--brand-orange);color:var(--brand-black)}}
@media(prefers-reduced-motion:reduce){.footer-eyebrow>i{animation:none}}
@media(forced-colors:active){.door-plate{background:ButtonFace;color:ButtonText}.pill.primary,.grand-footer .pill.primary{background:ButtonFace;color:ButtonText}.hero-name,.hero h1 .soft,.calendar-word,.text-accent,.story-track>li[aria-current=step] h3,.story-year,.story-year .year-reel>i,.story-year .story-year-word{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}.grand-footer h2>span{background:none;color:var(--brand-cream);-webkit-text-fill-color:var(--brand-cream)}.door-room:before{display:none}}