/* The photographer leads; the island supplies the atmosphere. */
.hero-copy{top:31%;right:var(--gutter)}
.hero-eyebrow{font-size:clamp(12px,1.05vw,18px);line-height:1.4;letter-spacing:.04em;margin:0 0 25px}
.hero-copy h1{font-size:clamp(76px,12.5vw,280px);line-height:.88;white-space:normal;letter-spacing:-.035em}
.hero-copy h1 .hero-discipline{display:block}
.hero-copy h1 em{display:block;font-family:Georgia,'Times New Roman',serif;font-size:.68em;line-height:1.2;font-weight:400;letter-spacing:-.065em;margin:.12em 0 0 17%;white-space:nowrap}
.brand-role{display:block;font-size:10px;font-weight:400;letter-spacing:.09em;line-height:1.3;margin-top:10px}
.day-foot{gap:30px;bottom:105px}
.day-foot p{line-height:1.6;font-size:clamp(16px,1.25vw,22px)}
.day-foot p>span{font-size:.72em;opacity:.85}
.hero-actions{display:flex;align-items:center;gap:32px}
.hero-portfolio{display:flex;align-items:center;gap:24px;color:var(--paper);font-size:16px;text-decoration:none;border-bottom:1px solid #f7f0df80;min-height:48px;padding:8px 0}
.hero-actions .explore{font-size:13px;gap:12px;padding:8px 0;color:var(--paper)}
.hero-actions svg{width:20px;height:20px}
@media(hover:hover){.hero-portfolio:hover{border-color:var(--paper)}.hero-actions .explore:hover{text-underline-offset:5px}}
@media(max-width:700px){
 .hero-copy{top:34%;right:var(--gutter)}
 .hero-eyebrow{max-width:245px;font-size:11px;letter-spacing:.025em;line-height:1.55;margin-bottom:17px}
 .hero-copy h1{font-size:14.4vw;line-height:.94;letter-spacing:-.035em}
 .hero-copy h1 em{font-size:.72em;margin:.25em 0 0 5%;letter-spacing:-.065em}
 .brand-role{font-size:9px;margin-top:8px}
 .day-foot{display:block;bottom:100px}
 .day-foot p{font-size:15px;line-height:1.6}
 .day-foot p>span{font-size:11px}
 .hero-actions{justify-content:space-between;gap:12px;margin-top:20px}
 .hero-portfolio{font-size:13px;gap:13px}
 .hero-actions .explore{font-size:11px;gap:8px}
 .hero-actions svg{width:17px;height:17px}
 .day .scene-media{object-position:50% 50%}
 .night-copy h2{font-size:18vw}
}
@media(max-width:360px){.hero-actions{gap:9px}.hero-portfolio{font-size:12px;gap:8px}.hero-actions .explore{font-size:10px;gap:6px}.day-foot p{font-size:14px}}
@media(max-height:650px) and (min-width:701px){.hero-copy{top:24%}.hero-copy h1{font-size:18vh}.hero-eyebrow{margin-bottom:12px}.day-foot{bottom:65px}.hero-actions{gap:20px}}

.hero-eyebrow{color:var(--ink)}
.day{background-image:url("assets/jeep-v7-desktop.webp")}
.ocean-frame{background-image:url("assets/ocean-v7-desktop.webp")}
@media(max-width:700px){.day{background-image:url("assets/jeep-v7-mobile.webp");background-position:center}.ocean-frame{background-image:url("assets/ocean-v7-mobile.webp")}}