/* The portrait shares the site's horizon and atmosphere, without a card frame. */
.index .poster-hero{position:relative;isolation:isolate;width:100vw;left:50%;margin-left:-50vw;min-height:790px;height:calc(100svh - 110px);max-height:1080px;display:flex;align-items:center;overflow:hidden;background:#080f1e}
.poster-visual{position:absolute;inset:0;margin:0;z-index:-2;pointer-events:none;mask-image:linear-gradient(180deg,transparent,#000 8%,#000 76%,transparent 100%)}
.poster-visual img{width:100%;height:100%;object-fit:cover;object-position:70% 40%;display:block;filter:none;transform:translate3d(var(--poster-x,0px),var(--poster-y,0px),0) scale(1.025);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.poster-visual figcaption{position:absolute;right:5.5%;top:35px;font:11px var(--sans);letter-spacing:.15em;color:#93afc7;writing-mode:vertical-rl}
.poster-hero::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,#080f1e55,transparent 52%),linear-gradient(0deg,#080f1e,transparent 24%)}
.poster-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 35%,#4d99eb16,transparent 43%);mix-blend-mode:screen;animation:posterBreath 9s ease-in-out infinite;z-index:0}
.poster-grid{position:absolute;left:6.6%;right:6.6%;bottom:112px;height:1px;background:linear-gradient(90deg,#a9bacc44,transparent);pointer-events:none}
.poster-copy{width:100%;max-width:1600px;padding:45px max(6.65vw,24px) 155px;margin:auto;z-index:1;pointer-events:none}
.poster-copy a{pointer-events:auto}.poster-kicker{font:500 12px var(--sans);letter-spacing:.23em;color:#a8bdd4;margin:0 0 38px}.poster-kicker span{letter-spacing:.1em;border-left:1px solid #779bb64d;padding-left:18px;margin-left:18px;font-size:11px}
.poster-name{font:500 21px var(--sans);color:#d6e1eb;margin:0 0 22px}
.index .poster-hero h1{font:700 clamp(64px,6.45vw,108px)/1.16 var(--sans);letter-spacing:-.065em;color:#f4f2ec;margin:0;max-width:59%;text-wrap:nowrap;text-shadow:0 3px 35px #00153240}
.poster-hero h1 span{color:#c8def2}.poster-hero h1:focus{outline:none}
.poster-description{font:400 15px/2 var(--sans);color:#a9bbce;letter-spacing:.07em;margin:30px 0}
.index .poster-actions{display:flex;align-items:center;gap:22px;margin:30px 0 0;flex-wrap:wrap}.poster-actions a{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;text-decoration:none;font:600 17px var(--sans);border-radius:3px;min-height:58px;padding:16px 22px}
.poster-primary{background:#cee0f0;color:#102039;box-shadow:0 0 30px #75a7df26;border:1px solid #e8f4ff}.poster-primary:hover{background:#fff;box-shadow:0 0 40px #8bbcff55;transform:translateY(-2px)}.poster-secondary{color:#c1d3e5;border:1px solid #6a8ca355;background:#0c1b2f55;backdrop-filter:blur(12px)}.poster-secondary:hover{border-color:#b0cce4;background:#22486855}
.poster-bottom{position:absolute;bottom:24px;left:6.65%;right:6.65%;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:2}.poster-bottom .hero-film-links{margin:0}.poster-bottom p{font:400 12px/1.8 var(--sans);color:#98adc4;letter-spacing:.12em}.poster-scroll{display:flex;align-items:center;gap:20px;text-decoration:none;color:#d3e1ee;font:13px var(--sans)}.poster-scroll span{font-size:23px;animation:posterArrow 2s ease-in-out infinite}
.index .hero-footnote{margin-top:0}.sound-choices{grid-template-columns:1fr 1fr}.sound-choices [data-background=refreshing]{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px}.sound-choices [data-background=refreshing] small{margin:0}
@keyframes posterBreath{50%{opacity:.3;transform:translateX(-2%)}}@keyframes posterArrow{50%{transform:translateY(5px)}}
@media(min-width:1800px){.poster-copy{padding-left:80px}.poster-visual img{object-fit:contain;object-position:80% center}}
@media(max-width:1100px){.index .poster-hero{height:780px;min-height:780px}.index .poster-hero h1{font-size:70px}.poster-copy{padding-left:5%;padding-bottom:160px}.poster-visual img{object-position:65% center}.poster-kicker span{display:block;border:0;margin:12px 0 0;padding:0}.poster-actions a{font-size:15px;gap:18px;padding:14px 17px}.poster-bottom{left:5%;right:5%}}
@media(max-width:700px){.index .poster-hero{height:auto;min-height:930px;align-items:flex-end}.poster-visual{height:675px;mask-image:linear-gradient(180deg,transparent,#000 5%,#000 60%,transparent 100%)}.poster-visual img{object-position:67% top;transform:none}.poster-light{height:650px}.poster-copy{margin:0;padding:455px 24px 158px}.poster-kicker{position:absolute;top:15px;left:24px;font-size:10px;margin:0}.poster-kicker span{font-size:9px;margin-top:8px;letter-spacing:.07em}.poster-name{font-size:16px;margin:0 0 14px}.index .poster-hero h1{max-width:100%;font-size:clamp(44px,11.8vw,78px);line-height:1.17;letter-spacing:-.055em}.poster-description{font-size:12px;margin:20px 0;letter-spacing:.035em}.index .poster-actions{margin-top:20px;gap:9px}.poster-actions a{font-size:13px;padding:13px 12px;min-height:48px;gap:12px}.poster-bottom{bottom:20px;left:24px;right:24px;flex-wrap:wrap;gap:12px}.poster-bottom p{display:none}.poster-bottom .hero-film-links{width:100%;gap:10px;flex-wrap:wrap}.index .poster-bottom .hero-film-links a{font-size:12px;padding:10px 12px}.poster-scroll{font-size:11px;gap:13px}.poster-grid{left:24px;right:24px;bottom:127px}.poster-visual figcaption{right:15px;top:36px;font-size:9px}}
@media(max-width:360px){.index .poster-hero{min-height:905px}.poster-copy{padding-left:20px;padding-right:20px}.poster-visual img{object-position:66% top}.poster-bottom{left:20px;right:20px}.index .poster-hero h1{font-size:43px}.poster-actions a{font-size:12px;gap:8px;padding:13px 10px}}
@media(prefers-reduced-motion:reduce){.poster-light,.poster-scroll span{animation:none}.poster-visual img{transform:none!important;transition:none}}
[data-motion=off] .poster-light,[data-motion=off] .poster-scroll span{animation:none}[data-motion=off] .poster-visual img{transform:none!important}

/* Original travel photograph; only layout, crop and surrounding gradients change. */
.poster-visual{left:20%;width:80%}.poster-visual img{object-fit:cover;object-position:63% 30%}
.poster-hero::after{background:linear-gradient(90deg,#080f1e 0%,#080f1efa 23%,#080f1eb8 40%,transparent 65%),linear-gradient(180deg,#080f1e55,transparent 24%),linear-gradient(0deg,#080f1e,transparent 30%)}
.poster-light{background:radial-gradient(ellipse at 76% 25%,#1b68a812,transparent 43%)}
@media(min-width:1800px){.poster-visual img{object-fit:cover;object-position:63% 30%}}
@media(max-width:700px){.poster-visual{left:0;width:100%;height:675px}.poster-visual img{object-position:64% 24%}.poster-hero::after{background:linear-gradient(180deg,#080f1e66,transparent 20%,transparent 42%,#080f1e99 64%,#080f1e 81%)}.poster-kicker{color:#d4e0e8}.poster-visual figcaption{color:#d4e0e8;text-shadow:0 1px 5px #000}}
/* The surf is a live render, not a looped video. It stays below the face and text. */
.poster-hero .hero-surf{position:absolute;inset:auto 0 0;width:100%;height:36%;z-index:0;opacity:.56;mask-image:linear-gradient(transparent,#000 52%,transparent);pointer-events:none}
.index .page-atmosphere::after{background:linear-gradient(90deg,#080f1e9c,#080f1e22 75%),linear-gradient(180deg,#080f1e55,transparent 55%)}
.poster-preview-bar{display:flex;gap:22px;align-items:center;justify-content:space-between;position:relative;z-index:30;background:#e3d5bd;color:#18232c;padding:12px 6.6%;font:500 13px var(--sans)}.poster-preview-bar div{display:flex;gap:8px}.poster-preview-bar a{min-height:34px;padding:7px 12px;border:1px solid #18232c44;border-radius:4px}.poster-preview-bar a[aria-current]{background:#18232c;color:#fff}
.poster-display-type,.poster-stamp{pointer-events:none;position:absolute;z-index:0}.poster-stamp{right:5.5%;top:32px;font:11px/1.8 var(--sans);letter-spacing:.16em;color:#bfccc8;text-align:right}.poster-display-type{font:700 12vw/1 var(--sans);letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px #c4cfdb38;white-space:nowrap}
[data-poster] .poster-visual figcaption{display:none}[data-poster] .poster-copy{padding-bottom:125px}[data-poster] .poster-name{font-size:17px;letter-spacing:.12em}[data-poster] .poster-kicker{margin-bottom:26px}
/* 01: red outfit, dusk mountains, large condensed lettering and a warm accent. */
[data-poster=ember] .poster-hero{background:#10101a}[data-poster=ember] .poster-visual{left:19%;width:85%}[data-poster=ember] .poster-visual img{object-position:65% 28%;transform:translate3d(var(--poster-x,0px),var(--poster-y,0px),0) scale(1.11)}
[data-poster=ember] .poster-hero::after{background:linear-gradient(90deg,#10101a 4%,#10101aea 26%,#10101a85 46%,transparent 70%),linear-gradient(0deg,#10101a,transparent 36%)}
[data-poster=ember] .poster-hero h1{font-size:clamp(76px,7.7vw,125px);letter-spacing:-.07em;line-height:1.14}[data-poster=ember] .poster-hero h1 span{color:#edc5ae}[data-poster=ember] .poster-primary{background:#db482f;color:#fff;border-color:#f87155;box-shadow:0 0 35px #cb40262d}[data-poster=ember] .poster-display-type{bottom:100px;left:6.5%;font-size:15vw;-webkit-text-stroke:1px #bd6b492a}[data-poster=ember] .poster-light{background:radial-gradient(ellipse at 45% 80%,#c43b301f,transparent 48%)}
/* 02: generous green-black negative space, a vertical name and offset portrait. */
[data-poster=jade] .poster-hero{background:#071c1c}[data-poster=jade] .poster-visual{left:25%;width:70%;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 65%,transparent 100%)}[data-poster=jade] .poster-visual img{object-position:62% 25%}
[data-poster=jade] .poster-hero::after{background:linear-gradient(90deg,#071c1c 5%,#071c1cf5 26%,#071c1c88 47%,transparent 67%,#071c1c 100%),linear-gradient(0deg,#071c1c,transparent 37%)}
[data-poster=jade] .poster-copy{padding-left:7.5%}[data-poster=jade] .poster-hero h1{font-size:clamp(62px,6vw,94px);font-weight:500;line-height:1.35;letter-spacing:.02em}[data-poster=jade] .poster-hero h1 span{color:#c7d9b9}[data-poster=jade] .poster-name{color:#91bcae}[data-poster=jade] .poster-kicker{letter-spacing:.3em}[data-poster=jade] .poster-primary{background:#c7d9b9;color:#0c2923;border-color:#dfead6}[data-poster=jade] .poster-display-type{right:3%;top:10%;font-size:21vw;line-height:.92;-webkit-text-stroke:1px #b7d7ba44;letter-spacing:-.1em;opacity:.6}[data-poster=jade] .poster-stamp{left:7.5%;right:auto;top:38px;text-align:left;border-left:2px solid #a4bf9b;padding-left:15px}[data-poster=jade] .poster-light{background:radial-gradient(ellipse at 65% 30%,#93c3a010,transparent 60%)}[data-poster=jade] .hero-surf{opacity:.42}
/* 03: the original blue-shirt photo, luminous ocean type and deep blue surround. */
[data-poster=tide] .poster-hero{background:#061725}[data-poster=tide] .poster-visual{left:20%;width:83%}[data-poster=tide] .poster-visual img{object-position:58% 28%;transform:translate3d(var(--poster-x,0px),var(--poster-y,0px),0) scale(1.04)}
[data-poster=tide] .poster-hero::after{background:linear-gradient(90deg,#061725 5%,#061725ee 27%,#06172599 46%,transparent 68%),linear-gradient(0deg,#061725,transparent 40%)}
[data-poster=tide] .poster-hero h1{font-size:clamp(65px,6.6vw,106px);line-height:1.23}[data-poster=tide] .poster-hero h1 span{color:#8dd2e5}[data-poster=tide] .poster-primary{background:#9cdeed;color:#092838;border-color:#c4e9f2}[data-poster=tide] .poster-display-type{left:6.3%;bottom:150px;font:600 10vw/.9 var(--display);letter-spacing:-.07em;-webkit-text-stroke:1px #a0dcea22}[data-poster=tide] .poster-light{background:radial-gradient(ellipse at 50% 80%,#3296bf28,transparent 60%)}[data-poster=tide] .hero-surf{height:43%;opacity:.68}
@media(max-width:1100px) and (min-width:701px){[data-poster] .poster-hero h1{font-size:65px}[data-poster] .poster-copy{padding-left:5%}[data-poster] .poster-visual{left:15%;width:90%}.poster-display-type{opacity:.4}}
@media(max-width:700px){.poster-preview-bar{padding:10px 14px;gap:8px;font-size:10px;flex-wrap:wrap}.poster-preview-bar a{padding:6px 8px}.poster-preview-bar span{flex:1;text-align:center}.poster-preview-bar div{gap:4px}.poster-hero .hero-surf{height:250px;opacity:.45}[data-poster] .poster-copy{padding:450px 24px 158px}[data-poster] .poster-visual{left:0;width:100%;height:675px}[data-poster] .poster-visual img{object-position:64% 24%;transform:none}[data-poster] .poster-hero h1{font-size:clamp(41px,11vw,74px);line-height:1.22;letter-spacing:-.04em}[data-poster] .poster-kicker{top:16px}[data-poster] .poster-name{font-size:15px;letter-spacing:.02em}.poster-stamp{display:none}[data-poster] .poster-display-type{display:none}[data-poster=ember] .poster-hero::after{background:linear-gradient(180deg,#10101a77,transparent 22%,transparent 39%,#10101abd 67%,#10101a 82%)}[data-poster=jade] .poster-hero::after{background:linear-gradient(180deg,#071c1c88,transparent 22%,transparent 40%,#071c1cbb 65%,#071c1c 82%)}[data-poster=tide] .poster-hero::after{background:linear-gradient(180deg,#06172566,transparent 18%,transparent 40%,#061725aa 63%,#061725 82%)}[data-poster=tide] .poster-visual img{object-position:54% 25%}[data-poster=tide] .hero-surf{height:260px;opacity:.5}}
/* Feather the photograph itself so its outer box never appears in the composition. */
[data-poster] .poster-visual{mask-image:linear-gradient(90deg,transparent,#000 22%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 72%,transparent);mask-composite:intersect}
[data-poster=jade] .poster-visual{left:-15%;width:88%}[data-poster=jade] .poster-visual img{object-position:65% 26%;transform:translate3d(var(--poster-x,0px),var(--poster-y,0px),0) scale(1.05)}
[data-poster=jade] .poster-copy{padding-left:55%;padding-right:5%;padding-bottom:125px}[data-poster=jade] .poster-hero h1{font-size:clamp(55px,5.3vw,84px);max-width:100%}[data-poster=jade] .poster-hero::after{background:linear-gradient(90deg,#071c1c44,transparent 23%,#071c1c22 40%,#071c1cf2 66%,#071c1c 90%),linear-gradient(0deg,#071c1c,transparent 37%)}[data-poster=jade] .poster-display-type{right:auto;left:2%;top:16%;font-size:17vw;opacity:.55}[data-poster=jade] .poster-stamp{top:25px;left:56%}[data-poster=jade] .poster-actions{gap:12px}[data-poster=jade] .poster-actions a{font-size:15px;gap:15px;padding:16px}
.poster-hero .hero-surf{mask-image:linear-gradient(transparent 43%,#000 84%,transparent 100%)}
@media(max-width:1100px) and (min-width:701px){[data-poster=jade] .poster-hero h1{font-size:50px}[data-poster=jade] .poster-actions a{padding:12px 10px;font-size:13px;gap:10px}[data-poster=jade] .poster-description{font-size:12px}}
@media(max-width:700px){[data-poster] .poster-visual{left:0;width:100%;mask-image:linear-gradient(180deg,transparent,#000 9%,#000 62%,transparent)}[data-poster=jade] .poster-visual img{object-position:64% 24%;transform:none}[data-poster=jade] .poster-copy{padding:450px 24px 158px}[data-poster=jade] .poster-hero h1{font-size:clamp(41px,11vw,74px)}[data-poster=jade] .poster-hero::after{background:linear-gradient(180deg,#071c1c88,transparent 22%,transparent 40%,#071c1cbb 65%,#071c1c 82%)}[data-poster=jade] .poster-actions a{padding:13px 12px;font-size:13px;gap:12px}}