*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#f4efe4;color:#263e46;font:16px/1.7 'DM Sans',sans-serif;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23584531' opacity='.035' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #b64833;outline-offset:6px}p{margin:0 0 22px}h1,h2,h3{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;line-height:1.02;margin:0}em{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400}h1{font-size:clamp(74px,7.6vw,124px);letter-spacing:-.04em}h1 em,h2 em{color:#a44b36}h2{font-size:clamp(48px,4.7vw,74px);letter-spacing:-.025em}h3{font-size:42px}header{max-width:1440px;padding:29px 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bdbbad}.brand{display:flex;gap:13px;align-items:center;font-size:14px;font-weight:600;letter-spacing:.13em}.brand small{display:block;font-size:10px;letter-spacing:.19em;margin-top:3px}.brand-icon{border:1px solid #758184;border-radius:50%;width:47px;height:47px;display:grid;place-items:center;font-family:Georgia,serif;font-size:19px;letter-spacing:-.08em;font-weight:400}nav{display:flex;gap:34px;font-size:14px}nav a:hover,footer a:hover{color:#a44b36}.wrap{max-width:1320px;margin:auto;padding-left:4%;padding-right:4%}.hero{display:grid;grid-template-columns:1fr 1.04fr;gap:50px;padding-top:64px;padding-bottom:68px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:600;line-height:1.6}.checkers{display:inline-block;vertical-align:middle;width:23px;height:23px;margin-right:9px;background:conic-gradient(#a64a36 25%,transparent 0 50%,#a64a36 0 75%,transparent 0);background-size:12px 12px}.intro{max-width:420px;margin:30px 0;font-size:17px;line-height:1.8;color:#566064}.button{display:inline-flex;gap:40px;align-items:center;background:#263e46;color:#fff9ed;padding:15px 24px;font-size:14px;border:1px solid #263e46;transition:background .2s}.button:hover{background:#a44b36;border-color:#a44b36}.button span{font-size:21px}.hero-foot{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.09em;margin-top:47px}.line{width:40px;height:1px;background:#aaa99a}.hero-art{position:relative;margin:0;padding:11px;border:1px solid #9d9f8e;transform:rotate(1deg);background:#e9e2d3}.hero-art img{width:100%;height:520px;object-fit:cover;display:block}.hero-art figcaption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;padding:13px 1px 2px}.seal{position:absolute;right:-21px;bottom:41px;display:block;width:100px;height:100px;padding:16px;border-radius:50%;background:#a44b36;color:#fff4df;text-align:center;font-size:13px;line-height:1.2;letter-spacing:.12em;outline:1px dashed #eedac1;outline-offset:-7px;transform:rotate(12deg)}.seal i{font-family:Georgia;font-size:19px}.ribbon{display:flex;justify-content:center;align-items:center;gap:42px;border-top:1px solid #bebaaa;border-bottom:1px solid #bebaaa;padding:20px;font-size:11px;letter-spacing:.18em}.ribbon i{font-style:normal;color:#a44b36}.story{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;padding-top:100px;padding-bottom:100px}.story .eyebrow{margin-bottom:28px}.story-copy{padding-top:40px;max-width:560px;color:#586166}.large{font-family:'Libre Caslon Display',Georgia,serif;font-size:35px;color:#263e46;line-height:1.2}.provenance{border-top:1px solid #b8b8a8;padding-top:25px;display:flex;gap:55px;margin-top:32px;font-size:10px;letter-spacing:.1em}.provenance strong{font-size:14px;letter-spacing:0;font-weight:500;color:#263e46}.work{padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:end;padding-bottom:35px;border-bottom:1px solid #a9ada0;margin-bottom:35px}.section-heading p:last-child{font-size:14px;margin-bottom:0;color:#5c6566}.section-heading .eyebrow{margin-bottom:14px}.cargo{display:grid;grid-template-columns:.9fr 1.1fr;background:#e8e3d6;min-height:490px}.cargo-visual{background:#cbd0bd;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:43px 20px 22px;overflow:hidden}.book{height:344px;width:232px;box-shadow:9px 14px 20px #233b4433,4px 0 #c3bb9f;border-left:8px solid #293e42;padding:27px 24px;background:#32494d;color:#eee3c8;transform:rotate(-7deg);position:relative}.book>span:first-child{font-size:9px;letter-spacing:.15em}.book h3{font-size:51px;margin:17px 0 14px;line-height:.87}.book h3 em{color:#d89866}.book p{font-size:8px;line-height:1.5;letter-spacing:.16em;margin-top:13px}.book-rule{height:1px;width:100%;background:#bba98b}.book-wave{font-size:70px;position:absolute;bottom:-10px;right:25px;font-family:Georgia;color:#b8b99a}.cargo-visual>small{font-size:9px;letter-spacing:.12em;margin-top:30px;opacity:.7}.cargo-copy{padding:48px 50px}.cargo-copy h3{font-size:58px;margin-bottom:17px}.cargo-copy p{font-size:15px;line-height:1.7}.cargo-copy .eyebrow{font-size:10px}details{border-top:1px solid #a9ada0;margin-top:30px;padding-top:15px;font-size:14px}summary{cursor:pointer;display:flex;justify-content:space-between;list-style:none}summary::-webkit-details-marker{display:none}details[open] summary span{transform:rotate(45deg)}details p{padding-top:18px;margin-bottom:0}.morning{display:grid;grid-template-columns:60px 1fr 1fr;align-items:center;gap:25px;padding:36px 0;border-bottom:1px solid #adb1a2}.number{font-family:Georgia,serif;font-style:italic;font-size:40px;color:#a44b36}.morning h3{font-size:35px}.morning p{font-size:14px;margin:0}.morning .eyebrow{font-size:10px;margin-bottom:9px}.muted{color:#646c6b}.cabin{background:#233e46;color:#f1e8d5;padding:72px 0}.cabin-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;align-items:center}.cabin h2{font-size:57px}.cabin h2 em{color:#dfb381}.cabin p:not(.eyebrow){max-width:480px;color:#d0d7d3;margin-top:26px}.cream{background:#f1e8d5;color:#233e46;border-color:#f1e8d5;margin-top:8px}.cream:hover{color:white}.cabin-art{text-align:center;font-size:10px;letter-spacing:.2em}.porthole{margin:20px auto;width:290px;height:290px;border:1px solid #aabaad;border-radius:50%;outline:1px solid #788d83;outline-offset:-13px;display:flex;flex-direction:column;justify-content:center;font-family:'Libre Caslon Display',Georgia,serif;font-size:45px;line-height:.9;letter-spacing:0}.porthole em{color:#dfb381}.porthole i{font-size:42px;color:#aabaad;margin-top:6px}.next{padding-top:90px;padding-bottom:85px}.next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.next-grid article{border-right:1px solid #bfc1b2;padding-right:30px}.next-grid article:last-child{border:0}.next-grid h3{font-size:35px;margin:23px 0 17px}.next-grid p{font-size:15px;color:#586166;max-width:290px}.status{font-size:10px;letter-spacing:.12em;color:#91482f;border-bottom:1px solid #b8987d;padding-bottom:4px}footer{border-top:1px solid #a8aea0;padding-top:30px;padding-bottom:24px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center}.footer-top>a:last-child{font-size:13px}.footer-bottom{border-top:1px solid #d0d0c0;margin-top:30px;padding-top:20px;font-size:9px;letter-spacing:.12em}.skip{position:fixed;left:10px;top:-100px;background:white;padding:10px;z-index:5}.skip:focus{top:10px}@media(min-width:1600px){.hero{padding-top:80px;padding-bottom:85px}}@media(max-width:900px){header{padding:22px 5%}nav{gap:18px}.hero{gap:28px}.hero-art img{height:460px}.hero-foot{font-size:8px;gap:7px}.ribbon{gap:20px;font-size:9px}.story,.cabin-grid{gap:45px}.cargo-copy{padding:35px 30px}.cargo-copy h3{font-size:48px}.cabin h2{font-size:46px}.next-grid{gap:23px}.next-grid h3{font-size:29px}}@media(max-width:640px){.wrap{padding-left:6%;padding-right:6%}header{align-items:start;gap:20px}.brand{font-size:11px;gap:8px}.brand small{font-size:8px}.brand-icon{width:38px;height:38px;flex-shrink:0}nav{gap:7px;flex-direction:column;font-size:12px}nav a:last-child{display:none}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:40px;gap:35px}h1{font-size:83px}.hero .eyebrow{font-size:10px}.intro{font-size:16px;max-width:340px;margin:25px 0}.hero-foot{font-size:9px;margin-top:28px}.hero-art{margin-right:9px}.hero-art img{height:370px}.seal{right:-18px;width:83px;height:83px;font-size:10px;padding-top:13px}.hero-art figcaption{font-size:7px}.ribbon{gap:15px;padding:16px 10px;flex-wrap:wrap;font-size:8px}.ribbon span:last-child,.ribbon i:last-of-type{display:none}.story{grid-template-columns:1fr;gap:18px;padding-top:58px;padding-bottom:58px}.story h2 br{display:none}.story h2{max-width:340px}.story-copy{padding-top:7px}.story .eyebrow{margin-bottom:20px}.large{font-size:30px}.provenance{gap:25px}.section-heading{display:block;margin-bottom:25px;padding-bottom:25px}.section-heading>p{margin-top:20px}.section-heading h2{font-size:48px}.cargo{grid-template-columns:1fr}.cargo-visual{padding-top:45px;padding-bottom:20px}.cargo-copy{padding:30px 25px}.cargo-copy h3{font-size:49px}.morning{grid-template-columns:35px 1fr;gap:15px}.morning>p{grid-column:2}.work{padding-bottom:55px}.cabin{padding:45px 0}.cabin-grid{grid-template-columns:1fr;gap:38px}.cabin-art{order:2}.cabin h2{font-size:48px}.porthole{width:250px;height:250px;font-size:39px}.next{padding-top:55px;padding-bottom:45px}.next-grid{grid-template-columns:1fr;gap:28px}.next-grid article{border-right:0;border-bottom:1px solid #bfc1b2;padding-bottom:25px}.next-grid article:last-child{padding-bottom:0}.next-grid h3{font-size:37px;margin-top:12px}.next-grid p{max-width:100%}.footer-top{gap:20px}.footer-bottom{align-items:start;gap:16px;font-size:8px}.footer-bottom span{max-width:45%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.featured-works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.featured-works article{padding:32px;background:#e8e3d6;border-top:3px solid #a44b36}.featured-works h3{font-size:46px;margin:22px 0}.featured-works p{font-size:16px}.featured-works .eyebrow{font-size:12px}.asset-pending{color:#626a68;font-style:italic;border-top:1px solid #bfc1b2;padding-top:20px;margin-top:32px}@media(max-width:700px){.featured-works{grid-template-columns:1fr}}

.cover-link{display:block;margin:24px auto;max-width:235px}.morning-cover{display:block;width:100%;height:auto;box-shadow:5px 8px 18px #263e4630}.film-player{aspect-ratio:16/9;margin:25px 0;background:#233e46}.film-player iframe{display:block;width:100%;height:100%;border:0}.featured-works article{min-width:0}.featured-works .button{padding:12px 18px;font-size:14px}

header .header-name{display:block;font-size:24px;font-weight:800;letter-spacing:.035em;line-height:1.3}header .brand small{font-weight:600}.featured-works h3{min-height:2.04em}@media(max-width:700px){.featured-works h3{min-height:0}}@media(max-width:640px){header .header-name{font-size:20px}}

.radio-art-link{display:block;max-width:300px;margin:24px auto}.radio-art{display:block;width:100%;height:auto}.featured-works{align-items:stretch;transition:grid-template-columns .45s cubic-bezier(.22,.61,.36,1)}.featured-works article{transition:background-color .3s,box-shadow .3s;padding:clamp(20px,2.4vw,32px);overflow-wrap:anywhere}.featured-works article:focus-visible{outline:3px solid #a44b36;outline-offset:5px}.featured-works h3{font-size:clamp(32px,3.3vw,46px)}.featured-works .button{max-width:100%}.featured-works article:is(:hover,:focus-within){background:#ede7d9;box-shadow:0 8px 25px #263e4610}@media(min-width:1000px) and (hover:hover) and (pointer:fine){.featured-works:has(>article:nth-child(1):hover){grid-template-columns:1.65fr .675fr .675fr}.featured-works:has(>article:nth-child(2):hover){grid-template-columns:.675fr 1.65fr .675fr}.featured-works:has(>article:nth-child(3):hover){grid-template-columns:.675fr .675fr 1.65fr}}@media(min-width:1000px){.featured-works:has(>article:nth-child(1):focus-within){grid-template-columns:1.65fr .675fr .675fr}.featured-works:has(>article:nth-child(2):focus-within){grid-template-columns:.675fr 1.65fr .675fr}.featured-works:has(>article:nth-child(3):focus-within){grid-template-columns:.675fr .675fr 1.65fr}}@media(max-width:899px){.featured-works{grid-template-columns:1fr}.featured-works h3{min-height:0;font-size:42px}}@media(prefers-reduced-motion:reduce){.featured-works,.featured-works article{transition:none}}

/* Flex growth keeps the three-panel interaction fluid while preserving its push-and-squeeze motion. */
@media(min-width:1000px){
  .featured-works{
    display:flex;
    gap:30px;
    transition:none;
  }
  .featured-works>article{
    flex:1 1 0;
    contain:paint;
    transform:translateZ(0);
    transition:flex-grow .72s cubic-bezier(.16,1,.3,1),background-color .4s ease,box-shadow .4s ease;
    will-change:flex-grow;
  }
  .featured-works>article:is(:hover,:focus-within){
    flex-grow:1.9;
  }
  .featured-works:has(>article:is(:hover,:focus-within))>article:not(:is(:hover,:focus-within)){
    flex-grow:.72;
  }
}
@media(prefers-reduced-motion:reduce){
  .featured-works>article{will-change:auto}
}

.film-player{position:relative;overflow:hidden}
.film-poster{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#233e46;cursor:pointer}
.film-poster img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.16,1,.3,1),filter .35s ease}
.play-icon{position:absolute;left:50%;top:50%;width:66px;height:66px;border:2px solid rgba(255,255,255,.92);border-radius:50%;background:rgba(18,35,42,.18);box-shadow:0 8px 28px rgba(10,25,30,.28);transform:translate(-50%,-50%);transition:transform .35s cubic-bezier(.16,1,.3,1),background-color .25s ease,box-shadow .25s ease;backdrop-filter:blur(3px)}
.play-icon::after{content:"";position:absolute;left:27px;top:21px;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:17px solid #fff}
.film-poster:is(:hover,:focus-visible) img{transform:scale(1.025);filter:brightness(.9)}
.film-poster:is(:hover,:focus-visible) .play-icon{transform:translate(-50%,-50%) scale(1.08);background:rgba(18,35,42,.3);box-shadow:0 10px 34px rgba(10,25,30,.38)}
.film-poster:focus-visible{outline:3px solid #a44b36;outline-offset:-5px}
@media(prefers-reduced-motion:reduce){.film-poster img,.play-icon{transition:none}}

body.is-loading{overflow:hidden}
.site-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background-color:#233e46;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23f4efe4' opacity='.035' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");color:#f4efe4;transform:translateY(0);opacity:1;transition:transform .9s cubic-bezier(.76,0,.24,1),opacity .65s ease .18s;will-change:transform,opacity}
.site-loader.is-leaving{transform:translateY(-100%);opacity:.96;pointer-events:none}
.site-loader__inner{display:flex;flex-direction:column;align-items:center;padding:28px;text-align:center;overflow:hidden}
.site-loader__name{font-family:'DM Sans',sans-serif;font-size:clamp(42px,7vw,104px);font-weight:800;line-height:1;letter-spacing:.055em;opacity:0;filter:blur(5px);transform:translateY(35px);animation:loader-name .95s cubic-bezier(.16,1,.3,1) .08s forwards}
@keyframes loader-name{to{opacity:1;filter:blur(0);transform:translateY(0);letter-spacing:.025em}}
@media(max-width:640px){.site-loader__name{font-size:clamp(36px,11vw,58px);letter-spacing:.02em}}
@media(prefers-reduced-motion:reduce){.site-loader{transition:none}.site-loader__name{animation:none;opacity:1;filter:none;transform:none}}

/* Click-driven work panels keep headings stable, then reveal supporting content after expansion. */
.featured-works>article{cursor:pointer}
.featured-works h3{font-size:clamp(28px,2.45vw,36px);line-height:1.06;min-height:2.2em;overflow-wrap:normal;word-break:normal}
.work-details{opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;transition:opacity .22s ease,transform .22s ease,visibility 0s linear .24s}
.featured-works>article.is-active .work-details{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .62s ease .6s,transform .62s cubic-bezier(.16,1,.3,1) .6s,visibility 0s linear .6s}
.featured-works.is-switching .work-details{opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility 0s linear .17s}
.featured-works #cabin-title,.featured-works #cargo-run-title{white-space:nowrap;overflow:hidden}
@media(min-width:1000px){
  .featured-works>article,
  .featured-works>article:is(:hover,:focus-within),
  .featured-works:has(>article:is(:hover,:focus-within))>article:not(:is(:hover,:focus-within)){flex-grow:1}
  .featured-works.has-active>article{flex-grow:.76}
  .featured-works.has-active>article.is-active{flex-grow:1.95;cursor:default}
  .featured-works>article{transition:flex-grow .82s cubic-bezier(.16,1,.3,1),background-color .4s ease,box-shadow .4s ease;will-change:auto}
}
@media(max-width:999px){
  .featured-works>article{cursor:default}
  .work-details,.featured-works>article.is-active .work-details{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:none}
}
@media(prefers-reduced-motion:reduce){.work-details,.featured-works>article.is-active .work-details{transition:none}}

/* Keep every work visible; selection changes only the panel proportions. */
.work-details,
.featured-works>article.is-active .work-details,
.featured-works.is-switching .work-details{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:none}
.work-details>p{max-width:260px}

/* Let the Cargo Run still fill the card, revealing its play control on intent. */
#cargo-run .film-player{width:calc(100% + (clamp(20px,2.4vw,32px) * 2));margin-left:calc(clamp(20px,2.4vw,32px) * -1);margin-right:calc(clamp(20px,2.4vw,32px) * -1)}
#cargo-run .play-icon{opacity:0;transform:translate(-50%,-50%) scale(.86);transition:opacity .28s ease,transform .35s cubic-bezier(.16,1,.3,1),background-color .25s ease,box-shadow .25s ease}
#cargo-run .film-poster:is(:hover,:focus-visible) .play-icon{opacity:1;transform:translate(-50%,-50%) scale(1.08)}
@media(hover:none){#cargo-run .play-icon{opacity:1;transform:translate(-50%,-50%)}}
@media(max-width:999px){#cargo-run .film-player{width:100%;margin-left:0;margin-right:0}}

/* A true horizontal carousel gives each work a full editorial moment. */
.work-carousel{position:relative}
.carousel-controls{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}
.carousel-count{margin:0;font:500 12px/1 'DM Sans',sans-serif;letter-spacing:.16em;color:#6b706c}
.carousel-count span{color:#a44b36}
.carousel-controls>div{display:flex;gap:8px}
.carousel-arrow{width:46px;height:46px;border:1px solid #9ca296;border-radius:50%;background:transparent;color:#263e46;font-size:21px;cursor:pointer;transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}
.carousel-arrow:hover:not(:disabled),.carousel-arrow:focus-visible{background:#263e46;border-color:#263e46;color:#fff9ed;transform:translateY(-2px)}
.carousel-arrow:focus-visible{outline:3px solid #b64833;outline-offset:3px}
.carousel-arrow:disabled{opacity:.3;cursor:default}
.featured-works,.featured-works.has-active{display:grid;grid-auto-flow:column;grid-auto-columns:min(88%,980px);grid-template-columns:none;gap:24px;align-items:stretch;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 8% 12px 0;transition:none}
.featured-works::-webkit-scrollbar{display:none}
.featured-works>article,.featured-works.has-active>article,.featured-works.has-active>article.is-active,.featured-works>article:is(:hover,:focus-within),.featured-works:has(>article:is(:hover,:focus-within))>article:not(:is(:hover,:focus-within)){display:grid;grid-template-columns:minmax(190px,.72fr) minmax(280px,1.28fr);grid-template-rows:auto 1fr;column-gap:clamp(28px,4vw,64px);min-height:560px;padding:clamp(28px,4vw,54px);overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;cursor:default;contain:none;flex:none;background:#e8e3d6;border-top:3px solid #a44b36;box-shadow:none;transition:background-color .35s ease,box-shadow .35s ease}
.featured-works>article.is-active{background:#ece6d8;box-shadow:0 14px 34px rgba(38,62,70,.1)}
.featured-works>article>.eyebrow{grid-column:1;grid-row:1;margin:0 0 24px}
.featured-works>article>h3{grid-column:1;grid-row:2;align-self:start;min-height:0;margin:0;font-size:clamp(46px,5vw,72px);line-height:.98;white-space:normal!important;overflow:visible!important}
.featured-works .work-details{grid-column:2;grid-row:1/3;align-self:center;min-width:0;opacity:1;visibility:visible;transform:none;pointer-events:auto}
.featured-works .work-details>p{max-width:360px;margin:18px auto;text-align:center}
.featured-works .cover-link{max-width:280px;margin:0 auto}
.featured-works .radio-art-link{max-width:390px;margin:0 auto 20px}
.featured-works #cabin .work-details{text-align:center}
.featured-works #cargo-run .work-details{width:100%}
.featured-works #cargo-run .work-details>p{text-align:left;margin:0 0 22px;max-width:520px}
#cargo-run .film-player{width:100%;margin:0;box-shadow:0 10px 28px rgba(38,62,70,.16)}
.carousel-dots{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:16px}
.carousel-dots button{width:30px;height:4px;padding:0;border:0;background:#b9baad;cursor:pointer;transition:width .3s ease,background-color .3s ease}
.carousel-dots button.is-active{width:62px;background:#a44b36}
.carousel-dots button:focus-visible{outline:3px solid #b64833;outline-offset:4px}
@media(max-width:760px){
  .featured-works,.featured-works.has-active{grid-auto-columns:92%;gap:14px;padding-right:8%}
  .featured-works>article,.featured-works.has-active>article,.featured-works.has-active>article.is-active{display:flex;flex-direction:column;min-height:auto;padding:26px 22px}
  .featured-works>article>.eyebrow{margin-bottom:12px}
  .featured-works>article>h3{font-size:43px;margin-bottom:28px}
  .featured-works .work-details{width:100%}
  .featured-works .cover-link{max-width:220px}
  .featured-works .radio-art-link{max-width:300px}
  .carousel-arrow{width:42px;height:42px}
}
@media(prefers-reduced-motion:reduce){.carousel-arrow,.carousel-dots button{transition:none}}

.story-portrait{margin:44px 0 0;padding:9px;background:#e8e2d4;border:1px solid #aaa998;transform:rotate(-.6deg)}
.story-portrait img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.story-portrait figcaption{padding:10px 3px 2px;font-size:9px;line-height:1.4;letter-spacing:.14em;color:#626a68}
@media(max-width:640px){.story-portrait{margin-top:30px;transform:none}.story-copy{margin-top:10px}}

/* The themes move as a continuous tide across the full page. */
.ribbon{display:block;overflow:hidden;padding:0;white-space:nowrap}
.ribbon-track{display:flex;width:max-content;will-change:transform;animation:ribbon-tide 32s linear infinite}
.ribbon-group{display:flex;flex-shrink:0;align-items:center;justify-content:space-around;gap:42px;min-width:100vw;padding:20px 21px}
.ribbon:hover .ribbon-track{animation-play-state:paused}
@keyframes ribbon-tide{to{transform:translateX(-50%)}}
@media(max-width:640px){
  .ribbon-group{gap:28px;padding:16px 14px;font-size:8px}
  .ribbon-group span:last-child,.ribbon-group i:last-child{display:inline}
  .ribbon-track{animation-duration:25s}
}
@media(prefers-reduced-motion:reduce){.ribbon-track{animation:none;will-change:auto}}

/* Individual letters disperse on hover and hold their positions on exit. */
.hero-copy h1 .hero-word{display:inline-block;white-space:nowrap}
.hero-copy h1 .hero-letter{display:inline-block;transform:translate3d(0,0,0) rotate(0);transition:transform .85s cubic-bezier(.16,1,.3,1),opacity .85s ease;will-change:transform}
.hero-copy h1.is-dispersed .hero-letter{transform:translate3d(var(--scatter-x),var(--scatter-y),0) rotate(var(--scatter-turn));opacity:.93}
@media(prefers-reduced-motion:reduce){.hero-copy h1 .hero-letter{transition:none;will-change:auto}}

/* Stable full-frame work carousel: one transform, one card, no corrective scrolling. */
.work-carousel .featured-works{display:block;overflow:hidden;padding:0;background:#e8e3d6;scroll-snap-type:none;scrollbar-width:auto;touch-action:pan-y;outline-offset:6px}
.featured-track{display:flex;width:100%;transform:translate3d(0,0,0);transition:transform .72s cubic-bezier(.16,1,.3,1);will-change:transform}
.featured-track>article{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(430px,1.18fr);flex:0 0 100%;min-width:100%;min-height:610px;padding:0;overflow:hidden;background:#e8e3d6;border-top:3px solid #a44b36;contain:none;box-shadow:none}
.featured-track>article.is-active{background:#e8e3d6;box-shadow:none}
.featured-track .work-copy{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(36px,5vw,68px);border-right:1px solid #b9b8aa}
.featured-track .work-copy .eyebrow{margin:0 0 34px}
.featured-track .work-copy h3{min-height:0;margin:0 0 28px;font-size:clamp(54px,5.3vw,78px);line-height:.94;white-space:normal!important;overflow:visible!important}
.work-summary{max-width:430px;margin:0 0 28px;color:#4e5d60;font-size:17px;line-height:1.72}
.work-credit{margin:auto 0 24px;padding-top:24px;border-top:1px solid #b9b8aa;color:#4e5d60;font-size:13px;line-height:1.6;letter-spacing:.025em}
.work-credit em{color:#263e46;font-size:19px}
.work-link{display:inline-flex;align-items:center;gap:32px;padding-bottom:5px;border-bottom:1px solid #8f958c;font-size:13px;font-weight:600;letter-spacing:.06em}
.work-link span{color:#a44b36;font-size:18px}
.featured-track .work-media{display:flex;align-items:center;justify-content:center;min-width:0;padding:clamp(34px,5vw,68px)}
.featured-track .book-media{background:#c9c8b7}
.featured-track .radio-media{background:#29424a}
.featured-track .film-media{background:#d4d0c3}
.featured-track .cover-link{width:min(100%,300px);max-width:none;margin:0;transform:rotate(-2deg);transition:transform .45s cubic-bezier(.16,1,.3,1)}
.featured-track .cover-link:hover{transform:rotate(0) scale(1.02)}
.featured-track .morning-cover{box-shadow:12px 18px 32px rgba(23,47,56,.27)}
.featured-track .radio-art-link{width:min(100%,430px);max-width:none;margin:0;box-shadow:12px 18px 34px rgba(8,26,32,.3);transition:transform .45s cubic-bezier(.16,1,.3,1)}
.featured-track .radio-art-link:hover{transform:translateY(-5px)}
.featured-track .film-player{width:100%;margin:0;box-shadow:12px 18px 34px rgba(38,62,70,.22)}
.featured-track #cargo-run .play-icon{opacity:0}
.featured-track #cargo-run .film-poster:is(:hover,:focus-visible) .play-icon{opacity:1}
@media(max-width:820px){
  .featured-track>article{display:flex;flex-direction:column;min-height:0}
  .featured-track .work-copy{min-height:460px;padding:34px 28px;border-right:0;border-bottom:1px solid #b9b8aa}
  .featured-track .work-copy .eyebrow{margin-bottom:20px}
  .featured-track .work-copy h3{font-size:50px;margin-bottom:22px}
  .work-summary{font-size:15px;line-height:1.65;margin-bottom:24px}
  .featured-track .work-media{min-height:390px;padding:34px 24px}
  .featured-track .cover-link{width:min(72%,250px)}
  .featured-track .radio-art-link{width:min(88%,330px)}
}
@media(prefers-reduced-motion:reduce){.featured-track{transition:none}.featured-track .cover-link,.featured-track .radio-art-link{transition:none}}

/* Peter's supplied PT mark is framed from its transparent source canvas. */
.logo-mark{position:relative;display:block;flex:0 0 auto;overflow:hidden;width:58px;height:58px}
.logo-mark img{position:absolute;display:block;width:200%;max-width:none;height:auto;left:0;top:0;transform:translate(-25%,-25%)}
.brand-copy{display:block}
header .brand{gap:14px}
header .header-logo{width:61px;height:61px;transition:transform .45s cubic-bezier(.16,1,.3,1)}
header .brand:hover .header-logo{transform:rotate(-7deg) scale(1.05)}
header .brand-copy small{margin-left:2px}
.footer-top .brand-icon{width:52px;height:52px;border:0;border-radius:0;font-size:0;background-image:url('peterlogo.png');background-size:200%;background-position:center;background-repeat:no-repeat}
.loader-lockup{display:flex;align-items:center;justify-content:center;gap:22px}
.loader-logo{width:92px;height:92px;opacity:0;transform:scale(.45) rotate(-24deg);animation:loader-logo-arrive .9s cubic-bezier(.16,1,.3,1) .02s forwards}
.loader-logo img{filter:invert(1) sepia(.08) saturate(.7) brightness(1.18)}
@keyframes loader-logo-arrive{60%{opacity:1;transform:scale(1.08) rotate(4deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@media(max-width:640px){
  header .header-logo{width:49px;height:49px}
  header .brand{gap:10px}
  .loader-lockup{gap:12px}
  .loader-logo{width:64px;height:64px}
  .footer-top .brand-icon{width:45px;height:45px}
}
@media(prefers-reduced-motion:reduce){.loader-logo{animation:none;opacity:1;transform:none}header .header-logo{transition:none}}

.watch-action{background:transparent;border:0;border-bottom:1px solid #8f958c;color:inherit;cursor:pointer;font-family:'DM Sans',sans-serif}
.watch-action:hover{color:#a44b36}
.watch-action:focus-visible{outline:3px solid #b64833;outline-offset:5px}

/* Published work beyond the main book, radio show and film. */
.sbs-feature{display:grid;grid-template-columns:1fr .92fr;min-height:460px;background:#e8e3d6;border-top:3px solid #a44b36}
.sbs-feature__copy{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(34px,5vw,66px)}
.sbs-feature__copy .eyebrow{margin-bottom:28px}
.sbs-feature__copy h3{font-size:clamp(48px,5vw,68px);margin-bottom:24px}
.sbs-feature__copy>p:not(.eyebrow){max-width:510px;margin-bottom:30px;color:#506063;font-size:16px;line-height:1.75}
.sbs-feature__meta{display:flex;gap:26px;margin:auto 0 22px;padding-top:22px;border-top:1px solid #b9b8aa;font-size:11px;font-weight:600;letter-spacing:.12em;color:#69716e}
.sbs-feature__art{display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:clamp(34px,5vw,66px);background:#263e46;color:#f4efe4;background-image:radial-gradient(circle at 84% 8%,#d2ab8340,transparent 38%),repeating-radial-gradient(ellipse at 88% 108%,transparent 0 21px,#d2ab831d 22px 23px,transparent 24px 39px)}
.sbs-feature__kicker,.sbs-feature__foot{font-size:11px;font-weight:600;letter-spacing:.16em}
.sbs-feature__title{font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(56px,6vw,86px);line-height:.97;letter-spacing:-.025em}
.sbs-feature__title em{color:#dfb381}
.sbs-feature__line{width:100%;height:1px;background:#a9b6af66}
@media(max-width:760px){.sbs-feature{grid-template-columns:1fr}.sbs-feature__copy{padding:32px 26px}.sbs-feature__art{min-height:340px;padding:32px 26px}.sbs-feature__meta{gap:18px}}

/* Centre the three-line stamp inside its circular border. */
.hero-art .seal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0;line-height:1.05}
.hero-art .seal span,.hero-art .seal i{display:block;width:100%;text-align:center}
.hero-art .seal i{margin:1px 0;font-size:19px;line-height:1}
@media(max-width:640px){.hero-art .seal{padding:0}.hero-art .seal i{font-size:16px}}

/* A clean black name and subtitle in both brand lockups. */
header .brand-copy,footer .footer-top .brand{color:#111}
header .header-name{font-weight:800;letter-spacing:0;line-height:1.15}
header .brand-copy small{margin:5px 0 0;color:#111;font-weight:600;letter-spacing:.12em}
footer .footer-top .brand{gap:12px;font-size:16px;font-weight:800;letter-spacing:0;line-height:1.15}
footer .footer-top .brand>span:last-child{display:block}
footer .footer-top .brand small{margin-top:5px;color:#111;font-size:10px;font-weight:600;letter-spacing:.12em}
footer .footer-top .brand:hover{color:#111}
@media(max-width:640px){footer .footer-top{flex-wrap:wrap;row-gap:14px}footer .footer-top .brand{font-size:14px}}

.hero-copy>.button{transform-origin:center;transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .2s ease,border-color .2s ease}
.hero-copy>.button:is(:hover,:focus-visible){transform:scale(1.035)}
@media(prefers-reduced-motion:reduce){.hero-copy>.button:is(:hover,:focus-visible){transform:none}}

/* The framed harbour scene draws forward on arrival, then eases back on scroll. */
.hero-image-frame{overflow:hidden}
.hero-image-frame img{transform:scale(var(--hero-zoom,1));transform-origin:center;transition:transform 2.2s cubic-bezier(.22,1,.36,1);will-change:transform}
.hero-image-frame.is-arriving img{transition-duration:7s}
@media(prefers-reduced-motion:reduce){.hero-image-frame img{transform:none;transition:none;will-change:auto}}

/* The section heading types once when it enters view. */
.section-heading h2.is-typing-ready .type-letter{opacity:0}
.section-heading h2 .type-letter.is-visible{opacity:1}
.section-heading h2 .type-cursor{display:none;width:.045em;height:.79em;margin-left:.055em;background:currentColor;vertical-align:-.07em}
.section-heading h2.is-typed .type-cursor{display:inline-block;animation:work-cursor-blink 1s steps(1,end) infinite}
@keyframes work-cursor-blink{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.section-heading h2 .type-cursor{animation:none}}

.site-credit{margin-top:18px;text-align:left;color:#777d79;font-size:10px;line-height:1.4;letter-spacing:.03em}

/* Keep all four destinations visible and readable in the header. */
header nav{gap:clamp(16px,2.2vw,34px);white-space:nowrap}
@media(max-width:1000px){header{flex-wrap:wrap;row-gap:16px}header nav{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:4px}}
@media(max-width:640px){header{flex-direction:column;align-items:stretch}header nav{display:flex;flex-direction:row;gap:20px;font-size:12px}header nav a:last-child{display:inline}}

/* Give The Cargo Run preview a richer, sunlit colour grade. */
#cargo-run .film-poster img{filter:saturate(1.75) contrast(1.08) brightness(1.04)}
#cargo-run .film-poster:is(:hover,:focus-visible) img{filter:saturate(1.9) contrast(1.09) brightness(1.02)}

/* Keep the small source cover crisp and give the printed artwork a fine grain. */
.featured-track .radio-art-link{position:relative;isolation:isolate;width:min(100%,350px)}
.featured-track .radio-art{filter:contrast(1.14) saturate(1.06)}
.featured-track .radio-art-link::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='128' height='128' filter='url(%23grain)' opacity='.34'/%3E%3C/svg%3E")}

/* Peter's photographs share a restrained, saturated coastal treatment. */
.hero-carousel .hero-image-frame{position:relative;height:520px;background:#2d4145;isolation:isolate}
.hero-carousel .hero-image-frame::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(22,43,50,.03),rgba(18,40,47,.1)),rgba(178,109,54,.045)}
.hero-carousel .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;filter:saturate(1.16) contrast(1.045) brightness(.985);transition:opacity 1.4s ease,transform 2.2s cubic-bezier(.22,1,.36,1)}
.hero-carousel .hero-slide.is-active{opacity:1;z-index:1}
.hero-carousel .hero-slide:nth-child(1){object-position:center 42%}
.hero-carousel .hero-slide:nth-child(2){object-position:45% center}
.hero-carousel .hero-slide:nth-child(3){object-position:55% center}
.hero-carousel .hero-slide:nth-child(4){object-position:54% center}
.hero-carousel .hero-slide:nth-child(5){object-position:center 38%}
.hero-carousel .hero-slide:nth-child(6){object-position:42% center}
.hero-carousel .hero-slide:nth-child(7){object-position:center 40%}
.hero-carousel-controls{position:absolute;left:26px;bottom:67px;z-index:3;display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:30px;background:rgba(23,47,54,.55);backdrop-filter:blur(5px)}
.hero-carousel-controls>button{width:27px;height:27px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;font-size:17px;line-height:1;cursor:pointer}
.hero-carousel-controls>button:hover,.hero-carousel-controls>button:focus-visible{background:rgba(255,255,255,.2)}
.hero-carousel-controls button:focus-visible{outline:2px solid white;outline-offset:2px}
.hero-carousel-dots{display:flex;align-items:center;gap:5px}
.hero-carousel-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:background-color .3s ease,transform .3s ease}
.hero-carousel-dot.is-active{background:#fff;transform:scale(1.35)}
@media(max-width:900px){.hero-carousel .hero-image-frame{height:460px}}
@media(max-width:640px){.hero-carousel .hero-image-frame{height:370px}.hero-carousel-controls{left:20px;bottom:55px}}
@media(prefers-reduced-motion:reduce){.hero-carousel .hero-slide,.hero-carousel-dot{transition:none}}

/* A bookplate in Beyond the Page links to Hendrix's complete story. */
.hendrix-feature{display:grid;grid-template-columns:minmax(230px,.8fr) 1.2fr;min-height:430px;margin:0 0 30px;background:#d4e3d8;color:#46372f;overflow:hidden}
.hendrix-feature__art{display:flex;align-items:center;justify-content:center;padding:34px;background:#b9d4c6;overflow:hidden}
.hendrix-feature__art img{display:block;height:355px;width:auto;max-width:100%;object-fit:contain;box-shadow:9px 13px 0 #44615535;transition:transform .4s ease}
.hendrix-feature__art:hover img,.hendrix-feature__art:focus-visible img{transform:translateY(-5px)}
.hendrix-feature__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(35px,5vw,75px)}
.hendrix-feature__copy .eyebrow{color:#745246}
.hendrix-feature__copy h3{font-size:clamp(50px,5vw,75px);line-height:.95;margin:0 0 20px}
.hendrix-feature__copy h3 em{color:#694235}
.hendrix-feature__copy>p:not(.eyebrow){max-width:420px;font-size:16px;line-height:1.7;margin:0 0 25px}
.hendrix-feature__copy .button{background:#694235;border-color:#694235;color:#fff}
@media(max-width:640px){.hendrix-feature{grid-template-columns:1fr}.hendrix-feature__art{padding:34px 20px}.hendrix-feature__art img{height:300px}.hendrix-feature__copy{padding:33px 27px 39px}.hendrix-feature__copy h3{font-size:58px}}
@media(prefers-reduced-motion:reduce){.hendrix-feature__art img{transition:none}}

/* The banner arrives first; the anchor settles behind it in the supplied lockup. */
.site-loader{background-color:#f4efe4;background-image:none;color:#263e46}
.loader-stage{position:relative;isolation:isolate;width:min(88vw,1160px);aspect-ratio:2/1}
.loader-stage img{position:absolute;display:block;max-width:none;height:auto;object-fit:fill;filter:none}
.loader-banner{z-index:2;top:20%;left:0;width:100%;opacity:0;transform:translate3d(0,-14px,0) scale(.975);animation:loader-banner-arrive .9s cubic-bezier(.16,1,.3,1) .12s forwards}
.loader-anchor{z-index:1;top:0;left:50%;width:50%;height:100%!important;opacity:0;transform:translate3d(-50%,-120%,0) rotate(-3deg);animation:loader-anchor-drop 1.2s cubic-bezier(.18,.84,.26,1) 1s forwards}
@keyframes loader-banner-arrive{65%{opacity:1;transform:translate3d(0,2px,0) scale(1.008)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes loader-anchor-drop{0%{opacity:0;transform:translate3d(-50%,-120%,0) rotate(-3deg)}12%{opacity:1}76%{opacity:1;transform:translate3d(-50%,3%,0) rotate(.8deg)}100%{opacity:1;transform:translate3d(-50%,0,0) rotate(0)}}
@media(max-width:640px){.loader-stage{width:94vw}}
@media(prefers-reduced-motion:reduce){.loader-banner,.loader-anchor{animation:none;opacity:1;transform:none}.loader-anchor{left:25%}}

.footer-contact{display:flex;flex-direction:column;align-items:flex-end;gap:3px;margin-top:18px;text-align:right}
.footer-contact span{font-size:10px;font-weight:600;letter-spacing:.12em;color:#626a68}
.footer-contact a{font-size:15px;font-weight:600;letter-spacing:.01em;text-decoration:underline;text-decoration-color:#a44b36;text-underline-offset:4px}
@media(max-width:640px){.footer-contact{align-items:flex-start;text-align:left}}

/* The Cargo Run book leads the additional reading and features. */
.cargo-book-feature{display:grid;grid-template-columns:minmax(250px,.8fr) 1.2fr;min-height:470px;margin:0 0 30px;background:#d9e4dd;color:#173b4b;overflow:hidden}
.cargo-book-feature__art{display:flex;align-items:center;justify-content:center;padding:34px;background:#c5d8d1;overflow:hidden}
.cargo-book-feature__art img{display:block;height:390px;width:auto;max-width:100%;object-fit:contain;box-shadow:10px 14px 0 #173b4b30;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.cargo-book-feature__art:hover img,.cargo-book-feature__art:focus-visible img{transform:translateY(-5px) scale(1.015)}
.cargo-book-feature__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(35px,5vw,75px)}
.cargo-book-feature__copy .eyebrow{color:#55736e}
.cargo-book-feature__copy h3{font-size:clamp(54px,6vw,84px);line-height:.92;margin:0 0 22px}
.cargo-book-feature__copy h3 em{color:#a34d35}
.cargo-book-feature__copy>p:not(.eyebrow){max-width:450px;font-size:16px;line-height:1.7;margin:0 0 20px}
.cargo-book-credit{color:#55736e;font-size:12px!important;letter-spacing:.08em;text-transform:uppercase}
.cargo-book-feature__copy .button{background:#173b4b;border-color:#173b4b;color:#fff}
@media(max-width:640px){.cargo-book-feature{grid-template-columns:1fr}.cargo-book-feature__art{padding:34px 20px}.cargo-book-feature__art img{height:320px}.cargo-book-feature__copy{padding:33px 27px 39px}.cargo-book-feature__copy h3{font-size:60px}}
@media(prefers-reduced-motion:reduce){.cargo-book-feature__art img{transition:none}}

/* Carry the new banner-and-anchor identity through the header and footer. */
header .nautical-brand,.footer-top .footer-nautical-brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;width:clamp(205px,21vw,275px);flex:0 0 auto;color:#173b4b;font-size:initial;font-weight:600;letter-spacing:0;line-height:1.2}
.nautical-lockup{position:relative;display:block;width:100%;height:clamp(72px,7.5vw,96px);overflow:visible;isolation:isolate}
.nautical-lockup img{position:absolute;display:block;max-width:none;height:auto;object-fit:contain;filter:none}
.nautical-lockup .nautical-anchor{z-index:0;top:0;left:50%;height:100%;width:auto;transform:translateX(-50%)}
.nautical-lockup .nautical-banner{z-index:1;top:20%;left:0;width:100%}
.nautical-caption{display:block;margin-top:-4px;color:#173b4b;font-size:9px;font-weight:700;letter-spacing:.19em;line-height:1.4}
.footer-top .footer-nautical-brand{width:clamp(220px,23vw,300px)}
.footer-nautical-brand .nautical-lockup{height:clamp(78px,8vw,104px)}
.footer-nautical-brand .nautical-caption{font-size:9px}
@media(max-width:1000px){header .nautical-brand{width:235px}.nautical-lockup{height:82px}}
@media(max-width:640px){header .nautical-brand{width:205px}.nautical-lockup{height:72px}.footer-top .footer-nautical-brand{width:230px}.footer-nautical-brand .nautical-lockup{height:80px}}
@media(prefers-reduced-motion:reduce){.nautical-lockup img{transition:none}}
/* The second radio season keeps playback within its own feature. */
.featured-track #row-west-season-2 .work-copy h3{font-size:clamp(48px,4.5vw,66px);margin-bottom:12px}
.season-two-subtitle{font:400 25px/1.2 'Libre Caslon Display',Georgia,serif;color:#a44b36;margin:0 0 22px}
#row-west-season-2 .work-summary{font-size:15px;line-height:1.6;margin-bottom:22px}
.season-two-player{width:100%;min-width:0}.season-two-player audio{display:block;width:100%;min-width:0;height:54px;color-scheme:light}
.season-two-status{font-size:12px;line-height:1.5;margin:12px 0 0}.season-two-retry{margin-top:8px;padding:6px 12px;border:1px solid #263e46;background:transparent;color:#263e46;cursor:pointer}
.season-two-art{width:min(100%,350px);margin:0}.season-two-art img{display:block;width:100%;height:auto;box-shadow:12px 18px 34px rgba(8,26,32,.3)}
.season-two-art figcaption{display:flex;justify-content:space-between;gap:16px;padding-top:18px;color:#f4efe4;font-size:11px;letter-spacing:.1em;line-height:1.5}.season-two-art figcaption span{text-align:right;max-width:160px;color:#c8d4d2}
@media(max-width:820px){.featured-track #row-west-season-2 .work-copy h3{font-size:50px}.season-two-art{width:min(88%,330px)}.season-two-subtitle{font-size:24px}}
/* A quiet invitation to explore Peter’s photographs and press clippings. */
.gallery-invitation{padding-top:4px;padding-bottom:26px}.gallery-invitation .section-heading{align-items:center;margin:0;padding:28px 0;border-top:1px solid #a9ada0}.gallery-invitation .section-heading .eyebrow{margin-bottom:8px}.gallery-invitation .section-heading h2{min-height:1.02em}.gallery-invitation__action{display:flex;align-items:center;gap:clamp(22px,4vw,56px)}.gallery-invitation__action p{margin:0;color:#5c6566;font-size:14px}.gallery-invitation__arrow{width:52px;height:52px;display:grid;place-items:center;border:1px solid #263e46;border-radius:50%;font-size:25px;line-height:1;transition:background .25s ease,color .25s ease,transform .25s ease}.gallery-invitation__arrow:hover{background:#263e46;color:#fff9ed;transform:translateX(3px)}.gallery-invitation__arrow:focus-visible{outline:3px solid #a44b36;outline-offset:4px}@media(max-width:640px){.gallery-invitation{padding-bottom:18px}.gallery-invitation .section-heading{align-items:flex-start;gap:18px;flex-direction:column;padding:24px 0}.gallery-invitation__action{width:100%;justify-content:space-between;gap:16px}.gallery-invitation__arrow{width:46px;height:46px}}@media(prefers-reduced-motion:reduce){.gallery-invitation__arrow{transition:none}}

/* Gallery preview: a short, swipeable invitation to the full archive. */
.gallery-invitation{padding-top:10px;padding-bottom:86px}
.gallery-invitation .section-heading{align-items:end;margin-bottom:24px;padding:28px 0 24px;border-top:1px solid #a9ada0}
.gallery-invitation .section-heading>p{margin:0 0 8px;color:#5c6566;font-size:14px}
.gallery-preview__scroll{position:relative;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#9ca8a6 transparent;padding:0 0 14px;overscroll-behavior-x:contain}
.gallery-preview__scroll::after{content:"";flex:0 0 36%}
.gallery-preview__card{flex:0 0 min(72%,820px);min-width:0;margin:0;background:#d4d5cb;scroll-snap-align:start;overflow:hidden}
.gallery-preview__card img{display:block;width:100%;height:295px;object-fit:cover;object-position:center top;filter:saturate(1.06) contrast(1.035)}
.gallery-preview__card--spread img{object-position:center 84%}
.gallery-preview__card figcaption{display:flex;justify-content:space-between;gap:14px;min-height:46px;padding:13px 17px;background:#e7e4d8;color:#263e46;font-size:10px;font-weight:600;line-height:1.4;letter-spacing:.1em}
.gallery-preview__card figcaption span:last-child{color:#687477;text-align:right}
.gallery-preview__footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:19px}
.gallery-preview__controls{display:flex;align-items:center;gap:16px}
.gallery-preview__controls button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #728084;border-radius:50%;background:transparent;color:#263e46;font-size:20px;line-height:1;cursor:pointer;transition:background .2s ease,color .2s ease}
.gallery-preview__controls button:hover:not(:disabled){background:#263e46;color:#fff9ed}
.gallery-preview__controls button:disabled{cursor:default;opacity:.32}
.gallery-preview__controls button:focus-visible{outline:3px solid #a44b36;outline-offset:3px}
.gallery-preview__count{min-width:52px;text-align:center;color:#5c6566;font-size:11px;font-weight:600;letter-spacing:.12em}
.gallery-invitation__link{display:inline-flex;align-items:center;gap:18px;font-size:13px;font-weight:700;letter-spacing:.075em;text-transform:uppercase}
.gallery-invitation__link:hover{color:#a44b36}
.gallery-invitation__link:focus-visible{outline:3px solid #a44b36;outline-offset:5px}
.gallery-invitation .gallery-invitation__arrow{position:relative;width:62px;height:62px;flex:0 0 62px;display:grid;place-items:center;border:1px solid #263e46;border-radius:50%;background:#263e46;color:#fff9ed;font-size:30px;line-height:1;transition:transform .28s ease,background .28s ease,border-color .28s ease}
.gallery-invitation__arrow::before{content:"";position:absolute;inset:-5px;border:2px solid #a44b36;border-radius:50%;opacity:0;animation:gallery-arrow-pulse 3.5s ease-out infinite}
.gallery-invitation__link:hover .gallery-invitation__arrow{background:#a44b36;border-color:#a44b36;transform:scale(1.055)}
@keyframes gallery-arrow-pulse{0%,58%{transform:scale(1);opacity:0}62%{opacity:.45}90%,100%{transform:scale(1.35);opacity:0}}
@media(max-width:640px){.gallery-invitation{padding-bottom:58px}.gallery-invitation .section-heading{align-items:flex-start;gap:12px}.gallery-invitation .section-heading>p{margin:0}.gallery-preview__scroll{gap:12px}.gallery-preview__scroll::after{flex-basis:20%}.gallery-preview__card{flex-basis:84%}.gallery-preview__card img{height:255px}.gallery-preview__card figcaption{display:block;min-height:54px;padding:11px 13px;font-size:9px}.gallery-preview__card figcaption span{display:block}.gallery-preview__card figcaption span:last-child{text-align:left;margin-top:3px}.gallery-preview__footer{align-items:flex-start;flex-direction:column;gap:18px}.gallery-invitation__link{align-self:flex-end;gap:11px;font-size:11px}.gallery-invitation .gallery-invitation__arrow{width:54px;height:54px;flex-basis:54px;font-size:26px}}
@media(prefers-reduced-motion:reduce){.gallery-invitation__arrow::before{animation:none}.gallery-invitation .gallery-invitation__arrow,.gallery-preview__controls button{transition:none}.gallery-preview__scroll{scroll-behavior:auto}}

.row-west-show-title{font-size:clamp(26px,3vw,40px);line-height:1.08}

/* Compact, scrollable Peter video shelf beneath the SBS feature. */
.peter-video-gallery{margin-top:44px;padding-top:30px;border-top:1px solid #a9ada0}
.peter-video-gallery__heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px}
.peter-video-gallery__heading .eyebrow{margin:0 0 8px}
.peter-video-gallery__heading h3{font-size:clamp(32px,3.5vw,46px)}
.peter-video-gallery__heading h3 em{color:#a44b36}
.peter-video-gallery__controls{display:flex;gap:9px;flex-shrink:0}
.peter-video-gallery__controls button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #728084;border-radius:50%;background:transparent;color:#263e46;font-size:20px;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}
.peter-video-gallery__controls button:hover{background:#263e46;color:#fff9ed;transform:translateX(2px)}
.peter-video-gallery__controls button:focus-visible{outline:3px solid #a44b36;outline-offset:3px}
.peter-video-gallery__track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#9ca8a6 transparent;padding:0 0 14px;overscroll-behavior-x:contain}
.peter-video-card{flex:0 0 min(48%,550px);min-width:0;scroll-snap-align:start}
.peter-video-card__poster{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;overflow:hidden;border:0;background:#263e46;cursor:pointer}
.peter-video-card__poster img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.12) contrast(1.04);transition:transform .45s cubic-bezier(.16,1,.3,1),filter .3s ease}
.peter-video-card__poster:hover img,.peter-video-card__poster:focus-visible img{transform:scale(1.025);filter:saturate(1.2) contrast(1.06) brightness(.92)}
.peter-video-card__poster .play-icon{opacity:0;transform:translate(-50%,-50%) scale(.88);transition:opacity .25s ease,transform .3s cubic-bezier(.16,1,.3,1),background-color .25s ease,box-shadow .25s ease}
.peter-video-card__poster:hover .play-icon,.peter-video-card__poster:focus-visible .play-icon{opacity:1;transform:translate(-50%,-50%) scale(1.04)}
.peter-video-card__poster:focus-visible{outline:3px solid #a44b36;outline-offset:-4px}
.peter-video-card h4{margin:13px 0 0;font:600 14px/1.45 'DM Sans',sans-serif;letter-spacing:.015em;color:#263e46}
.video-lightbox{width:min(92vw,1120px);max-width:none;padding:0;border:1px solid #b9b8aa;background:#172c34;color:#f4efe4;box-shadow:0 24px 90px #101c20aa}
.video-lightbox::backdrop{background:#111e22d9;backdrop-filter:blur(5px)}
.video-lightbox__top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 17px}
.video-lightbox__title{margin:0;font:500 13px/1.4 'DM Sans',sans-serif;letter-spacing:.04em}
.video-lightbox__close{width:36px;height:36px;border:1px solid #f4efe466;border-radius:50%;background:transparent;color:#f4efe4;font-size:21px;line-height:1;cursor:pointer}
.video-lightbox__close:hover{background:#f4efe4;color:#172c34}
.video-lightbox__close:focus-visible{outline:2px solid #dfb381;outline-offset:3px}
.video-lightbox__frame{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}
.featured-track .work-copy .row-west-show-title{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:0;line-height:1.04;margin-bottom:25px}
.row-west-show-title .show-title-main{font-size:clamp(36px,4vw,54px);line-height:.96;letter-spacing:-.025em}
.row-west-show-title em{font-size:clamp(25px,2.6vw,35px);line-height:1.1;color:#a44b36}
.row-west-show-title .show-title-season{font:500 clamp(18px,1.8vw,23px)/1.3 'DM Sans',sans-serif;letter-spacing:.015em;color:#536064}
@media(max-width:820px){.featured-track .work-copy .row-west-show-title{margin-bottom:22px}.row-west-show-title .show-title-main{font-size:clamp(34px,5.5vw,44px)}.row-west-show-title em{font-size:clamp(25px,4.5vw,32px)}.row-west-show-title .show-title-season{font-size:18px}}
@media(max-width:640px){.peter-video-gallery{margin-top:32px;padding-top:24px}.peter-video-gallery__heading h3{font-size:34px}.peter-video-card{flex-basis:86%}.peter-video-card h4{font-size:13px}.video-lightbox{width:calc(100vw - 24px)}.video-lightbox__top{padding:10px 12px}}
@media(hover:none){.peter-video-card__poster .play-icon{opacity:1;transform:translate(-50%,-50%)}}
@media(prefers-reduced-motion:reduce){.peter-video-gallery__controls button,.peter-video-card__poster img,.peter-video-card__poster .play-icon{transition:none}.peter-video-gallery__track{scroll-behavior:auto}}
@media(max-width:640px){.story h2{line-height:1.18}.story h2>span{display:block}}



@media(min-width:821px){.featured-track #row-west .work-copy,.featured-track #row-west-season-2 .work-copy{min-height:610px}.featured-track #row-west .work-copy .row-west-show-title,.featured-track #row-west-season-2 .work-copy .row-west-show-title{margin:0 0 25px;font-size:0;line-height:1.04}.featured-track #row-west .work-summary,.featured-track #row-west-season-2 .work-summary{font-size:15px;line-height:1.6;margin:0 0 22px}.featured-track #row-west .radio-art-link,.featured-track #row-west-season-2 .season-two-art{width:min(100%,350px)}}


@media(min-width:641px) and (max-width:820px){.featured-track #row-west .work-copy,.featured-track #row-west-season-2 .work-copy{min-height:730px}}
@media(max-width:822px){.featured-track #row-west .work-copy,.featured-track #row-west-season-2 .work-copy{min-height:500px}}
@media(max-width:640px){.featured-track #row-west .work-media,.featured-track #row-west-season-2 .work-media{min-height:390px}.featured-track #row-west .radio-art-link,.featured-track #row-west-season-2 .season-two-art{width:min(88%,330px)}}
