@font-face{font-family:Relay Sans;src:url(../../fonts/inter-cyrillic.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0400-052F}
@font-face{font-family:Relay Serif;src:url(cormorant-normal.ttf) format("truetype");font-display:swap;font-style:normal}
@font-face{font-family:Relay Serif;src:url(cormorant-italic.ttf) format("truetype");font-display:swap;font-style:italic}
@font-face{font-family:Relay Sans;src:url(../../fonts/inter-latin.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
:root{--paper:#f3f0e6;--ink:#26281f;--orange:#fa5728;--line:#c8c7b8;--serif:"Relay Serif",Georgia,serif;--sans:"Relay Sans",Arial,sans-serif;--mono:"Courier New",monospace;--inset:clamp(22px,3.5vw,126px);color-scheme:light;scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.45 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a,summary{touch-action:manipulation}
:focus-visible{outline:3px solid #f6622d;outline-offset:4px}
.skip{position:absolute;z-index:10;left:1rem;top:1rem;background:var(--paper);padding:.7em;transform:translateY(-180%)}
.skip:focus{transform:translateY(0)}
.mast{position:relative;display:flex;align-items:center;gap:clamp(14px,2.2vw,64px);min-height:clamp(76px,5vw,153px);padding:8px var(--inset)}
.signature,.footer-logo{display:inline-flex;align-items:center;gap:.22em;line-height:.9;letter-spacing:-.09em;font-size:clamp(42px,3.4vw,118px);font-weight:810}
.sigil{display:inline-grid;align-items:center;justify-content:center;grid-template-areas:"over";color:var(--orange);position:relative;width:.65em;height:.65em}
.sigil b{width:.65em;height:.105em;background:currentColor;grid-area:over;display:block}
.sigil b:nth-child(2){transform:rotate(60deg)}
.sigil b:nth-child(3){transform:rotate(-60deg)}
.mast-sub{line-height:1.13;font-size:clamp(11px,.84vw,25px);font-weight:560;letter-spacing:-.035em;border-left:1px solid var(--line);padding-inline-start:clamp(14px,1.7vw,54px)}
.mast nav{margin-inline-start:auto;display:flex;gap:clamp(18px,2.3vw,80px);align-items:center}
.mast nav a,.return{display:inline-flex;min-height:44px;align-items:center;font-size:clamp(13px,.93vw,26px);font-weight:540;letter-spacing:-.025em}
.mast nav a:hover,.return:hover,footer a:hover{text-decoration:underline;text-underline-offset:.28em}
.mast .return{border-left:1px solid var(--line);padding-inline-start:clamp(15px,1.8vw,60px);font-family:var(--mono);font-weight:700;font-size:clamp(12px,.75vw,23px);letter-spacing:.025em}
.cover{position:relative;isolation:isolate;overflow:hidden;color:white;background:#403c32;min-height:460px;height:clamp(460px,min(49vw,75svh),1510px)}
.cover-picture,.cover-picture img,.cover::after{position:absolute;inset:0;width:100%;height:100%;display:block}
.cover-picture{z-index:-2}
.cover-picture img{object-fit:cover;object-position:50% 49%}
[data-cover=valais] .cover-picture img{object-position:50% 48%}
@media (min-resolution:1.5dppx) { [data-cover=valais] { --art-density:2; } }
@media (min-resolution:2.5dppx) { [data-cover=valais] { --art-density:3; } }
@media (min-width:3265px), (min-width:1633px) and (min-resolution:1.5dppx), (min-width:1089px) and (min-resolution:2.5dppx) {
  [data-cover=valais] .cover-picture { background: linear-gradient(#434350,#626279 48%,#312f36 82%); }
  [data-cover=valais] .cover-picture img { max-width:calc(3264px / var(--art-density,1)); margin:auto; mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent); }
}
.cover::after{content:"";z-index:-1;background:linear-gradient(0deg,rgba(16,20,17,.66),transparent 58%),linear-gradient(90deg,rgba(21,23,19,.36),transparent 65%),linear-gradient(180deg,rgba(25,26,23,.23),transparent 23%)}
.cover-inner{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:clamp(20px,2.3vw,78px) var(--inset) clamp(24px,3.4vw,122px)}
.cover-meta,.cover-region,.edition-code,.rubric,.cover-inset span,.north,.map-legend,.field-intro span,.edition-label{font-family:var(--mono);font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.cover-meta{display:flex;align-items:center;justify-content:space-between;font-size:clamp(11px,.85vw,27px);line-height:1.2}
.cover-meta b,.rubric b,.map-legend b{color:var(--orange);margin-inline:.45em;font-weight:500}
.index-mark{display:flex;align-items:center}
.index-mark::before{content:"";width:.55em;height:.55em;background:var(--orange);border-radius:100%;margin-right:.7em}
.cover-region{display:flex;align-items:center;gap:.7em;font-size:clamp(12px,.9vw,29px);letter-spacing:.095em;margin:0 0 .65em}
.cover-region span{width:2em;height:2px;background:var(--orange)}
.cover-region i{color:#e1d3c0;font-style:normal}
.cover h1,.field h2{font:400 clamp(90px,11.4vw,373px)/.88 var(--serif);letter-spacing:-.058em;margin:0}
.cover h1 em,.field h2 em{font-style:normal;color:var(--orange)}
.read-entry{margin-top:clamp(19px,2.05vw,60px);display:inline-flex;align-items:center;gap:.8em;color:white;font-size:clamp(14px,.99vw,31px);font-weight:540}
.read-entry span{display:grid;place-items:center;border-radius:100%;width:clamp(38px,2.9vw,80px);height:clamp(38px,2.9vw,80px);background:var(--orange);color:#22251d;font-size:1.48em;line-height:1}
.read-entry:hover span{background:#ff936b}
.cover-inset{position:absolute;right:var(--inset);bottom:clamp(24px,3.4vw,122px);width:clamp(126px,12vw,340px);aspect-ratio:1.65;overflow:hidden;background:#e7e6d9;color:#303126;border:1px solid #e7e6d9}
.cover-inset img{width:100%;height:100%;object-fit:cover;opacity:.84;display:block}
.cover-inset i{position:absolute;top:37%;left:52%;width:9px;aspect-ratio:1;background:var(--orange);border:1px solid #64371d;border-radius:50%;outline:1px solid #a95735;outline-offset:4px}
.cover-inset span{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:4px 6px;background:var(--paper);font-size:clamp(9px,.7vw,21px);letter-spacing:0}
.cover-inset span b{font:inherit}
.editions{display:grid;grid-template-columns:.8fr repeat(3,1fr);align-items:stretch;gap:0;padding-inline:var(--inset);border-bottom:1px solid var(--line)}
.edition-label{display:flex;align-items:center;gap:12px;font-size:clamp(11px,.78vw,26px);letter-spacing:.035em}
.mini-plus{position:relative;width:.95em;height:.95em}
.mini-plus::before,.mini-plus::after{content:"";position:absolute;inset:45% 0 auto;height:2px;background:var(--orange)}
.mini-plus::after{transform:rotate(90deg)}
.edition{position:relative;display:grid;grid-template-columns:1fr auto;align-content:center;gap:.3em .7em;min-height:clamp(86px,6.6vw,210px);padding:12px clamp(12px,1.9vw,60px);border-inline-start:1px solid var(--line)}
.edition strong{grid-column:1;display:block;font:400 clamp(22px,2vw,60px)/1.1 var(--serif);letter-spacing:-.025em}
.edition-code{color:#625f54;grid-column:1;font-size:clamp(10px,.71vw,22px);letter-spacing:.06em}
.edition b{grid-column:2;grid-row:1/3;align-self:center;font:400 clamp(19px,1.5vw,40px)/1 var(--sans)}
.edition[aria-current=page]::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--orange)}
.edition:hover,.edition[aria-current=page]{background:#e9e6db}
.field{padding:clamp(50px,6.3vw,190px) var(--inset)}
.notes-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:30px;border-bottom:1px solid var(--line);padding-bottom:clamp(23px,2.7vw,74px)}
.rubric{font-size:clamp(11px,.8vw,26px);margin:0 0 1em}
.field h2{font-size:clamp(66px,7.2vw,210px)}
.field-intro{justify-self:end;max-width:36em}
.field-intro p{font:italic clamp(24px,2.35vw,67px)/1.22 var(--serif);margin:0 0 .46em;letter-spacing:-.012em}
.field-intro span{font-size:clamp(11px,.8vw,22px);letter-spacing:.025em}
.atlas{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:clamp(24px,4.7vw,145px);margin-top:clamp(25px,3.4vw,90px)}
.relief{position:relative;isolation:isolate;overflow:hidden;background:#d9dcc7;aspect-ratio:1.6}
.relief>img{width:100%;height:100%;object-fit:fill;display:block}
.north,.map-legend{position:absolute;z-index:1;background:#f3f0e6ed;padding:.3em .65em;font-size:clamp(12px,.84vw,20px)}
.north{right:3%;top:4%}
.map-legend{bottom:4%;left:3%}
.pins a{display:grid;place-items:center;position:absolute;transform:translate(-50%,-50%);width:clamp(34px,2.8vw,75px);aspect-ratio:1;color:#1c211c;background:#f3f0e6;border:1px solid #4d5544;border-radius:50%;font:700 clamp(13px,1.1vw,28px)/1 var(--mono)}
.pins a[aria-current=true],.pins a:hover{background:var(--orange);color:#161d15;border-color:#322d25}
.relief-dolomites .pins a:nth-child(1){left:37.57%;top:74.04%}.relief-dolomites .pins a:nth-child(2){left:60.29%;top:58.19%}.relief-dolomites .pins a:nth-child(3){left:52.23%;top:17.74%}
.relief-valais .pins a:nth-child(1){left:80.59%;top:30.90%}.relief-valais .pins a:nth-child(2){left:44.68%;top:52.85%}.relief-valais .pins a:nth-child(3){left:24.88%;top:66.59%}
.relief-chamonix .pins a:nth-child(1){left:52.88%;top:18.07%}.relief-chamonix .pins a:nth-child(2){left:53.83%;top:57.36%}.relief-chamonix .pins a:nth-child(3){left:43.48%;top:74.35%}
.observations h3{font:400 clamp(37px,3.4vw,100px)/1 var(--serif);margin:0;letter-spacing:-.044em}
.observations-text,.observations details p{max-width:58ch;line-height:1.6;color:#505245;font-size:clamp(15px,1.1vw,29px)}
.observations-text{margin:.9em 0 1.4em}
.observations details{border-top:1px solid var(--line)}
.observations details:last-child{border-bottom:1px solid var(--line)}
.observations details p{margin:0 0 1.2em}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
.observations summary{display:flex;align-items:center;gap:.65em;font-size:clamp(17px,1.4vw,39px);font-weight:550;padding:.72em 0;min-height:48px;letter-spacing:-.035em}
.observations summary span{color:#ab3619;font:700 .65em var(--mono);letter-spacing:0}
.observations summary i{position:relative;display:block;width:.7em;height:.7em;margin-inline-start:auto}
.observations summary i::before,.observations summary i::after{content:"";position:absolute;inset:47% 0 auto;height:1px;background:var(--ink)}
.observations summary i::after{transform:rotate(90deg)}
.observations [open] summary i::after{transform:rotate(0)}
footer{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:start;gap:25px;padding:clamp(32px,3.2vw,100px) var(--inset);background:#24291f;color:var(--paper)}
.footer-logo{width:max-content;font-size:clamp(32px,2.8vw,80px)}
.footer-logo span{font-size:.55em;color:var(--orange)}
footer>span,.credits{font-size:clamp(12px,.88vw,24px)}
footer>span{justify-self:end}footer>span a,.credits p a{text-decoration:underline;text-underline-offset:.15em}
.credits summary{font-weight:600;min-height:40px}
.credits summary::after{content:"+";margin-left:1em;color:#ff9877}
.credits[open] summary::after{content:"−"}
.credits p{color:#dcdfd2;font-size:.95em;line-height:1.58}
@media(prefers-reduced-motion:no-preference){
  .cover-picture{animation:land .95s ease-out both}
  .cover-copy{animation:title-in .55s cubic-bezier(.2,.72,.32,1) both}
  .edition,.pins a,.read-entry span{transition:background-color .19s ease}
  @keyframes land{from{transform:scale(1.024)}to{transform:scale(1)}}
  @keyframes title-in{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}
}
@media(max-width:800px){
  .mast{min-height:68px}.cover{height:clamp(420px,67vw,530px);min-height:420px}.edition-label{display:none}.editions{grid-template-columns:repeat(3,1fr)}.edition:nth-child(2){border-inline-start:0}.edition{min-height:78px}.atlas{grid-template-columns:1fr 1fr;gap:23px}
}
@media(max-width:640px){
  :root{--inset:20px}.mast{min-height:66px;gap:11px}.signature{font-size:36px}.mast-sub{font-size:10px;padding-inline-start:10px}.mast nav{display:none}.mast .return{margin-inline-start:auto;padding-inline-start:0;border:0;font-size:11px}
  .cover{height:clamp(450px,67svh,720px);min-height:0}.cover-inner{padding:19px var(--inset) 28px}.cover-meta{font-size:10px;letter-spacing:.02em}.cover-region{font-size:11px}
  .cover h1{font-size:clamp(72px,18.3vw,110px)}.cover-picture img{object-position:50% 47%}.cover-inset{display:none}
  .editions{padding-inline:8px}.edition{min-height:74px;padding:12px 9px}.edition b{display:none}.edition strong{font-size:clamp(20px,5.0vw,28px)}.edition-code{font-size:9px}
  .notes-heading,.atlas{grid-template-columns:1fr}.notes-heading{gap:18px}.field{padding-top:45px;padding-bottom:46px}.field-intro{justify-self:start}.field-intro p{font-size:27px}.atlas{gap:25px}
  footer{grid-template-columns:1fr auto;gap:24px 12px}.credits{grid-row:2;grid-column:1/-1}footer>span{grid-column:2;grid-row:1}footer>span,.credits{font-size:12px}
}
@media(max-width:359px){:root{--inset:14px}.cover-meta{font-size:9px}.signature{font-size:33px}.mast-sub{font-size:9px}.edition strong{font-size:19px}.cover h1{font-size:18.8vw}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}

.cover h1,.field h2{font-weight:500}
.signature,.footer-logo{letter-spacing:-.075em}
@media(max-width:640px){.cover h1{font-size:clamp(46px,14.5vw,90px)}.edition strong{font-size:clamp(17px,4.35vw,25px)}.field h2{font-size:clamp(43px,12.3vw,72px)}}
@media (max-width: 400px) { .mast-sub { display: none; } }