@font-face{font-family:Cormorant;src:url("../fonts/CormorantGaramond-Medium-Latin.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Cormorant;src:url("../fonts/CormorantGaramond-MediumItalic-Latin.woff2") format("woff2");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:Montserrat;src:url("../fonts/Montserrat-Semibold-Latin.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
:root{--cream:#F5EFE3;--paper:#FBF7EF;--navy:#1F3146;--red:#B74336;--green:#6F7F5F;--brown:#9A7A5C;--coast:#8FAFC7;--ink:#000C13;--serif:"Cormorant",Georgia,serif;--sans:"Montserrat",Arial,sans-serif;--page-pad:clamp(24px,4.8vw,78px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--serif);font-size:20px;line-height:1.42}
img{display:block;max-width:100%}
a{color:inherit}
a:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}
.skip-link{position:absolute;top:-60px;left:12px;z-index:20;padding:10px 16px;background:var(--paper);color:var(--navy);font:600 12px var(--sans)}.skip-link:focus{top:12px}
.masthead{height:104px;padding:14px 3vw;display:grid;grid-template-columns:minmax(185px,1fr) auto minmax(185px,1fr);align-items:center;gap:28px;background:linear-gradient(180deg,rgba(0,12,19,.98),rgba(0,12,19,.88));border-bottom:1px solid rgba(251,247,239,.15);position:absolute;inset:0 0 auto;z-index:2}
.brand{width:min(136px,100%)}.brand img{width:100%;height:auto}
.main-nav{display:flex;align-items:center;gap:clamp(20px,3vw,48px)}.main-nav a,.contact-link,.eyebrow,.hero-caption,.hero-index,.card-number,.world-description,.card-arrow,.button,.text-link,.footer-links,.footer-brand{font-family:var(--sans);text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:600;text-decoration:none}
.main-nav,.contact-link{transform:translateY(-20px)}
.main-nav a{position:relative;padding:13px 0;white-space:nowrap}.main-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:1px;background:var(--cream);transition:right .25s}.main-nav a:hover::after,.main-nav a[aria-current=page]::after{right:0}.main-nav a span{font-size:14px;margin-left:3px;color:var(--cream)}
.contact-link{justify-self:end;border:1px solid rgba(251,247,239,.8);border-radius:99px;padding:13px 24px;white-space:nowrap}.contact-link:hover{background:var(--paper);color:var(--navy);transform:translateY(-22px)}
.hero{height:min(100svh,820px);max-height:820px;min-height:580px;position:relative;overflow:hidden;display:flex;align-items:center;padding:150px var(--page-pad) 70px}.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-photo{object-fit:cover;object-position:center 55%}.hero-shade{background:linear-gradient(90deg,rgba(0,12,19,.97) 0%,rgba(0,12,19,.84) 30%,rgba(0,12,19,.3) 65%,rgba(0,12,19,.08) 100%),linear-gradient(0deg,rgba(0,12,19,.35),transparent 28%)}
.hero-copy{position:relative;z-index:1;max-width:760px;margin-top:-12px}.eyebrow{margin:0 0 22px;color:var(--cream);font-size:10px;line-height:1.6}.eyebrow span{color:var(--brown);margin:0 7px}.hero h1{font-size:clamp(64px,8vw,122px);line-height:.87;letter-spacing:-.045em;font-weight:500;margin:0 0 24px;max-width:830px}.hero h1 em,.about h2 em,.section-head h2 em{font-weight:500;color:var(--cream)}.hero-intro{font-size:clamp(20px,1.65vw,25px);line-height:1.35;margin:0 0 30px;color:var(--paper)}.button{display:inline-flex;gap:18px;align-items:center;padding:16px 22px;border-radius:4px;letter-spacing:.12em;text-decoration:none;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button--light{background:var(--cream);color:var(--navy)}.button--light:hover{background:var(--paper)}.button span{font-size:18px;line-height:.7}
.hero-caption{position:absolute;left:var(--page-pad);bottom:27px;color:rgba(251,247,239,.8);font-size:9px}.hero-caption span{color:var(--brown);padding:0 8px}.hero-signature{position:absolute;z-index:1;right:var(--page-pad);bottom:23px;width:clamp(170px,20vw,260px);height:auto;max-width:34vw}
.worlds{padding:34px var(--page-pad) 48px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.5vw,42px);background:var(--ink)}.world-card{position:relative;display:flex;flex-direction:column;text-decoration:none;min-width:0}.world-card-image::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(0deg,rgba(0,12,19,.38),transparent 58%);pointer-events:none}.world-card-image{position:relative;display:block;height:clamp(165px,18vw,255px);overflow:hidden}.world-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .38s ease,filter .3s}.journal-photo-link .journal-photo{transition:transform .38s ease,filter .3s}.world-card:hover .world-card-image img,.world-card:focus-visible .world-card-image img,.journal-photo-link:hover .journal-photo,.journal-photo-link:focus-visible .journal-photo{transform:scale(1.06);filter:brightness(1.08)}.journal-photo-link{display:block;overflow:hidden}.world-card--coast img{object-position:center 52%}.world-card--aviation img{object-position:43% center}.world-card--flora img{object-position:center 45%}.world-card--industry img{object-position:center 42%}.card-number{position:absolute;top:14px;left:14px;z-index:1;color:var(--paper);font-size:8px;text-shadow:0 1px 8px rgba(0,12,19,.8);letter-spacing:.14em}.world-title{font-size:clamp(23px,2.25vw,34px);line-height:1.05;margin:13px 0 6px}.world-title i{font-weight:500}.world-description{max-width:270px;color:rgba(251,247,239,.73);font:500 13px/1.5 var(--serif);letter-spacing:0;text-transform:none}.card-arrow{position:absolute;right:2px;bottom:2px;font:22px var(--serif);color:var(--cream)}
.about{display:grid;grid-template-columns:1fr .9fr 1fr;min-height:450px;background:var(--cream);color:var(--navy);overflow:hidden}.about-art{min-height:450px;position:relative;background:var(--paper);display:flex;align-items:center;overflow:hidden}.about-art img{height:100%;width:100%;position:absolute;inset:0;object-fit:cover;object-position:65% center;opacity:1}
.about-copy{align-self:center;padding:54px clamp(28px,4.4vw,72px)}.eyebrow--dark{color:var(--red)}.about h2,.section-head h2{font-weight:500;font-size:clamp(48px,5.2vw,76px);line-height:.88;letter-spacing:-.035em;margin:0 0 20px}.about h2 em,.section-head h2 em{color:var(--red)}.about-copy>p:not(.eyebrow){max-width:480px;font-size:20px;line-height:1.4;margin:0 0 23px}.button--navy{background:var(--navy);color:var(--paper);padding:14px 18px}.button--navy:hover{background:var(--navy)}
.about-landscape{min-height:450px;position:relative;margin:0;overflow:hidden;background:var(--navy)}.about-landscape::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,12,19,.5),transparent 50%)}.about-landscape img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 55%}.about-landscape figcaption{position:absolute;z-index:1;bottom:31px;left:30px;color:var(--paper);font-size:34px;font-style:italic}
.journal{padding:82px var(--page-pad) 76px;background:var(--ink)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-head .eyebrow{color:var(--brown);margin-bottom:8px}.section-head h2{font-size:clamp(44px,5vw,70px);margin:0}.text-link{display:flex;gap:12px;align-items:center;padding-bottom:9px;border-bottom:1px solid rgba(251,247,239,.35);font-size:9px}.text-link span{font:20px var(--serif)}.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.5vw,38px)}.journal-card{min-width:0}.image-placeholder{height:clamp(170px,19vw,255px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;text-align:center;background:linear-gradient(145deg,var(--navy),var(--ink) 68%,var(--coast));border:1px solid rgba(251,247,239,.16);color:var(--paper)}.image-placeholder--coast{background:linear-gradient(155deg,var(--coast),var(--navy) 58%,var(--ink))}.image-placeholder--aviation{background:linear-gradient(155deg,var(--brown),var(--navy) 58%,var(--ink))}.journal-photo{width:100%;height:clamp(170px,19vw,255px);object-fit:cover;object-position:center 46%;border:1px solid rgba(251,247,239,.16)}.image-placeholder span{font-size:29px;font-style:italic}.image-placeholder code{font:8px var(--sans);letter-spacing:.06em;color:rgba(251,247,239,.67)}.journal-card .eyebrow{color:var(--cream);margin:13px 0 5px;font-size:8px;letter-spacing:.11em}.journal-card h3{font-size:clamp(22px,2.05vw,30px);line-height:1.05;font-weight:500;margin:0;max-width:370px}.journal-card h3 a{text-decoration:none}.journal-card h3 a:hover{text-decoration:underline;text-decoration-color:var(--brown);text-underline-offset:4px}
.footer{min-height:245px;position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;padding:48px var(--page-pad);overflow:hidden;background:var(--ink)}.footer-scene{position:absolute;inset:0;opacity:.72}.footer-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,12,19,.78),rgba(0,12,19,.12) 52%,rgba(0,12,19,.72))}.footer-scene img{width:100%;height:100%;object-fit:cover;object-position:52% 50%}.footer-thought{position:relative;z-index:1;font-size:clamp(25px,3vw,42px);line-height:1.05;margin:0;max-width:710px}.footer-links{position:relative;z-index:1;display:flex;flex-direction:column;gap:15px;text-align:right;font-size:9px}.footer-social{position:absolute;z-index:1;right:var(--page-pad);bottom:18px;display:flex;align-items:center;gap:14px;font-size:8px}.footer-social span{font-family:var(--sans);text-transform:uppercase;letter-spacing:.12em;color:var(--brown);font-size:7px}.footer-social a{font-family:var(--sans);font-size:8px;text-transform:uppercase;letter-spacing:.08em;text-decoration:none}.footer-social a:hover{text-decoration:underline;text-underline-offset:4px}.footer-brand{position:absolute;z-index:1;left:var(--page-pad);bottom:19px;color:rgba(251,247,239,.65);font-size:8px}.footer-brand span{color:var(--brown);padding:0 5px}
@media(max-width:980px){.masthead{grid-template-columns:150px 1fr auto;gap:18px;height:88px}.main-nav{gap:clamp(12px,2vw,22px)}.main-nav a{font-size:8px}.brand{width:98px}.hero{height:650px;min-height:520px}.worlds{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}.world-card-image{height:clamp(230px,32vw,340px)}.about{grid-template-columns:.85fr 1fr}.about-art{min-height:390px}.about-landscape{grid-column:1/-1;min-height:340px}.about-landscape img{object-position:center 58%}.about-copy{padding-inline:clamp(28px,6vw,70px)}}
@media(max-width:680px){body{font-size:18px}.masthead{height:76px;padding:10px 18px;grid-template-columns:1fr auto}.brand{width:74px}.main-nav{position:absolute;left:0;right:0;top:76px;padding:12px 18px;justify-content:space-between;gap:8px;background:rgba(0,12,19,.96);border-bottom:1px solid rgba(251,247,239,.16)}.main-nav a{font-size:7px;letter-spacing:.08em}.main-nav a span{display:none}.contact-link{font-size:8px;padding:10px 16px}.hero{height:min(84svh,700px);min-height:500px;max-height:700px;padding:150px 22px 82px;align-items:flex-end}.hero-photo{object-position:57% center}.hero-shade{background:linear-gradient(0deg,rgba(0,12,19,.94),rgba(0,12,19,.45) 60%,rgba(0,12,19,.1)),linear-gradient(90deg,rgba(0,12,19,.15),transparent)}.hero-copy{margin:0}.hero .eyebrow{margin-bottom:18px;font-size:8px}.hero h1{font-size:clamp(58px,13.5vw,86px);line-height:.88;margin-bottom:16px}.hero-intro{font-size:20px;margin-bottom:22px}.button{font-size:8px;padding:14px 16px}.hero-caption{left:22px;bottom:20px;font-size:7px}.hero-signature{right:22px;bottom:19px;width:clamp(118px,34vw,170px);max-width:42vw}.worlds{padding:23px 18px 34px;gap:24px 14px}.world-card-image{height:clamp(145px,47vw,235px)}.card-number{top:9px;left:9px;font-size:7px}.world-title{font-size:clamp(22px,6vw,30px);margin:10px 0 4px}.world-description{font-size:12px;line-height:1.35;padding-right:8px}.card-arrow{font-size:18px}.about{grid-template-columns:1fr}.about-art{min-height:260px}.about-art img{object-position:center 46%}.about-copy{padding:42px 24px 46px}.about h2{font-size:58px}.about-copy>p:not(.eyebrow){font-size:19px}.about-landscape{grid-column:auto;min-height:260px}.about-landscape figcaption{font-size:27px;left:20px;bottom:20px}.journal{padding:52px 20px}.section-head{align-items:end;gap:12px}.section-head h2{font-size:44px}.section-head .eyebrow{font-size:8px}.text-link{font-size:7px;white-space:nowrap;gap:6px}.journal-grid{grid-template-columns:1fr;gap:26px}.journal-card{display:grid;grid-template-columns:40% 1fr;column-gap:14px;align-content:start}.journal-card .image-placeholder{grid-row:1/4;height:130px}.image-placeholder span{font-size:19px}.image-placeholder code{font-size:6px;overflow-wrap:anywhere;padding:0 5px}.journal-card .eyebrow{margin:3px 0 4px;font-size:7px}.journal-card h3{font-size:23px}.footer{min-height:260px;padding:38px 22px 54px;grid-template-columns:1fr auto;gap:12px}.footer-thought{font-size:clamp(23px,6.2vw,33px)}.footer-links{font-size:7px;gap:12px}.footer-brand{left:22px;bottom:18px;font-size:7px}}
@media(max-width:370px){.main-nav{gap:5px}.main-nav a{font-size:6px}.hero h1{font-size:56px}.worlds{gap:22px 10px}.world-title{font-size:21px}.world-description{font-size:11px}.journal-card h3{font-size:21px}}
@media(max-width:680px){.masthead{height:88px;padding:8px 18px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:34px 34px;align-content:center;gap:3px 6px}.brand{grid-column:1;grid-row:1;align-self:center}.main-nav{position:static;grid-column:1;grid-row:2;left:auto;right:auto;top:auto;justify-content:flex-start;gap:clamp(5px,1.7vw,10px);padding:0;background:transparent;border:0;align-self:center}.main-nav a{font-size:clamp(6px,1.55vw,8px);letter-spacing:.06em}.contact-link{grid-column:2;grid-row:2;align-self:center;justify-self:end;padding:8px 10px;font-size:7px}.main-nav,.contact-link{transform:translateY(-8px)}}
@media(max-width:980px){.brand{width:98px}}
@media(max-width:680px){.brand{width:74px}.footer-brand{bottom:48px}.footer-social{left:22px;right:22px;bottom:15px;justify-content:flex-end;gap:8px}.footer-social span{font-size:6px}.footer-social a{font-size:7px;letter-spacing:.04em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.footer-thought{display:block;width:clamp(250px,30vw,400px);height:auto;max-width:100%;font-size:0;line-height:0;object-fit:contain;transform:translate(-42px,-12px)}
@media(max-width:680px){.footer-thought{width:min(100%,300px);transform:translate(-24px,-8px)}}

/* Large desktop: full-bleed surfaces with a centered editorial axis. */
@media (min-width: 1920px) {
  :root {
    --wide-layout: 1680px;
    --wide-gutter: max(var(--page-pad), calc((100vw - var(--wide-layout)) / 2));
  }

  .masthead {
    left: 50%;
    right: auto;
    width: min(100%, var(--wide-layout));
    padding-inline: clamp(48px, 3vw, 96px);
    background: none;
    border-bottom: 0;
    transform: translateX(-50%);
  }
  .masthead::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0 calc((var(--wide-layout) - 100vw) / 2);
    background: linear-gradient(180deg, rgba(0,12,19,.98), rgba(0,12,19,.88));
    border-bottom: 1px solid rgba(251,247,239,.15);
  }

  .hero,
  .worlds,
  .journal {
    padding-inline: var(--wide-gutter);
  }
  .hero-caption { left: var(--wide-gutter); }
  .hero-signature { right: var(--wide-gutter); }

  .about {
    width: min(100%, var(--wide-layout));
    margin-inline: auto;
  }
}


.mobile-menu-toggle { display: none; }

/* The semantic source follows the mobile narrative; retain the approved desktop order. */
#inhalt { display: flex; flex-direction: column; }
#inhalt > .hero { order: 1; }
#inhalt > .worlds { order: 2; }
#inhalt > .about { order: 3; }
#inhalt > .journal { order: 4; }

/* Mobile composition follows the approved RFR mobile mockup. */
@media (max-width: 820px) {
  .masthead {
    inset: 0 0 auto;
    width: auto;
    height: 84px;
    padding: 10px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    background: linear-gradient(180deg, rgba(0,12,19,.88), rgba(0,12,19,.35));
    border-bottom: 0;
    transform: none;
  }
  .brand { width: 72px; flex: 0 0 auto; }
  .main-nav { display: none; }
  .mobile-menu-toggle {
    width: 48px;
    height: 48px;
    padding: 11px 8px;
    display: flex;
    flex: 0 0 48px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: var(--paper);
    background: transparent;
    border: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .mobile-menu-toggle span {
    display: block;
    width: 31px;
    height: 2px;
    background: var(--paper);
    transition: transform .2s ease, opacity .2s ease;
  }
  .mobile-menu-toggle:focus-visible { outline: 2px solid var(--cream); outline-offset: 2px; }
  .contact-link { display: none; }
  .masthead.menu-open {
    height: auto;
    min-height: 84px;
    flex-wrap: wrap;
    padding-bottom: 16px;
    background: rgba(0,12,19,.98);
  }
  .masthead.menu-open .main-nav {
    display: flex;
    order: 3;
    flex: 0 0 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding-top: 8px;
    transform: none;
  }
  .masthead.menu-open .main-nav a {
    min-height: 48px;
    padding: 12px 0;
    display: flex;
    align-items: center;
    font-size: 10px;
    letter-spacing: .13em;
    border-bottom: 1px solid rgba(251,247,239,.14);
  }
  .masthead.menu-open .main-nav a span { margin-left: auto; }
  .masthead.menu-open .contact-link {
    display: inline-flex;
    order: 4;
    min-height: 48px;
    margin-top: 8px;
    padding: 12px 20px;
    transform: none;
  }
  .masthead.menu-open .mobile-menu-toggle span:first-child { transform: translateY(8px) rotate(45deg); }
  .masthead.menu-open .mobile-menu-toggle span:nth-child(2) { opacity: 0; }
  .masthead.menu-open .mobile-menu-toggle span:last-child { transform: translateY(-8px) rotate(-45deg); }

  #inhalt > .hero { order: 1; }
  #inhalt > .about { order: 2; }
  #inhalt > .worlds { order: 3; }
  #inhalt > .journal { order: 4; }

  .hero {
    height: clamp(560px, 70svh, 740px);
    min-height: 560px;
    max-height: 740px;
    padding: 146px 24px 88px;
    align-items: flex-start;
  }
  .hero-photo { object-position: 37% center; }
  .hero-shade {
    background:
      linear-gradient(90deg, rgba(0,12,19,.78), rgba(0,12,19,.38) 62%, rgba(0,12,19,.14)),
      linear-gradient(0deg, rgba(0,12,19,.46), transparent 48%);
  }
  .hero-copy { width: 100%; max-width: 560px; margin: 0; }
  .hero-copy > .eyebrow { display: none; }
  .hero h1 {
    max-width: 100%;
    margin-bottom: 18px;
    font-size: clamp(44px, 12.1vw, 60px);
    line-height: .94;
    letter-spacing: -.045em;
  }
  .hero-intro { max-width: 350px; margin-bottom: 22px; font-size: 19px; line-height: 1.32; }
  .hero .button { min-height: 48px; padding: 14px 18px; font-size: 9px; }
  .hero-signature { right: 22px; bottom: 18px; width: clamp(142px, 40vw, 180px); max-width: 48vw; }

  .about {
    width: 100%;
    min-height: 0;
    margin: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas: "copy copy" "art landscape";
    background: var(--cream);
  }
  .about-copy {
    grid-area: copy;
    align-self: stretch;
    padding: 42px 24px 44px;
  }
  .about-copy .eyebrow { margin-bottom: 14px; font-size: 9px; }
  .about h2 { margin-bottom: 20px; font-size: clamp(48px, 12.5vw, 60px); line-height: .92; }
  .about-copy > p:not(.eyebrow) { max-width: 520px; margin-bottom: 22px; font-size: 19px; line-height: 1.42; }
  .about-copy .button { min-height: 48px; padding: 14px 16px; font-size: 8px; }
  .about-art, .about-landscape {
    min-width: 0;
    min-height: 0;
    height: clamp(155px, 45vw, 220px);
    overflow: hidden;
  }
  .about-art { grid-area: art; }
  .about-art img { object-position: 62% center; }
  .about-landscape { grid-area: landscape; }
  .about-landscape img { object-position: 54% center; }

  .worlds {
    width: 100%;
    padding: 28px 20px 42px;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    background: var(--ink);
  }
  .world-card {
    min-height: clamp(148px, 42vw, 230px);
    display: block;
    overflow: hidden;
    border-radius: 7px;
    isolation: isolate;
  }
  .world-card-image { position: absolute; inset: 0; z-index: -1; height: auto; }
  .world-card-image::after {
    background:
      linear-gradient(90deg, rgba(0,12,19,.77), rgba(0,12,19,.38) 57%, rgba(0,12,19,.1)),
      linear-gradient(0deg, rgba(0,12,19,.44), transparent 68%);
  }
  .world-card-image img { width: 100%; height: 100%; object-fit: cover; }
  .world-card--coast img { object-position: 64% 52%; }
  .world-card--aviation img { object-position: center 43%; }
  .world-card--flora img { object-position: center 48%; }
  .world-card--industry img { object-position: center 38%; }
  .world-title {
    position: absolute;
    z-index: 2;
    left: 17px;
    bottom: 48px;
    max-width: calc(100% - 84px);
    margin: 0;
    font-size: clamp(23px, 6.4vw, 29px);
    line-height: 1.04;
  }
  .world-description {
    position: absolute;
    z-index: 2;
    left: 18px;
    bottom: 14px;
    max-width: calc(100% - 92px);
    padding: 0;
    color: rgba(251,247,239,.92);
    font: 500 13px/1.25 var(--serif);
    letter-spacing: 0;
    text-transform: none;
  }
  .world-card::after {
    content: "→";
    position: absolute;
    z-index: 2;
    right: 15px;
    bottom: 15px;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(251,247,239,.82);
    border-radius: 50%;
    color: var(--paper);
    font: 23px/1 var(--serif);
  }
  .world-card:active .world-card-image img { transform: scale(1.025); }

  .journal { width: 100%; padding: 54px 20px 62px; background: var(--ink); }
  .section-head { display: block; margin-bottom: 26px; }
  .section-head .eyebrow { margin-bottom: 8px; font-size: 8px; }
  .section-head h2 { font-size: clamp(40px, 10.8vw, 50px); line-height: .98; }
  .text-link { width: max-content; min-height: 44px; margin-top: 12px; padding: 10px 0 7px; font-size: 8px; }
  .journal-grid { grid-template-columns: minmax(0, 1fr); gap: 34px; }
  .journal-card { display: flex; flex-direction: column; min-width: 0; }
  .journal-photo {
    width: 100%;
    height: clamp(235px, 66vw, 340px);
    margin: 0;
    object-fit: cover;
    object-position: center 46%;
  }
  .journal-card .eyebrow { margin: 13px 0 5px; font-size: 9px; line-height: 1.5; }
  .journal-card h3 { max-width: 620px; font-size: clamp(28px, 8.2vw, 36px); line-height: 1.04; }

  .footer {
    min-height: 390px;
    padding: 42px 22px 104px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 28px;
  }
  .footer-scene { opacity: .82; }
  .footer-scene::after {
    background: linear-gradient(90deg, rgba(0,12,19,.66), rgba(0,12,19,.2)),
      linear-gradient(0deg, rgba(0,12,19,.72), transparent 72%);
  }
  .footer-scene img { object-position: 52% 50%; }
  .footer-thought { width: min(74vw, 290px); max-width: 100%; transform: none; }
  .footer-links {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 4px 20px;
    text-align: left;
    font-size: 8px;
  }
  .footer-links a, .footer-social a { min-height: 44px; display: inline-flex; align-items: center; }
  .footer-social {
    left: 22px;
    right: 22px;
    bottom: 14px;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 4px 14px;
  }
  .footer-social span { font-size: 7px; }
  .footer-social a { font-size: 8px; letter-spacing: .06em; }
}


/* Mobile-Feinschliff v04: hide desktop-only editorial photos and compact the lower-page rhythm. */
@media (max-width: 820px) {
  .about-art,
  .about-landscape { display: none; }
  .about { grid-template-columns: minmax(0, 1fr); grid-template-areas: "copy"; }
  .about-copy { padding-bottom: 38px; }

  .worlds { padding-bottom: 28px; }
  .journal { padding-top: 42px; padding-bottom: 48px; }
  .section-head { margin-bottom: 20px; }
  .journal-grid { gap: 26px; }
  .journal-photo { height: clamp(170px, 48vw, 220px); }
  .journal-card .eyebrow { margin-top: 9px; margin-bottom: 3px; }
  .journal-card h3 { line-height: 1.02; }

  .footer { min-height: 340px; padding-top: 34px; padding-bottom: 86px; gap: 20px; }
  .footer-social { bottom: 10px; }
}


/* Mobile menu contact label alignment only. */
@media (max-width: 820px) {
  .masthead.menu-open .contact-link {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
  }
}


/* Mobile footer composition v06 only. */
@media (max-width: 820px) {
  .footer { gap: 0; padding-bottom: 30px; }
  .footer-thought { margin-top: 120px; }
  .footer-links { margin-top: 20px; }
  .footer-social { display: none; }
}