/* Approved Drew composition, integrated from the separate study. */
.home-page #main .drew-study{--charcoal:#1f1e1e;--black:#0d0d0d;--ivory:#eeeae0;--gold:#dfc797;color:var(--ivory)}
/* Remove the fourth story beat while keeping the first three scenes' scroll timing. */
.home-page .day-story{height:397svh}
@media(max-width:760px){.home-page .day-story{height:376svh}}
/* The service center and the next triangle share an exact surface color. */
.home-page #main #services .service-study{padding-bottom:0}
.home-page #main .drew-study{position:relative;isolation:isolate;min-height:850px;height:65vw;max-height:1080px;overflow:hidden;scroll-margin-top:0;background:var(--black)}
.home-page #main .drew-triangle{position:absolute;inset:0;z-index:-2;background:var(--charcoal);clip-path:polygon(0 0,100% 0,50% 100%)}
.home-page #main .drew-image-field{position:absolute;inset:0;z-index:-1;clip-path:polygon(0 0,100% 0,50% 100%)}
.home-page #main .drew-portrait{position:absolute;top:3%;left:50%;transform:translateX(-50%);width:39%;height:87%;overflow:hidden;mask-image:linear-gradient(#000 0%,#000 62%,transparent 98%)}
.home-page #main .drew-portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center top;filter:brightness(.85) contrast(.94)}
.home-page #main .drew-copy{position:absolute;top:calc(11% + 48px);width:21%;max-width:320px}
.home-page #main .drew-approach{left:5.7%}
.home-page #main .drew-copy h2{font:400 clamp(34px,3.6vw,62px)/1.04 'Italiana',serif;letter-spacing:-.025em;margin:0 0 28px;text-wrap:balance;width:125%}
.home-page #main .drew-copy h2 em{font-style:normal;color:var(--gold)}
.home-page #main .drew-copy p{font-size:clamp(14px,1.13vw,18px);line-height:1.8;color:#d6d0c7;margin:0 0 24px;text-align:justify;text-justify:inter-word;hyphens:auto;overflow-wrap:break-word}
.home-page #main .drew-discover{position:absolute;top:27%;right:7%;width:23%;max-width:350px}
.home-page #main .meet-drew{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;min-height:160px;padding:12px 0 22px;color:var(--gold);border-bottom:1px solid #9b8b6b}
.home-page #main .meet-label{display:flex;flex-direction:column;font:400 clamp(54px,5.7vw,86px)/.98 'Italiana',serif;letter-spacing:-.025em}
.home-page #main .meet-label>span:first-child{color:var(--ivory)}
.home-page #main .meet-drew svg{width:clamp(65px,7vw,105px);height:auto;stroke-width:1;transition:transform 240ms cubic-bezier(.16,1,.3,1)}
.home-page #main .meet-drew:hover{color:#fff3d9;border-color:currentColor}
.home-page #main .meet-drew:hover svg{transform:translate(5px,-5px)}
.home-page #main :where(.drew-study) svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.25}
.home-page #main .drew-signature{position:absolute;top:65%;left:50%;transform:translateX(-50%);text-align:center;width:70%}
.home-page #main .drew-signature>span{display:block}
.home-page #main .drew-signature>span:first-child{font:400 31px/1.3 'Italiana',serif;letter-spacing:-.02em;color:var(--ivory)}
.home-page #main .drew-signature>span:last-child{margin-top:9px;font-size:12px;letter-spacing:.035em;color:#c9bda8}

@media(min-width:1800px){
.home-page #main .drew-approach{left:8%}
.home-page #main .drew-discover{right:8%}}
@media(min-width:761px) and (max-width:1050px){
.home-page #main .drew-study{min-height:760px}
.home-page #main .drew-copy{top:calc(9% + 48px);width:27%}
.home-page #main .drew-approach{left:4%}
.home-page #main .drew-discover{right:4%;width:25%;top:30%}
.home-page #main .drew-copy h2{font-size:36px}
.home-page #main .drew-copy p{font-size:14px}
.home-page #main .drew-portrait{width:40%;top:8%;height:78%}
.home-page #main .drew-signature{top:65%}}
@media(max-width:760px){
.home-page #main .drew-study{height:auto;min-height:0;max-height:none;padding:540px 26px 76px;display:grid;gap:35px}
.home-page #main .drew-triangle,.home-page #main .drew-image-field{height:570px;clip-path:polygon(0 0,100% 0,50% 100%)}
.home-page #main .drew-portrait{top:18px;width:90%;height:485px;mask-image:linear-gradient(#000 0%,#000 60%,transparent 98%)}
.home-page #main .drew-copy{position:relative;inset:auto;width:auto;max-width:500px;margin:48px auto 0;z-index:1}
.home-page #main .drew-copy h2{font-size:42px;margin-bottom:24px;width:100%}
.home-page #main .drew-copy p{font-size:15px;line-height:1.8}
.home-page #main .drew-copy h2 br{display:initial}
.home-page #main .drew-signature{top:390px;left:50%;width:100%;transform:translateX(-50%)}
.home-page #main .drew-signature>span:first-child{font-size:28px}
.home-page #main .drew-discover{position:relative;inset:auto;width:100%;max-width:500px;margin:0 auto}
.home-page #main .meet-drew{min-height:108px;padding:10px 0 18px;gap:26px}
.home-page #main .meet-label{flex-direction:row;gap:.22em;font-size:56px}
.home-page #main .meet-drew svg{width:68px}
}
@media(prefers-reduced-motion:reduce){
.home-page{scroll-behavior:auto}
.home-page #main .drew-study *{transition:none!important}}

.home-page #main .drew-study a{text-decoration:none}
.home-page #main .drew-study :is(a,button):focus-visible{outline:2px solid #dfc797;outline-offset:5px}

/* A soft fade and short upward drift match the site's relaxed scroll. */
.home-page #main .drew-portrait{transform:translate(-50%,var(--drew-rise,0px));opacity:var(--drew-opacity,1)}
.home-page #main .drew-portrait.drew-rising{will-change:transform,opacity}
.motion-off .home-page #main .drew-portrait{transform:translateX(-50%);opacity:1;will-change:auto}
@media(prefers-reduced-motion:reduce){
.home-page #main .drew-portrait{transform:translateX(-50%);opacity:1;will-change:auto}}