:root{--hda-c-06151e:#06151e;--hda-c-0b2530:#0b2530;--hda-c-102a35:#102a35;--hda-c-f8fbfc:#f8fbfc;--hda-c-a9c0c7:#a9c0c7;--hda-c-0a202a:#0a202a;--hda-c-061c22:#061c22;--hda-c-dbe9ed:#dbe9ed;--hda-c-c7d9df:#c7d9df;--hda-c-ffffff:#fff;--hda-c-c6dce0:#c6dce0;--hda-c-bfdae0:#bfdae0;--hda-c-102d39:#102d39;--hda-c-0a212b:#0a212b;--hda-c-18333d:#18333d;--hda-c-afc6cc:#afc6cc;--hda-c-e7f7fa:#e7f7fa;--hda-c-c6d9de:#c6d9de;--hda-c-a4bdc4:#a4bdc4;--hda-c-091f2a:#091f2a;--hda-c-b5ced4:#b5ced4;--hda-c-afc7cd:#afc7cd;--hda-c-081722:#081722;--hda-c-0b2c34:#0b2c34;--hda-c-071923:#071923;--hda-c-09202a:#09202a;--hda-c-02080c:#02080c;--hda-c-b9d0d6:#b9d0d6;--hda-c-b6cbd1:#b6cbd1;--hda-c-0a2932:#0a2932;--hda-c-06141e:#06141e;--hda-c-a7c0c7:#a7c0c7;--hda-c-a5bfc5:#a5bfc5;--hda-c-e2f0f1:#e2f0f1;--hda-c-062027:#062027;}
:root[data-theme="light"]{--hda-c-06151e:#f3f7f8;--hda-c-0b2530:#e5eef0;--hda-c-102a35:#e5eef0;--hda-c-f8fbfc:#17333c;--hda-c-a9c0c7:#496570;--hda-c-0a202a:#e5eef0;--hda-c-061c22:#f3f7f8;--hda-c-dbe9ed:#17333c;--hda-c-c7d9df:#496570;--hda-c-ffffff:#17333c;--hda-c-c6dce0:#17333c;--hda-c-bfdae0:#496570;--hda-c-102d39:#e5eef0;--hda-c-0a212b:#e5eef0;--hda-c-18333d:#e5eef0;--hda-c-afc6cc:#496570;--hda-c-e7f7fa:#17333c;--hda-c-c6d9de:#496570;--hda-c-a4bdc4:#496570;--hda-c-091f2a:#e5eef0;--hda-c-b5ced4:#496570;--hda-c-afc7cd:#496570;--hda-c-081722:#f3f7f8;--hda-c-0b2c34:#e5eef0;--hda-c-071923:#f3f7f8;--hda-c-09202a:#e5eef0;--hda-c-02080c:#f3f7f8;--hda-c-b9d0d6:#496570;--hda-c-b6cbd1:#496570;--hda-c-0a2932:#e5eef0;--hda-c-06141e:#f3f7f8;--hda-c-a7c0c7:#496570;--hda-c-a5bfc5:#496570;--hda-c-e2f0f1:#17333c;--hda-c-062027:#e5eef0;}

#hda-johnson-story,
#hda-johnson-story * { box-sizing: border-box; }
#hda-johnson-story { --hd-bg:var(--hda-c-06151e); --hd-bg2:var(--hda-c-0b2530); --hd-panel:var(--hda-c-102a35); --hd-aqua:#00e1d6; --hd-white:var(--hda-c-f8fbfc); --hd-muted:var(--hda-c-a9c0c7); --hd-line:rgba(147,220,224,.17); position:relative; isolation:isolate; width:100vw; max-width:none; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); overflow:clip; color:var(--hd-white); background:linear-gradient(180deg,var(--hda-c-06151e) 0%,var(--hda-c-0a202a) 53%,var(--hda-c-06151e) 100%); font-family:Inter,Montserrat,Arial,Helvetica,sans-serif; font-size:17px; line-height:1.62; font-weight:400; }
#hda-johnson-story a { color:inherit; text-decoration:none; }
#hda-johnson-story a:focus-visible,
#hda-johnson-story summary:focus-visible { outline:3px solid var(--hd-aqua); outline-offset:4px; }
#hda-johnson-story button { font:inherit; }
#hda-johnson-story h1,#hda-johnson-story h2,#hda-johnson-story h3,#hda-johnson-story p { margin:0; padding:0; color:inherit; }
#hda-johnson-story img { display:block; max-width:100%; height:auto; }
#hda-johnson-story .hd-shell { width:min(1800px,calc(100% - clamp(40px,6.2vw,136px))); margin:0 auto; }
#hda-johnson-story .hd-eyebrow { display:flex; align-items:center; gap:10px; color:var(--hd-aqua); letter-spacing:.22em; text-transform:uppercase; font-size:12px; line-height:1.5; font-weight:800; }
#hda-johnson-story .hd-eyebrow:before { content:""; height:7px; width:7px; flex:0 0 7px; background:var(--hd-aqua); border-radius:50%; box-shadow:0 0 18px var(--hd-aqua); }
#hda-johnson-story .hd-title { font-size:clamp(37px,4.5vw,78px); line-height:1.055; letter-spacing:-.056em; font-weight:900; }
#hda-johnson-story .hd-title span { color:var(--hd-aqua); }
#hda-johnson-story .hd-intro { color:var(--hd-muted); font-size:clamp(17px,1.25vw,21px); line-height:1.75; max-width:850px; }
#hda-johnson-story .hd-button { display:inline-flex; align-items:center; justify-content:center; gap:13px; min-height:54px; padding:12px 23px; font-size:15px; font-weight:850; letter-spacing:.01em; border-radius:7px; border:1px solid var(--hd-aqua); background:var(--hd-aqua); color:var(--hda-c-061c22); transition:transform .22s ease,background .22s ease,box-shadow .22s ease; white-space:normal; text-align:center; }
#hda-johnson-story .hd-button:hover { background:#53fff0; border-color:#53fff0; transform:translateY(-3px); box-shadow:0 14px 44px rgba(0,225,214,.19); }
#hda-johnson-story .hd-button.hd-button-outline { background:rgba(0,225,214,.03); color:var(--hda-c-f8fbfc); border:1px solid rgba(169,240,237,.4); }
#hda-johnson-story .hd-button.hd-button-outline:hover { background:rgba(0,225,214,.12); }
#hda-johnson-story .hd-button .hd-arrow { font-size:21px; line-height:1; }
#hda-johnson-story .hd-header { position:relative; z-index:2; display:flex; justify-content:space-between; gap:24px; align-items:center; padding:28px 0; border-bottom:1px solid var(--hd-line); }
#hda-johnson-story .hd-wordmark { font-weight:900; letter-spacing:.22em; font-size:23px; line-height:1; white-space:nowrap; }
#hda-johnson-story .hd-wordmark span { font-weight:300; letter-spacing:.3em; }
#hda-johnson-story .hd-header-right { display:flex; align-items:center; gap:clamp(14px,2.4vw,43px); }
#hda-johnson-story .hd-header-right a { font-size:13px; font-weight:750; text-transform:uppercase; letter-spacing:.11em; color:var(--hda-c-dbe9ed); transition:color .2s; }
#hda-johnson-story .hd-header-right a:hover { color:var(--hd-aqua); }
#hda-johnson-story .hd-header-right a:last-child { color:var(--hd-aqua); }
#hda-johnson-story .hd-hero { position:relative; padding:clamp(56px,6.4vw,112px) 0 clamp(55px,6vw,104px); background:radial-gradient(ellipse at 76% 22%,rgba(0,190,188,.14),transparent 45%); }
#hda-johnson-story .hd-hero-grid { display:grid; grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr); align-items:center; gap:clamp(40px,5.7vw,105px); }
#hda-johnson-story .hd-hero-content .hd-eyebrow { margin-bottom:28px; }
#hda-johnson-story .hd-hero-content h1 { max-width:770px; font-size:clamp(50px,5vw,95px); line-height:1.02; letter-spacing:-.068em; font-weight:900; }
#hda-johnson-story .hd-hero-content h1 em { display:block; font-style:normal; color:var(--hd-aqua); }
#hda-johnson-story .hd-hero-lead { margin-top:27px; max-width:680px; color:var(--hda-c-c7d9df); font-size:clamp(18px,1.35vw,23px); line-height:1.7; }
#hda-johnson-story .hd-hero-lead strong { color:var(--hda-c-ffffff); font-weight:850; }
#hda-johnson-story .hd-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
#hda-johnson-story .hd-hero-art { position:relative; padding:9px; border-radius:17px; border:1px solid rgba(23,231,225,.24); background:linear-gradient(130deg,rgba(0,225,214,.12),rgba(255,255,255,.02)); box-shadow:0 40px 95px rgba(0,0,0,.32); }
#hda-johnson-story .hd-hero-art::after { content:""; position:absolute; top:-12px; right:15%; width:48%; height:3px; border-radius:999px; background:var(--hd-aqua); box-shadow:0 0 32px rgba(0,225,214,.8); }
#hda-johnson-story .hd-hero-art img { border-radius:11px; aspect-ratio:16 / 9; object-fit:cover; width:100%; }
#hda-johnson-story .hd-hero-art-label { display:flex; gap:15px; justify-content:space-between; padding:15px 5px 5px; font-size:12px; letter-spacing:.16em; font-weight:750; text-transform:uppercase; color:var(--hda-c-c6dce0); }
#hda-johnson-story .hd-hero-art-label span:last-child { color:var(--hd-aqua); }
#hda-johnson-story .hd-ribbon { padding:21px 0; border-top:1px solid var(--hd-line); border-bottom:1px solid var(--hd-line); background:rgba(1,31,41,.68); }
#hda-johnson-story .hd-ribbon-inner { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px 24px; align-items:center; }
#hda-johnson-story .hd-ribbon-inner span { font-size:13px; letter-spacing:.19em; font-weight:760; color:var(--hda-c-bfdae0); text-transform:uppercase; }
#hda-johnson-story .hd-ribbon-inner b { color:var(--hd-aqua); font-size:13px; }
#hda-johnson-story .hd-section { padding:clamp(70px,8vw,136px) 0; }
#hda-johnson-story .hd-section-head { display:flex; justify-content:space-between; gap:36px; align-items:end; margin-bottom:36px; }
#hda-johnson-story .hd-section-head .hd-eyebrow { margin-bottom:17px; }
#hda-johnson-story .hd-section-head .hd-intro { max-width:520px; }
#hda-johnson-story .hd-stages { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:clamp(12px,1.2vw,22px); align-items:start; }
#hda-johnson-story .hd-stage { min-width:0; height:100%; display:flex; flex-direction:column; background:linear-gradient(156deg,var(--hda-c-102d39),var(--hda-c-0a212b)); border:1px solid rgba(144,211,218,.17); border-radius:12px; overflow:hidden; transition:transform .25s ease,border-color .25s ease; }
#hda-johnson-story .hd-stage:hover { transform:translateY(-5px); border-color:rgba(0,225,214,.62); }
#hda-johnson-story .hd-stage-photo { position:relative; display:block; width:100%; overflow:hidden; cursor:zoom-in; background:var(--hda-c-18333d); }
#hda-johnson-story .hd-stage-photo img { aspect-ratio:16/9; object-fit:cover; width:100%; transition:transform .45s ease; }
#hda-johnson-story .hd-stage-photo:hover img { transform:scale(1.04); }
#hda-johnson-story .hd-zoom { position:absolute; right:10px; top:10px; width:32px; height:32px; border-radius:50%; display:grid; place-items:center; color:var(--hda-c-ffffff); background:rgba(3,23,32,.85); font-size:19px; font-weight:500; border:1px solid rgba(255,255,255,.3); }
#hda-johnson-story .hd-stage-copy { padding:clamp(16px,1.25vw,24px); display:flex; flex-direction:column; flex:1; }
#hda-johnson-story .hd-stage-step { font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--hd-aqua); font-weight:850; }
#hda-johnson-story .hd-stage-copy h3 { margin-top:11px; font-size:clamp(19px,1.3vw,26px); letter-spacing:-.03em; line-height:1.21; font-weight:870; }
#hda-johnson-story .hd-stage-copy > p { margin-top:14px; font-size:clamp(15px,.95vw,17px); color:var(--hda-c-afc6cc); line-height:1.56; }
#hda-johnson-story .hd-stage details { margin-top:auto; padding-top:20px; }
#hda-johnson-story .hd-stage summary { display:flex; align-items:center; justify-content:space-between; gap:8px; list-style:none; cursor:pointer; border-top:1px solid var(--hd-line); padding-top:16px; color:var(--hda-c-e7f7fa); font-weight:800; font-size:13px; }
#hda-johnson-story .hd-stage summary::-webkit-details-marker { display:none; }
#hda-johnson-story .hd-stage summary:after { content:"+"; color:var(--hd-aqua); flex:0 0 auto; font-size:22px; line-height:1; }
#hda-johnson-story .hd-stage details[open] summary:after { content:"−"; }
#hda-johnson-story .hd-stage .hd-detail-text { padding:15px 0 3px; color:var(--hda-c-c6d9de); font-size:14px; line-height:1.72; }
#hda-johnson-story .hd-stage .hd-detail-text strong { color:var(--hda-c-ffffff); }
#hda-johnson-story .hd-stage-note { margin-top:22px; font-size:14px; color:var(--hda-c-a4bdc4); }
#hda-johnson-story .hd-stage-note strong { color:var(--hd-aqua); }
#hda-johnson-story .hd-midstory { position:relative; padding:clamp(55px,6vw,95px) 0; border-top:1px solid var(--hd-line); border-bottom:1px solid var(--hd-line); background:radial-gradient(circle at 55% 40%,rgba(0,225,214,.10),transparent 48%),var(--hda-c-091f2a); }
#hda-johnson-story .hd-midstory-inner { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.9fr); align-items:center; gap:clamp(40px,7vw,130px); }
#hda-johnson-story .hd-big-number { display:block; margin-bottom:7px; font-size:clamp(100px,15vw,240px); line-height:.84; letter-spacing:-.08em; font-weight:950; color:var(--hd-aqua); text-shadow:0 0 80px rgba(0,225,214,.2); }
#hda-johnson-story .hd-midstory-copy .hd-title { max-width:740px; }
#hda-johnson-story .hd-midstory-copy p { margin-top:24px; color:var(--hda-c-b5ced4); font-size:clamp(18px,1.25vw,21px); max-width:650px; }
#hda-johnson-story .hd-midstory-points { display:grid; gap:15px; }
#hda-johnson-story .hd-point { display:flex; align-items:flex-start; gap:15px; border:1px solid rgba(124,204,215,.2); background:rgba(16,50,62,.69); border-radius:9px; padding:21px 24px; }
#hda-johnson-story .hd-point-number { flex:0 0 auto; color:var(--hd-aqua); font-size:13px; letter-spacing:.07em; font-weight:900; margin-top:2px; }
#hda-johnson-story .hd-point b { display:block; font-size:19px; line-height:1.4; }
#hda-johnson-story .hd-point p { color:var(--hda-c-afc7cd); font-size:15px; margin-top:4px; line-height:1.62; }
#hda-johnson-story .hd-film { background:linear-gradient(160deg,var(--hda-c-081722),var(--hda-c-0b2c34) 75%,var(--hda-c-071923)); }
#hda-johnson-story .hd-film-header { text-align:center; margin-bottom:39px; }
#hda-johnson-story .hd-film-header .hd-eyebrow { justify-content:center; margin-bottom:18px; }
#hda-johnson-story .hd-film-header .hd-intro { margin:22px auto 0; }
#hda-johnson-story .hd-film-screen { width:min(1390px,100%); margin:0 auto; border:1px solid rgba(0,225,214,.4); border-radius:14px; padding:clamp(5px,.55vw,10px); background:var(--hda-c-09202a); box-shadow:0 28px 105px rgba(0,0,0,.38),0 0 80px rgba(0,225,214,.06); }
#hda-johnson-story .hd-video-ratio { aspect-ratio:16/9; position:relative; overflow:hidden; background:var(--hda-c-02080c); border-radius:8px; }
#hda-johnson-story .hd-video-ratio iframe { display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:0; }
#hda-johnson-story .hd-film-caption { width:min(1390px,100%); margin:20px auto 0; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px 25px; }
#hda-johnson-story .hd-film-caption p { color:var(--hda-c-b9d0d6); font-size:16px; }
#hda-johnson-story .hd-film-caption strong { color:var(--hda-c-ffffff); }
#hda-johnson-story .hd-watch-link { color:var(--hd-aqua); font-size:15px; font-weight:850; }
#hda-johnson-story .hd-watch-link:hover { text-decoration:underline; }
#hda-johnson-story .hd-answers { background:var(--hda-c-06151e); }
#hda-johnson-story .hd-answers-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(40px,7vw,124px); }
#hda-johnson-story .hd-answers-grid .hd-eyebrow { margin-bottom:18px; }
#hda-johnson-story .hd-answers-grid .hd-intro { margin-top:25px; }
#hda-johnson-story .hd-faq { border-top:1px solid var(--hd-line); }
#hda-johnson-story .hd-faq:last-child { border-bottom:1px solid var(--hd-line); }
#hda-johnson-story .hd-faq summary { position:relative; display:block; list-style:none; padding:23px 45px 23px 1px; cursor:pointer; font-size:clamp(18px,1.3vw,23px); line-height:1.35; font-weight:780; }
#hda-johnson-story .hd-faq summary::-webkit-details-marker { display:none; }
#hda-johnson-story .hd-faq summary:after { content:"+"; position:absolute; right:3px; top:18px; font-weight:300; font-size:32px; color:var(--hd-aqua); }
#hda-johnson-story .hd-faq[open] summary:after { content:"−"; }
#hda-johnson-story .hd-faq p { margin-bottom:22px; padding-right:38px; font-size:16px; color:var(--hda-c-b6cbd1); max-width:760px; }
#hda-johnson-story .hd-contact { position:relative; padding:clamp(74px,9vw,150px) 0 46px; background:radial-gradient(ellipse at 80% 25%,rgba(0,225,214,.17),transparent 52%),linear-gradient(145deg,var(--hda-c-0a2932),var(--hda-c-06141e)); border-top:1px solid var(--hd-line); }
#hda-johnson-story .hd-contact-main { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); align-items:end; gap:clamp(42px,8vw,145px); }
#hda-johnson-story .hd-contact .hd-eyebrow { margin-bottom:22px; }
#hda-johnson-story .hd-contact .hd-title { max-width:950px; font-size:clamp(48px,6vw,106px); }
#hda-johnson-story .hd-contact .hd-intro { margin-top:25px; }
#hda-johnson-story .hd-contact-actions { display:flex; flex-direction:column; gap:12px; padding-bottom:9px; }
#hda-johnson-story .hd-contact-actions .hd-button { font-size:17px; min-height:67px; justify-content:space-between; text-align:left; padding:16px 23px; }
#hda-johnson-story .hd-contact-method { display:flex; justify-content:space-between; gap:18px; align-items:center; padding:18px 4px; border-bottom:1px solid var(--hd-line); }
#hda-johnson-story .hd-contact-method span { color:var(--hda-c-a7c0c7); font-size:13px; text-transform:uppercase; letter-spacing:.12em; font-weight:750; }
#hda-johnson-story .hd-contact-method a { color:var(--hda-c-ffffff); font-size:clamp(16px,1.4vw,21px); font-weight:780; text-align:right; overflow-wrap:anywhere; }
#hda-johnson-story .hd-contact-method a:hover { color:var(--hd-aqua); }
#hda-johnson-story .hd-bottom { margin-top:clamp(70px,7vw,110px); padding-top:27px; display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; gap:14px 25px; border-top:1px solid var(--hd-line); }
#hda-johnson-story .hd-bottom .hd-wordmark { font-size:19px; }
#hda-johnson-story .hd-bottom small { font-size:11px; color:var(--hda-c-a5bfc5); letter-spacing:.19em; text-transform:uppercase; }
#hda-johnson-story .hd-bottom a { font-size:13px; color:var(--hd-aqua); font-weight:800; }
#hda-johnson-story:has(.hd-lightbox:target) { z-index:999999; overflow:visible; }
#hda-johnson-story .hd-lightbox { position:fixed; z-index:999999; inset:0; display:flex; align-items:center; justify-content:center; padding:clamp(18px,4vw,72px); visibility:hidden; opacity:0; pointer-events:none; transition:opacity .22s ease,visibility .22s ease; background:rgba(0,8,13,.94); }
#hda-johnson-story .hd-lightbox:target { visibility:visible; opacity:1; pointer-events:auto; }
#hda-johnson-story .hd-lightbox-backdrop { position:absolute; inset:0; z-index:0; }
#hda-johnson-story .hd-lightbox-inner { position:relative; z-index:1; width:min(1530px,100%); }
#hda-johnson-story .hd-lightbox-inner img { width:100%; max-height:81vh; aspect-ratio:16/9; object-fit:contain; margin:0 auto; border:1px solid rgba(255,255,255,.18); border-radius:8px; }
#hda-johnson-story .hd-lightbox-inner p { color:var(--hda-c-e2f0f1); font-size:14px; margin-top:15px; letter-spacing:.08em; text-align:center; }
#hda-johnson-story .hd-lightbox-close { position:absolute; z-index:2; right:clamp(10px,3vw,45px); top:clamp(10px,2vw,30px); width:48px; height:48px; border-radius:50%; display:grid; place-items:center; background:var(--hd-aqua); color:var(--hda-c-062027)!important; font-size:31px; font-weight:600; line-height:1; }
@media (max-width:1440px) { #hda-johnson-story .hd-stages { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:1100px) { #hda-johnson-story .hd-stages { grid-template-columns:repeat(3,minmax(0,1fr)); } #hda-johnson-story .hd-hero-grid { gap:35px; } }
@media (max-width:860px) { #hda-johnson-story .hd-hero-grid,#hda-johnson-story .hd-midstory-inner,#hda-johnson-story .hd-answers-grid,#hda-johnson-story .hd-contact-main { grid-template-columns:1fr; } #hda-johnson-story .hd-hero-art { max-width:740px; } #hda-johnson-story .hd-section-head { align-items:start; flex-direction:column; gap:17px; } #hda-johnson-story .hd-midstory-inner { gap:35px; } #hda-johnson-story .hd-big-number { font-size:clamp(115px,30vw,220px); } #hda-johnson-story .hd-header-right a:nth-child(2) { display:none; } #hda-johnson-story .hd-contact-main { gap:36px; } }
@media (max-width:760px) { #hda-johnson-story .hd-stages { grid-template-columns:repeat(2,minmax(0,1fr)); } #hda-johnson-story .hd-header-right a:first-child { display:none; } #hda-johnson-story .hd-ribbon-inner { justify-content:flex-start; } #hda-johnson-story .hd-ribbon-inner span { font-size:11px; } #hda-johnson-story .hd-stage-copy h3 { font-size:21px; } }
@media (max-width:520px) { #hda-johnson-story .hd-shell { width:calc(100% - 44px); } #hda-johnson-story .hd-header { padding:20px 0; } #hda-johnson-story .hd-wordmark { font-size:18px; } #hda-johnson-story .hd-header-right a { font-size:11px; letter-spacing:.03em; } #hda-johnson-story .hd-hero { padding:54px 0 62px; } #hda-johnson-story .hd-hero-content h1 { font-size:clamp(46px,11.7vw,65px); } #hda-johnson-story .hd-hero-lead { font-size:18px; margin-top:24px; } #hda-johnson-story .hd-hero-actions { align-items:stretch; flex-direction:column; } #hda-johnson-story .hd-button { width:100%; } #hda-johnson-story .hd-hero-art-label { font-size:10px; letter-spacing:.07em; } #hda-johnson-story .hd-stages { grid-template-columns:1fr; gap:19px; } #hda-johnson-story .hd-stage-copy { padding:23px; } #hda-johnson-story .hd-stage-copy h3 { font-size:25px; } #hda-johnson-story .hd-stage-copy > p { font-size:17px; } #hda-johnson-story .hd-stage summary { font-size:16px; } #hda-johnson-story .hd-stage .hd-detail-text { font-size:16px; } #hda-johnson-story .hd-title { font-size:clamp(40px,10vw,57px); } #hda-johnson-story .hd-film-caption { align-items:flex-start; flex-direction:column; } #hda-johnson-story .hd-contact .hd-title { font-size:clamp(43px,10.8vw,64px); } #hda-johnson-story .hd-contact-method { align-items:flex-start; flex-direction:column; gap:4px; } #hda-johnson-story .hd-contact-method a { text-align:left; } }
@media (prefers-reduced-motion: reduce) { #hda-johnson-story *,#hda-johnson-story *:before,#hda-johnson-story *:after { transition:none!important; scroll-behavior:auto!important; } }