/* V6: ocean, photographs and author share one continuous island atmosphere. */
:root{--ocean-teal:#0b3d40;--island-olive:#3e4734;--island-earth:#514b3b;--legacy-signal:#d9ff43}
.island-journey{position:relative;isolation:isolate;--signal:var(--sand);background:linear-gradient(180deg,var(--ink) 0%,var(--ocean-teal) 30%,#2c4236 53%,var(--island-olive) 72%,var(--island-earth) 100%);color:var(--paper)}
.island-accent .island-journey{--signal:var(--legacy-signal)}
.island-journey ::selection{background:var(--sand);color:var(--ink)}
.island-journey .ocean,.island-journey .works,.island-journey .author{background:transparent;color:var(--paper)}
.island-journey .ocean-frame{mask-image:linear-gradient(to bottom,#000 0%,#000 58%,#000b 76%,transparent 100%)}
.island-journey .ocean-shade{background:linear-gradient(180deg,#061e2038 0%,transparent 36%,#142b27a6 100%)}
.island-journey .works{z-index:2;margin-top:0;padding-top:55px;padding-bottom:clamp(100px,12vw,180px);overflow:visible}
.motion-chapters .island-journey .works{margin-top:-30svh;padding-top:0}
.island-journey section[tabindex="-1"]:focus{outline:none}
.island-journey .works-intro{min-height:44svh;align-items:flex-end;gap:50px;margin-bottom:clamp(42px,6vw,90px)}
.island-journey .works-intro h2{font-size:clamp(80px,12.8vw,225px)}
.island-journey .works-intro h2 span:last-child{color:var(--sand);padding-left:9vw}
.island-journey .works-intro p{position:relative;font-size:17px;color:var(--paper);max-width:290px;line-height:1.5;margin-bottom:8px}
.island-trace{position:absolute;z-index:-1;pointer-events:none;inset:0 calc(-1 * var(--gutter)) auto;height:calc(100% + 70svh);overflow:hidden;opacity:.26}
.island-trace svg{width:100%;height:100%;stroke:var(--sand);stroke-width:1;fill:none}
.island-trace-line{stroke-dasharray:1;stroke-dashoffset:0;vector-effect:non-scaling-stroke}
.island-journey .portfolio-panels{background:transparent}
.island-journey .portfolio-footer{position:relative;z-index:2}
.island-journey .portfolio-navigation button{border-color:#d7c5a580}
.island-journey .portfolio-navigation p span,.island-journey .panel-open svg{color:var(--signal)}
.island-journey .portfolio-navigation button:focus-visible,.island-journey .portfolio-link:focus-visible{outline-color:var(--signal)}
.island-journey .author{padding-top:0;padding-bottom:clamp(100px,11vw,180px);z-index:2;align-items:center}
.island-journey .author-photo{aspect-ratio:4/4.4}
.island-journey .author-copy h2{font-size:clamp(66px,8vw,145px);text-shadow:none}
.island-journey .author-copy h2 span{display:block;white-space:nowrap}
.island-journey .author-copy h2 span:last-child{color:var(--sand)}
.island-journey .author-place{color:var(--sand)}
.island-journey .signature-space{max-width:380px}
@media(hover:hover) and (pointer:fine){.island-journey .portfolio-navigation button:not(:disabled):hover{background:var(--signal);color:var(--ink);border-color:var(--signal)}.island-journey .panel-open:hover{color:var(--signal);border-color:var(--signal)}}
@media(max-width:900px) and (min-width:701px){.island-journey .works-intro{gap:30px}.island-journey .works-intro p{font-size:15px;max-width:210px}}
@media(max-width:700px){
 .island-journey .works{padding-bottom:110px}
 .motion-chapters .island-journey .works{margin-top:-25svh}
 .island-journey .works-intro{min-height:0;padding-top:0;margin-bottom:38px}
 .island-journey .works-intro h2{font-size:22vw}
 .island-journey .works-intro h2 span:last-child{padding-left:6vw}
 .island-journey .works-intro p{margin:30px 0 0 23%;font-size:16px;max-width:250px}
 .island-journey .ocean-frame{mask-image:linear-gradient(to bottom,#000 0%,#000 52%,#000a 72%,transparent 100%)}
 .island-journey .author{padding-top:0;padding-bottom:90px}
 .island-journey .author-photo{width:88%;aspect-ratio:4/4.5}
 .island-journey .author-copy h2{font-size:18vw;margin-top:-15vw}
 .island-trace{height:calc(100% + 85svh);opacity:.22}
}
/* Static composition remains complete; no hidden copy, overlap or waiting to read. */
.gentle .island-journey .works{margin-top:0;padding-top:55px}
.gentle .island-journey .works-intro{min-height:0}
.gentle .island-trace-line{stroke-dashoffset:0!important}
.gentle .island-journey .ocean-title,.gentle #portfolio-panels,.gentle .author-photo,.gentle .author-copy h2 span{transform:none!important;clip-path:none!important;opacity:1!important}
@media(prefers-reduced-motion:reduce){.island-journey .works{margin-top:0;padding-top:55px}.island-journey .works-intro{min-height:0}.island-trace-line{stroke-dashoffset:0!important}}