/* Homepage only: full-bleed wood and independently scaled chalk lettering. */
html{background:#0b0d0e}
body#home-page{
 margin:0;height:auto;min-height:100vh;min-height:100svh;
 background:#0b0d0e url('/website/assets/media/dream-wood-v1.webp') center center / cover no-repeat;
 background-attachment:scroll;overflow-x:hidden;
}
#home-page #main-content{
 box-sizing:border-box;margin-left:60px;width:calc(100% - 60px);
 min-height:100vh;min-height:100svh;
 display:flex;flex-direction:column;align-items:center;
 padding:clamp(20px,4vh,48px) clamp(12px,2vw,32px) 24px;
 gap:clamp(18px,3vh,36px);
}
#home-page .header-widget{width:100%;flex-shrink:0}
#home-page .header-widget .hero-heading-wrapper{
 position:relative;display:flex;flex-direction:column;align-items:center;
 box-sizing:border-box;width:100%;margin:0;padding:0;text-align:center;
}
#home-page .header-widget .hero-name{
 position:relative;left:auto;top:auto;transform:none;width:100%;max-width:100%;
 margin:0;font-size:clamp(30px,10vw,172px);line-height:1.12;white-space:nowrap;
 font-family:'Anton',Impact,'Arial Narrow',sans-serif;
}
#home-page .header-widget .rotating-text{
 position:absolute;left:0;right:0;top:60%;bottom:auto;transform:translateY(-50%);z-index:3;
 box-sizing:border-box;width:100%;height:1.1em;line-height:1;
 margin:0;font-size:clamp(28px,6vw,88px);
 font-family:'Caveat',cursive;
}
#home-page .dream-big-sign{
 display:block;flex-shrink:0;width:72%;max-width:820px;height:auto;
 max-height:56vh;object-fit:contain;object-position:center top;margin:0;
}
@media(max-width:899px){
 #home-page .header-widget .hero-name{font-size:clamp(28px,9.5vw,85px)}
 #home-page .header-widget .rotating-text{font-size:clamp(27px,6vw,60px)}
 #home-page .dream-big-sign{width:72%;max-width:580px;max-height:46vh}
}
@media(max-width:600px){
 #home-page #main-content{padding:30px 12px 24px;gap:24px}
 #home-page .header-widget .hero-name{font-size:clamp(25px,9vw,54px)}
 #home-page .header-widget .rotating-text{font-size:clamp(24px,6.5vw,38px)}
 /* Smaller, un-stretched lettering with breathing room on phones. */
 #home-page .dream-big-sign{width:70%;max-width:300px;max-height:34vh}
}
@media(max-height:500px) and (min-width:601px){
 #home-page #main-content{padding-top:12px;padding-bottom:12px;gap:12px}
 #home-page .header-widget .hero-name{font-size:clamp(28px,12vh,72px)}
 #home-page .header-widget .rotating-text{font-size:clamp(24px,8vh,42px)}
 #home-page .dream-big-sign{width:55%;max-height:48vh}
}
@media print{
 body#home-page{background:white!important}
 #home-page #main-content{min-height:0;margin:0;width:100%;padding:0}
 #home-page .dream-big-sign{display:none}
}

/* Keep the chalk behind the name and every rotating role in front. */
#home-page #main-content{gap:0;isolation:isolate}
#home-page .header-widget{position:relative;z-index:2}
#home-page .header-widget .hero-name{z-index:2}
#home-page .dream-big-sign{
 position:relative;z-index:1;align-self:flex-end;
 width:60%;max-width:980px;height:auto;max-height:none;
 margin:-2.5% 1.5% 0 0;transform:rotate(-2deg);transform-origin:top right;
}
@media(max-width:899px){
 #home-page .dream-big-sign{width:60%;max-width:none;max-height:none}
}
@media(max-width:600px){
 #home-page #main-content{gap:0}
 #home-page .dream-big-sign{width:60%;max-width:none;max-height:none;margin-top:-2.5%}
}
@media(max-height:500px) and (min-width:601px){
 #home-page #main-content{gap:0}
 #home-page .dream-big-sign{width:48%;max-height:none}
}