/* V2 visual header; original page content and styling below. */
.version-three .site-header{border:0;height:65px}.version-three .site-header nav{margin-left:auto;margin-right:0}.version-three .strap{position:absolute;top:61px;margin-top:0;left:max(40px,calc((100% - 1120px)/2));z-index:2;pointer-events:none}.version-three .strap span:last-child{display:none}.version-three .site-header .logo{font-size:44px}.collage{max-width:1200px;margin:auto;height:710px;position:relative;display:grid;grid-template-columns:27% 11% 49% 13%;grid-template-rows:355px 170px 175px;gap:8px 0}.hero-main{grid-column:3/5;grid-row:1/3;position:relative}.hero-main img{object-position:center 60%}.hero-copy{position:absolute;left:0;top:65px;z-index:1;max-width:650px}.hero-copy h1{font-size:clamp(48px,6.7vw,79px);line-height:.96;letter-spacing:-.065em;background:linear-gradient(90deg,#fff 60%,#fff0);padding:0 10px 8px 0}.hero-copy h1 span{border-bottom:6px solid var(--orange)}.hero-copy p{font:23px/1.3 Georgia,serif;margin-top:18px}.hero-copy p a{text-decoration:underline;text-underline-offset:4px}.hero-detail{grid-column:1;grid-row:2/4}.hero-detail img{object-position:center 65%}.hero-rhythm{grid-column:2/4;grid-row:3;padding-left:16px}.hero-rhythm img{object-position:center 66%}.image-note{font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:16px 12px 16px 28px;background:white;line-height:1.4;position:relative}.image-note:before{content:'';width:10px;height:10px;background:var(--orange);position:absolute;left:10px;top:18px}.hero-main .image-note{position:absolute;right:50px;top:45px}.detail-note{grid-column:2;grid-row:2;align-self:end;padding-left:28px;padding-right:0;font-size:9px}.rhythm-note{grid-column:4;grid-row:3;align-self:start;margin-left:8px}
@media(min-width:601px){
.version-three{--u:min(.13812155vw,1.657459px);--orange:#ff4b25}
.version-three .site-header.wrap{width:calc(680 * var(--u));max-width:none}
.version-three .site-header{height:calc(38 * var(--u));gap:calc(17 * var(--u));align-items:center}
.version-three .site-header .logo{font-size:calc(34 * var(--u));letter-spacing:calc(-2 * var(--u));align-self:start}
.version-three .site-header nav{font-size:calc(8 * var(--u));gap:calc(18 * var(--u));font-weight:600}
.version-three .header-actions{font-size:calc(8 * var(--u));gap:calc(15 * var(--u));border-left:1px solid #ccc;padding-left:calc(16 * var(--u))}
.version-three .header-actions .icon-btn{font-size:calc(22 * var(--u));padding:0}
.version-three .strap{position:absolute;top:calc(36 * var(--u));left:calc(50% - 340 * var(--u));width:auto;max-width:calc(247 * var(--u));font-size:calc(5 * var(--u));letter-spacing:calc(1 * var(--u));white-space:nowrap;z-index:3}
.collage{width:100%;max-width:1200px;height:calc(432 * var(--u));display:block;margin:0 auto;position:relative}
.hero-main{position:absolute;left:38%;right:0;top:0;height:calc(314 * var(--u))}
.hero-main img{object-position:center 58%}
.hero-copy{left:calc(20 * var(--u));top:calc(34 * var(--u));max-width:none;width:calc(365 * var(--u))}
.hero-copy h1{font-size:calc(50 * var(--u));line-height:.94;letter-spacing:calc(-2.7 * var(--u));padding:calc(2 * var(--u)) 0 calc(5 * var(--u));background:linear-gradient(90deg,white 63%,#ffffffe6 79%,#ffffff00);font-weight:1000}
.hero-copy h1 span{border-bottom:calc(4 * var(--u)) solid var(--orange)}
.hero-copy p{font:calc(16 * var(--u))/1.14 Georgia,serif;margin-top:calc(8 * var(--u));width:calc(258 * var(--u));background:#fff}
.hero-copy p a{text-underline-offset:calc(2 * var(--u))}
.hero-detail{position:absolute;left:0;top:calc(215 * var(--u));width:26.5%;height:calc(202 * var(--u));padding:0}
.hero-detail img{object-position:center 68%}
.hero-rhythm{position:absolute;left:28%;top:calc(320 * var(--u));width:58.5%;height:calc(105 * var(--u));padding:0}
.hero-rhythm img{object-position:center 75%}
.image-note{font-size:calc(7 * var(--u));letter-spacing:calc(.9 * var(--u));line-height:1.35;padding:calc(10 * var(--u)) calc(8 * var(--u)) calc(10 * var(--u)) calc(20 * var(--u))}
.image-note:before{width:calc(7 * var(--u));height:calc(7 * var(--u));top:calc(12 * var(--u));left:calc(6 * var(--u))}
.hero-main .image-note{top:calc(26 * var(--u));right:calc(39 * var(--u))}
.detail-note{position:absolute;left:27%;top:calc(265 * var(--u));margin:0;padding-right:0}
.rhythm-note{position:absolute;left:87%;top:calc(333 * var(--u));margin:0;padding-right:0}

.hero-copy p{font-size:calc(15 * var(--u));width:calc(250 * var(--u))}.hero-copy h1{font-size:calc(48 * var(--u));letter-spacing:calc(-2.8 * var(--u))}
}

.version-three .intro{padding-top:32px}.version-three .intro>.deck{margin-top:0;margin-bottom:16px}
@media(max-width:600px){
.version-three .site-header{height:60px}.version-three .site-header .logo{font-size:37px}.version-three .strap{left:16px;top:58px}.version-three .site-header nav{margin-left:0}
.collage{max-width:100%;height:auto;grid-template-columns:42% 58%;grid-template-rows:auto 300px 160px;margin-top:22px;gap:8px 0}
.hero-copy{position:static;grid-column:1/-1;grid-row:1;padding:20px 16px 15px}.hero-copy h1{font-size:clamp(42px,10.5vw,62px);background:none;padding-right:0}.hero-copy p{font-size:20px}
.hero-main{grid-column:1/-1;grid-row:2}.hero-main img{object-position:center 61%}.hero-main .image-note{font-size:10px;right:16px;top:16px}
.hero-detail{grid-column:1;grid-row:3;padding-right:8px}.hero-rhythm{grid-column:2;grid-row:3;padding:0}.detail-note,.rhythm-note{display:none}
.version-three .intro{padding-top:25px}
}

/* Hero refinements: underline follows the letters; label belongs to its photo. */
.collage .hero-copy h1 span{border-bottom:0;position:relative;display:inline-block}
.collage .hero-copy h1 span::after{content:"";position:absolute;left:0;right:0;bottom:-.06em;height:.065em;background:var(--orange)}
.collage .hero-copy p a{white-space:nowrap}
.collage .hero-detail .detail-note{position:absolute;left:12px;right:auto;top:auto;bottom:12px;margin:0;padding:12px 14px 12px 30px;font-size:11px;letter-spacing:1px;display:block}
.collage .hero-detail .detail-note::before{left:12px;top:15px;width:9px;height:9px}
@media(max-width:600px){
.collage .hero-detail{position:relative}
.collage .hero-detail .detail-note{left:6px;bottom:6px;padding:8px 7px 8px 20px;font-size:8px;letter-spacing:.5px}
.collage .hero-detail .detail-note::before{left:7px;top:10px;width:6px;height:6px}
}