/* style.css */
:root{--paper:#e9e9df;--ink:#11130f;--muted:#a8aba0;--sage:#c2c8bb;--orange:#ed572d;--line:#23271e36;--headline:'Arial Black','Helvetica Neue',Arial,sans-serif;--condensed:Impact,'Arial Narrow',sans-serif;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;border:0;border-radius:0;cursor:pointer}button:disabled{opacity:.25;cursor:default}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:6px}img{display:block;width:100%}h1,h2,h3,p,figure{margin:0}button,a{touch-action:manipulation}.skip{position:fixed;left:20px;top:-90px;background:var(--paper);padding:15px;z-index:200}.skip:focus{top:12px}.grain{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.044;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='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E")}.reading-progress{position:fixed;left:0;top:0;height:3px;width:100%;transform:scaleX(var(--reading,0));transform-origin:left;background:var(--orange);z-index:101}
header{height:90px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:35px;padding:0 4%;background:#11130f;color:var(--paper);position:relative;z-index:100}header nav{display:flex;align-items:center;gap:26px}header nav:last-of-type{justify-content:flex-end}header nav a{font:10px var(--mono);letter-spacing:.025em}header nav a:hover{color:var(--orange)}.brand{position:relative;font-size:21px;line-height:.88;letter-spacing:-1px;font-weight:900;padding-right:22px}.brand-mark{position:absolute;right:0;top:-2px;font-size:19px}header nav:last-of-type a:last-child{border-bottom:1px solid #e9e9df70;padding:9px 0}#menu-toggle{display:none;background:none;color:var(--paper);font-size:26px}#mobile-nav{position:absolute;top:90px;left:0;right:0;z-index:110;background:var(--ink);color:var(--paper);padding:24px 5%}#mobile-nav:not([hidden]){display:grid;gap:20px}#mobile-nav a{font:13px var(--mono)}
.hero{height:142svh;min-height:1020px;position:relative}.hero-sticky{height:calc(100svh - 0px);min-height:760px;position:sticky;top:0;overflow:hidden;background:linear-gradient(to bottom,#c3c8bc 0%,#c3c8bc 55%,var(--paper) 55%,var(--paper) 100%)}.hero-kicker{position:absolute;top:34px;left:4%;right:4%;display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.05em}.hero-rule{position:absolute;top:68px;left:4%;right:4%;border-top:1px solid var(--line)}.hero-title{position:absolute;top:11.5%;left:3.25%;font:900 clamp(78px,13.8vw,220px)/.88 var(--headline);letter-spacing:-.085em;z-index:3;pointer-events:none;width:95%}.hero-title>span{display:block;will-change:transform}.hero-title>span:nth-child(2){margin-left:8.8%;color:var(--paper);text-shadow:0 1px 1px #1111}.hero-title .accent{color:var(--orange)}#hero-film{position:absolute;top:31%;left:42%;width:54%;height:46%;object-fit:cover;z-index:2;will-change:transform;filter:saturate(.8) contrast(1.03)}.hero-sticky:after{content:'';position:absolute;width:18px;height:18px;border-bottom:1px solid var(--ink);border-right:1px solid var(--ink);right:3%;top:78.5%;z-index:4}.specimen-index{position:absolute;left:4%;top:44%;font:160px/.8 var(--headline);letter-spacing:-15px;color:#151c1520}.hero-arrow{position:absolute;left:31%;top:49%;font:100px/.8 Arial;font-weight:900}.hero-cta{position:absolute;left:4%;top:68%;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:2px solid var(--ink);padding-bottom:10px;font-size:14px;font-weight:700;z-index:5}.hero-cta span{font-size:24px}.hero-cta:hover{color:var(--orange);border-color:var(--orange)}.film-caption{position:absolute;right:4%;top:79%;font:9px var(--mono);letter-spacing:.04em}.hero-copy{position:absolute;left:4%;bottom:6%;font:9px/1.5 var(--mono);max-width:440px}.eyebrow{display:block;font:10px/1.5 var(--mono);letter-spacing:.04em;margin-bottom:18px}.hero-copy .eyebrow{margin-bottom:8px;color:#53574e}.scroll-hint{position:absolute;right:4%;bottom:6%;font:10px var(--mono);border-top:1px solid var(--ink);padding-top:13px;width:190px;display:flex;justify-content:space-between;gap:20px}.scroll-hint span{font-size:25px;line-height:.5}#hero-toggle{position:absolute;right:5%;top:71%;z-index:5;font:9px var(--mono);background:#e9e9dfdb;padding:8px 10px;text-transform:uppercase}.ticker{background:var(--ink);color:var(--paper);padding:21px 0;overflow:hidden;position:relative;z-index:5;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.ticker>div{width:max-content;font:30px/.9 var(--condensed);letter-spacing:.01em;animation:drift 24s linear infinite}@keyframes drift{to{transform:translateX(-50%)}}
.section-top{position:absolute;left:4%;right:4%;top:35px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:16px;font:10px var(--mono);letter-spacing:.04em;z-index:5}.tours{height:400svh;position:relative}.tour-sticky{height:100svh;min-height:700px;position:sticky;top:0;overflow:hidden}.archive-ghost{position:absolute;top:11%;left:2.8%;font:900 17.5vw/1 var(--headline);letter-spacing:-.085em;color:#141b1414;white-space:nowrap}.archive-line{position:absolute;top:43%;left:4%;right:4%;border-top:1px solid var(--line)}.archive-line:before,.archive-line:after{content:'+';position:absolute;top:-10px;font:20px var(--mono);left:0}.archive-line:after{left:auto;right:0}.tour-view{position:absolute;top:16%;left:33%;right:3%;height:68%;perspective:1600px}.tour-track{position:absolute;inset:0;transform-style:preserve-3d}.tour-photo{position:absolute;left:50%;top:50%;width:max-content;max-width:40vw;padding:10px 10px 30px;background:#f7f6ec;box-shadow:0 15px 30px #1112;transform-origin:center;will-change:transform,opacity;backface-visibility:hidden}.tour-photo img{width:auto;height:auto;max-width:31vw;max-height:55svh}.tour-photo:before{content:'';position:absolute;top:-10px;left:40%;width:65px;height:25px;background:#bfc5b69c;transform:rotate(-8deg);backdrop-filter:blur(3px);z-index:2}.print-number{position:absolute;left:11px;bottom:10px;font:8px var(--mono)}.tour-copy{position:absolute;bottom:14%;left:4%;width:29%;z-index:25;pointer-events:none}.tour-copy h2{font:clamp(45px,5.5vw,95px)/.9 var(--condensed);text-transform:uppercase;letter-spacing:-.025em;margin-bottom:22px}.tour-copy p{font-size:13px;line-height:1.55;max-width:310px;margin-bottom:10px}.tour-controls{position:absolute;bottom:5%;left:4%;right:4%;border-top:1px solid var(--line);padding-top:16px;display:flex;align-items:center;gap:20px;z-index:30}.tour-controls>button{font:26px Arial;background:none;padding:5px 12px}.tour-dots{display:flex;gap:10px}.tour-dots button{width:28px;height:28px;background:transparent;position:relative}.tour-dots button:before{content:'';position:absolute;inset:11px;background:#1114}.tour-dots button.active:before{background:var(--ink);inset:9px}
.panorama{height:110svh;min-height:700px;overflow:hidden;position:relative;background:#161f19;color:var(--paper)}.panorama-images{position:absolute;inset:-8% -5%;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:0;will-change:transform}.panorama figure{height:100%;overflow:hidden;position:relative}.panorama figure:nth-child(2){transform:translateY(-5%)}.panorama img{height:118%;object-fit:cover;filter:brightness(.65) saturate(.73);will-change:transform}.panorama figcaption{position:absolute;bottom:15%;left:12%;font:10px var(--mono)}.panorama h2{position:absolute;left:4%;top:35%;font:clamp(70px,10.5vw,175px)/.88 var(--headline);letter-spacing:-.075em;z-index:3}.panorama h2 em{font-style:normal;color:var(--paper);margin-left:18vw}.panorama-foot{position:absolute;bottom:8%;left:4%;font:10px var(--mono);letter-spacing:.04em}
.memory{height:330svh;position:relative}.memory-photo{height:100svh;min-height:720px;position:sticky;top:0;overflow:hidden;background:#3b443e;color:var(--paper)}.memory-photo>.section-top{border-color:#ffffff45}.memory-photo>img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:38% center;filter:brightness(.72);will-change:transform}.memory-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c160e33,transparent 60%,#0c160e44);pointer-events:none}.memory-copy{position:absolute;left:4%;top:27%;z-index:3;width:42%}.memory-copy p{font:clamp(32px,4vw,70px)/.98 var(--condensed);letter-spacing:-.02em}.memory-copy strong{font-weight:400;color:#f6f2d9}.memory-copy .eyebrow{font-size:9px}.memory-number{position:absolute;left:4%;bottom:8%;font:12vw/.9 var(--condensed);letter-spacing:-.035em;opacity:.55;z-index:3}.journeys{position:absolute;top:17%;bottom:14%;right:6%;width:365px;max-width:42%;z-index:6;perspective:1200px}.journey-page{position:absolute;top:0;width:100%;height:100%;display:flex;flex-direction:column;background:#eeeee1e8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--ink);padding:22px;border:1px solid #ffffffb3;box-shadow:0 15px 60px #0003;will-change:transform,opacity}.journey-page:before{content:'';position:absolute;right:20px;top:20px;font-size:26px}.journey-country{font:9px var(--mono);text-transform:uppercase;padding-right:32px}.journey-page h2{font:34px/.97 var(--condensed);letter-spacing:-.02em;text-transform:uppercase;margin:18px 0}.journey-page>img{flex:1;min-height:80px;object-fit:cover;max-height:250px}.journey-date{font:11px/1.6 var(--mono);margin:15px 0}.journey-link{font-size:12px;font-weight:700;padding-top:13px;border-top:1px solid #111;display:flex;justify-content:space-between}.journey-link:hover{color:#ab371c}.journey-controls{position:absolute;right:6%;bottom:6%;width:365px;max-width:42%;display:flex;justify-content:space-between;align-items:center;z-index:7;font:10px var(--mono)}.journey-controls button{background:none;color:var(--paper);font-size:25px;width:40px;height:38px;border:1px solid #ffffff70}
.films{position:relative;padding:120px 4% 85px;background:#1a201c;color:var(--paper)}.films .section-top{border-color:#ffffff30}.film-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:28px 0 55px;gap:30px}.film-heading h2{font:clamp(70px,10vw,155px)/.86 var(--condensed);letter-spacing:-.025em}.film-heading p{font:12px/1.65 var(--mono);max-width:340px;padding-bottom:10px}.film-heading>span{font:110px/.8 Arial;color:#a6b3a0}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 28px}.film-box{position:relative;min-width:0;display:flex;flex-direction:column}.film-meta{display:flex;justify-content:space-between;border-top:1px solid #ffffff50;padding-top:12px;font:9px var(--mono);margin-bottom:20px}.film-box h3{font:45px/.95 var(--condensed);text-transform:uppercase;margin-bottom:18px;max-width:90%}.film-box video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#080b09;display:block;margin-top:auto}.film-box:last-child{grid-column:1/-1;max-width:none;display:grid;grid-template-columns:1fr 2fr;gap:0 35px;align-items:start}.film-box:last-child .film-meta{grid-column:1/-1}.film-box:last-child h3{font-size:clamp(45px,6vw,90px);line-height:.92}.film-box:last-child video{margin:0;grid-column:2;grid-row:2}.contact-sheet{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-top:60px;border-top:1px solid #ffffff35;padding-top:25px}.contact-sheet button{padding:0;background:none;overflow:hidden;position:relative}.contact-sheet img{aspect-ratio:4/3;object-fit:cover;transition:transform .5s,filter .5s;filter:saturate(.5)}.contact-sheet button:hover img{transform:scale(1.08);filter:saturate(1)}
.about{position:relative;padding:140px 4% 110px;background:#c1c7ba}.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.about figure{position:relative;transform:rotate(-3deg);background:var(--paper);padding:13px 13px 40px;max-width:480px;justify-self:center;box-shadow:7px 16px 30px #0002}.about figure img{width:100%;aspect-ratio:4/5;object-fit:cover}.about figcaption{position:absolute;bottom:14px;left:14px;font:9px var(--mono)}.about-copy h2{font:clamp(60px,6.5vw,110px)/.9 var(--condensed);text-transform:uppercase;letter-spacing:-.02em;margin-bottom:25px}.about-copy p{font-size:14px;line-height:1.65;margin-top:15px}.about-copy .dot{height:8px;margin:0;visibility:hidden}.about-copy p:last-child{font:30px var(--condensed);text-transform:uppercase;margin-top:25px}
.departures{height:130svh;min-height:800px;position:relative;color:var(--paper)}.departure-sticky{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden}.lofoten{position:absolute;inset:0}.lofoten img{height:100%;object-fit:cover;filter:brightness(.45) saturate(.75);will-change:transform}.departure-copy{position:absolute;inset:12% 4% 7%;display:flex;flex-direction:column}.departure-copy h2{font:clamp(100px,20vw,330px)/1 var(--condensed);letter-spacing:-.035em;text-transform:uppercase;margin-top:auto}.departure-copy h3{font:14px var(--mono);font-weight:400;margin-top:10px}.departure-copy ul{list-style:none;display:flex;gap:35px;padding:22px 0 30px;margin-top:30px;border-top:1px solid #ffffff60;font:25px var(--condensed);text-transform:uppercase}.departure-copy li a:hover{color:var(--orange)}.email{align-self:flex-start;border-bottom:1px solid #ffffff88;font:12px var(--mono);padding-bottom:8px}footer{background:var(--ink);color:var(--paper);padding:35px 4%;display:flex;align-items:center;justify-content:space-between;gap:25px;font:10px var(--mono)}footer a:last-child{font-size:8px;color:#a4ab9d}dialog{width:100vw;height:100svh;max-width:none;max-height:none;background:#111e;border:0;padding:50px;color:white;overflow:hidden}dialog::backdrop{background:#111e}dialog img{width:100%;height:100%;object-fit:contain}dialog button{background:#e9e9df;color:#111;position:absolute;padding:10px 16px;font-size:25px;z-index:3}dialog .close{right:20px;top:20px}dialog .lb-prev{left:20px;top:50%}dialog .lb-next{right:20px;top:50%}.glitch-pulse .hero-title>span:first-child{animation:glitch .24s steps(2) 1}@keyframes glitch{0%,100%{clip-path:inset(0);translate:0}25%{clip-path:inset(12% 0 60%);translate:4px 0;text-shadow:-3px 0 #788d8a}60%{clip-path:inset(65% 0 10%);translate:-3px 0}}
@media(min-width:1600px){.hero-copy{font-size:11px}.tour-copy p{font-size:16px}.journeys{width:430px}.journey-controls{width:430px}.journey-page h2{font-size:40px}}
@media(max-width:1050px){header{gap:20px}header nav{gap:16px}header nav a{font-size:8px}.hero{min-height:960px}.hero-kicker{font-size:8px}.hero-sticky{min-height:720px}.hero-title{top:17%}.hero-title>span:nth-child(2){margin-top:10px}.hero-arrow{font-size:75px;top:52%}.specimen-index{top:48%;font-size:130px}.hero-copy{max-width:350px;font-size:8px}.tour-copy{width:29%}.tour-copy p{font-size:12px}.tour-photo img{max-height:48svh}.journey-page h2{font-size:29px}.journeys{right:4%;width:335px}.journey-controls{right:4%;width:335px}.film-heading p{font-size:10px}.film-heading>span{font-size:85px}}
@media(max-width:720px){html{scroll-padding-top:0}header{height:76px;grid-template-columns:1fr auto;padding:0 5%}header nav{display:none}.brand{font-size:20px;justify-self:start}#menu-toggle{display:block}#mobile-nav{top:76px}.hero{height:128svh;min-height:900px}.hero-sticky{height:100svh;min-height:740px}.hero-kicker{top:24px;left:5%;right:5%;font-size:7px;gap:20px;line-height:1.5}.hero-kicker>span:last-child{max-width:100px;text-align:right}.hero-rule{top:64px;left:5%;right:5%}.hero-title{left:4%;top:15%;font-size:15vw;letter-spacing:-.08em;line-height:.94}.hero-title>span:nth-child(2){margin-left:10%;margin-top:4px}#hero-film{top:31%;left:15%;width:80%;height:35%}.hero-arrow{left:5%;top:41%;font-size:44px;z-index:3}.specimen-index{left:4%;top:57%;font-size:95px;letter-spacing:-10px;z-index:3;color:#e9e9df}.hero-cta{left:5%;top:71%;font-size:12px;padding-bottom:8px;gap:50px}.hero-copy{left:5%;right:5%;bottom:10.5%;font-size:6.9px;max-width:90%}.hero-copy .eyebrow{font-size:8px;margin-bottom:8px}.film-caption{font-size:6.5px;top:67.5%;right:5%}#hero-toggle{top:60%;right:7%;font-size:8px}.scroll-hint{bottom:4%;left:5%;right:5%;width:auto;font-size:9px;padding-top:12px}.hero-sticky:after{display:none}.ticker{padding:17px 0}.ticker>div{font-size:24px}.section-top{left:5%;right:5%;top:26px;font-size:8px;gap:30px;line-height:1.5}.section-top span:last-child{max-width:145px;text-align:right}.tours{height:360svh}.tour-sticky{min-height:740px}.archive-ghost{font-size:21vw;top:14%;left:4%}.archive-line{top:36%}.tour-view{left:0;right:0;top:14%;height:56%}.tour-photo{padding:8px 8px 27px;max-width:77vw}.tour-photo img{max-width:68vw;max-height:40svh}.tour-copy{left:5%;bottom:12%;width:90%;z-index:25}.tour-copy h2{font-size:42px;line-height:.92;margin-bottom:12px}.tour-copy h2 br{display:none}.tour-copy p{font-size:11px;max-width:100%;margin-bottom:5px}.tour-controls{bottom:4%;left:5%;right:5%;padding-top:8px;justify-content:space-between;gap:8px}.tour-dots{gap:3px}.panorama{height:95svh;min-height:660px}.panorama-images{inset:-10% -40%;grid-template-columns:1fr 1.2fr 1fr}.panorama h2{top:35%;left:5%;font-size:13vw;line-height:1}.panorama h2 em{margin-left:12vw}.panorama figcaption{font-size:8px;bottom:15%;left:15%}.panorama-foot{left:5%;right:5%;font-size:8px;line-height:1.6}.memory{height:330svh}.memory-photo{min-height:760px}.memory-photo>img{object-position:35% center;filter:brightness(.6)}.memory-copy{top:13%;left:5%;width:80%}.memory-copy .eyebrow{font-size:8px;margin-bottom:10px}.memory-copy p{font-size:31px;max-width:310px}.memory-number{font-size:24vw;bottom:8%;left:5%;opacity:.3}.journeys{left:9%;right:9%;width:82%;max-width:none;top:36%;bottom:13%}.journey-page{padding:18px}.journey-page h2{font-size:29px;margin:14px 0}.journey-page>img{min-height:70px;max-height:180px}.journey-country{font-size:9px}.journey-date{font-size:10px;margin:12px 0}.journey-controls{right:9%;left:9%;bottom:5%;width:82%;max-width:none}.films{padding:110px 5% 55px}.film-heading{display:block;margin:15px 0 38px}.film-heading h2{font-size:76px}.film-heading p{font-size:10px;margin-top:25px}.film-heading>span{display:none}.film-grid{grid-template-columns:1fr;gap:35px}.film-box h3{font-size:37px;margin-bottom:15px}.film-meta{font-size:8px}.film-box:last-child{display:flex;grid-column:auto}.film-box:last-child h3{font-size:42px}.film-box:last-child video{margin-top:0}.contact-sheet{grid-template-columns:repeat(4,1fr);margin-top:35px;gap:4px}.about{padding:110px 5% 65px}.about-inner{grid-template-columns:1fr;gap:45px}.about figure{width:85%;padding:10px 10px 35px}.about figcaption{font-size:7px}.about-copy h2{font-size:65px}.about-copy p{font-size:13px}.about-copy br{display:none}.departures{height:110svh;min-height:750px}.departure-sticky{min-height:680px}.departure-copy{inset:12% 5% 9%}.departure-copy h2{font-size:24vw}.departure-copy h3{font-size:11px}.departure-copy ul{gap:20px;font-size:22px;flex-wrap:wrap;margin-top:25px;padding-bottom:20px}.email{font-size:10px}footer{padding:30px 5%;flex-wrap:wrap;font-size:8px}footer p{margin-right:auto}footer a:last-child{display:none}dialog{padding:50px 10px}dialog .lb-prev{left:10px}dialog .lb-next{right:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero{height:auto;min-height:0}.hero-sticky{position:relative}.tours{height:auto}.tour-sticky{height:auto;min-height:0;overflow:visible;padding:100px 5% 40px}.archive-ghost,.archive-line{display:none}.tour-view{position:relative;inset:auto;height:auto;perspective:none}.tour-track{position:relative;display:flex;gap:25px;overflow:auto;padding:25px 15px;scroll-snap-type:x mandatory}.tour-photo{position:relative;left:auto;top:auto;flex:none;transform:none!important;scroll-snap-align:center;max-width:78vw}.tour-copy{position:relative;inset:auto;width:100%;margin-top:30px}.tour-controls{display:none}.memory{height:auto}.memory-photo{position:relative;height:auto;padding:100px 5% 50px}.memory-photo>img{position:absolute}.memory-copy{position:relative;inset:auto;width:100%;margin-bottom:35px}.memory-number{display:none}.journeys{position:relative;inset:auto;width:100%;max-width:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.journey-page{position:relative;height:auto;min-height:460px}.journey-controls{display:none}.departures{height:auto}.departure-sticky{position:relative}.panorama-images,.panorama img{transform:none!important}}
/* Keep the trip window compact on tall displays. */
@media(min-width:721px){.journeys{bottom:auto;height:min(69svh,540px)}.journey-controls{bottom:auto;top:calc(17% + min(69svh,540px) + 24px)}.journey-page>img{max-height:none}}
@media(prefers-reduced-motion:reduce){.journeys{height:auto}.journey-page{height:auto}}
/* Decorative off-screen layers must never create internal scroll containers. */
.hero-sticky,.tour-sticky,.memory-photo,.departure-sticky{overflow:clip}
@media(max-width:720px){.hero-copy{font-size:9px}.hero-kicker{font-size:8px}.film-caption{font-size:8px}.hero-copy .eyebrow{font-size:9px}}
/* The opening is deliberately free of arrows and decorative numbering. */
.hero-sticky:after{display:none}.hero-cta{gap:0}.hero-cta:hover{padding-right:8px}.brand{padding-right:0}
/* Approved capsule artwork can occupy this independent, perspective-aware plane. */
.hero-capsule{position:absolute;left:7%;top:43%;width:27%;height:38%;z-index:4;perspective:1000px;pointer-events:none;isolation:isolate}
.hero-capsule[hidden]{display:none}.capsule-tilt{width:100%;height:100%;will-change:transform;transform-style:preserve-3d}
.capsule-float{height:100%;width:100%;animation:capsule-breathe 8s ease-in-out infinite;will-change:transform}
.hero-capsule img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 20px #21352920)}
.has-capsule .hero-cta{top:83%}.has-capsule .hero-copy{bottom:4%;max-width:420px}.has-capsule .hero-copy .eyebrow{display:none}
@keyframes capsule-breathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}
@media(max-width:720px){.hero-capsule{top:31%;left:-2%;width:49%;height:34%;z-index:4}.has-capsule #hero-film{left:40%;width:55%;height:30%;top:36%}.has-capsule #hero-toggle{top:59%;right:7%}.has-capsule .hero-cta{top:71%}.has-capsule .hero-copy{bottom:10.5%;max-width:none}.has-capsule .film-caption{top:67.5%;font-size:7px}}
@media(prefers-reduced-motion:reduce){.capsule-float{animation:none}.capsule-tilt{transform:none!important}}

/* archivio-fluido.css */
/* Original photographs retain their proportions and advance on one continuous rail. */
@media(prefers-reduced-motion:no-preference){
 .tours{height:380svh}
 .tour-view{left:34%;right:0;top:15%;height:68%;overflow:clip;perspective:none}
 .tour-track{transform-style:flat}
 .tour-photo{max-width:none;padding:12px 12px 35px;box-shadow:0 12px 24px #15201512;backface-visibility:visible;will-change:auto}
 .tour-photo:before{display:none}
 .tour-photo img{max-width:47vw;max-height:50svh;object-fit:contain}
 .print-number{left:13px;bottom:12px;color:#606457}
 .archive-line{display:none}
 .tour-controls{--archive-progress:0}
 .tour-controls:before{content:'';position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--ink);transform:scaleX(var(--archive-progress));transform-origin:left}
 @media(max-width:720px){
  .tours{height:360svh}
  .tour-view{left:0;right:0;top:12%;height:53%}
  .tour-photo{padding:9px 9px 29px}
  .tour-photo img{max-width:78vw;max-height:39svh}
  .print-number{left:10px;bottom:9px}
 }
}

/* viaggi-vetro.css */
/* Complete approved satin renders: glass and ecosystem move as one object, without cropping. */
.destination-capsule{left:-192px;top:9%;width:250px;height:440px;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.capsule-core{inset:0;border-radius:0;overflow:visible}
.capsule-core img{object-fit:contain;transform:none;filter:none;animation:capsule-complete 12s ease-in-out infinite}
.capsule-frost,.capsule-seam{display:none}
@keyframes capsule-complete{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(min-width:1600px){.destination-capsule{left:-215px;width:280px;height:480px}}
@media(min-width:721px) and (max-width:1050px){.destination-capsule{left:-153px;top:20%;width:200px;height:360px}}
@media(max-width:720px){.destination-capsule{left:auto;right:-27px;top:22%;width:125px;height:225px}}
@media(prefers-reduced-motion:reduce){.capsule-core img{animation:none}}

.destination-capsule{position:absolute;isolation:isolate;pointer-events:none;transform:rotate(-9deg)}
.capsule-core{position:absolute}
.capsule-core img{display:block;width:100%;height:100%}
.journey-page:nth-child(even) .destination-capsule{transform:rotate(7deg)}
@media(max-width:720px){.memory-copy{top:11%;width:90%}.memory-copy p{font-size:clamp(23px,6.3vw,28px);max-width:350px}.memory-copy .eyebrow{margin-bottom:8px}}

/* materia.css */
/* Real photographs become the material behind the satin surfaces. */
:root{--paper:#e9ede4;--ink:#18221d;--orange:#b65d3c;--line:#243c2a30}
header{background:#e4e9df9c;color:var(--ink);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid #eff5e37a}
header nav:last-of-type a:last-child{border-color:#22382770}#mobile-nav{background:#e6ebdff2;color:var(--ink);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
#menu-toggle{color:var(--ink)}
.hero-sticky,.tour-sticky,.films,.about{isolation:isolate}
.hero-sticky{background:#cbd3c3}
.hero-sticky:before{content:'';position:absolute;inset:-30px;z-index:-2;background:url('assets/materia/licheni-lava.jpg') 44% 65%/cover;filter:blur(14px) saturate(.66);transform:scale(1.12)}
.hero-sticky:after{display:block;content:'';position:absolute;inset:0;width:auto;height:auto;top:0;right:0;z-index:-1;border:0;background:linear-gradient(120deg,#e9eee3d4,#dae3d1b0 55%,#f2f2e8d6)}
.hero-title{z-index:4}.hero-title>span:nth-child(2){color:#fafbf0;text-shadow:0 1px 12px #1f352011}
.nord-sculpture{left:-7%;top:-5%;width:88%;height:85%;z-index:3}
.nord-sculpture img{transform:rotate(-56deg) scale(1.15)}
.nord-sculpture:after{display:none}
.ticker{background:#e3e9dc;color:#354334;border:0;padding:17px 0}.ticker>div{font:11px/1.3 var(--mono);letter-spacing:.12em;animation-duration:42s}
.hero-cta{background:#f4f5e86b;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:12px 16px;border:1px solid #ffffeab3}
.film-caption{color:#253a2c}.hero-copy{color:#213425}.scroll-hint{border-color:#21342566}

/* Full-width photographic sequence: no internal crop boundary beside the heading. */
.tour-sticky{background:#a4ad93}
.tour-sticky:before{content:'';position:absolute;inset:-40px;z-index:-2;background:url('assets/materia/muschio-macro.jpg') 55% 55%/cover;filter:blur(16px) saturate(.65);transform:scale(1.2)}
.tour-sticky:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,#eff1e5dd,#d4dfc7b3 70%,#dfe4d4d9)}
.archive-ghost,.archive-line{display:none}
.tour-view{left:0;right:0;top:34%;height:52%;overflow:visible;perspective:none}
.tour-track{transform-style:flat}
.tour-photo{max-width:none;padding:18px 18px 48px;background:#eff3e547;border:1px solid #fbfff0a8;border-radius:14px;box-shadow:0 14px 50px #152a1d1c,inset 0 0 22px #f9ffed40;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);will-change:auto}
.tour-photo:before{display:none}
.tour-photo img{max-width:55vw;max-height:42svh;object-fit:contain;border-radius:3px}
.print-number{left:18px;right:18px;bottom:17px;display:flex;justify-content:space-between;gap:20px;color:#283e2e;font:9px var(--mono)}
.tour-copy{left:4%;right:4%;top:12%;bottom:auto;width:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:0 8%;align-items:start;pointer-events:none}
.tour-copy h2{grid-row:1/3;font-size:clamp(42px,5.6vw,88px);line-height:.92;max-width:680px;margin:0}
.tour-copy h2 br{display:none}
.tour-copy p{font-size:13px;max-width:400px;margin:0 0 10px;line-height:1.6}
.tour-controls{bottom:4%;gap:22px;border-color:#31473155}
.tour-controls>button{font:10px var(--mono);padding:10px 0}.tour-dots button{width:28px;height:28px}
.tour-controls:before{background:#486349}

/* The people chapter is a composed set of real encounters with attached captions. */
.panorama{height:170svh;min-height:1100px;background:#354034;overflow:clip;isolation:isolate}
.people-sticky{height:100svh;min-height:760px;position:sticky;top:0;isolation:isolate;overflow:clip}
.people-sticky:before{content:'';position:absolute;inset:-35px;z-index:-2;background:url('assets/materia/costa-basaltica.jpg') 50% 45%/cover;filter:blur(8px) saturate(.62);transform:scale(1.12)}
.people-sticky:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,#25372b9e,#2433286e)}
.panorama h2{top:9%;left:4%;font:900 clamp(64px,7.4vw,130px)/.92 var(--headline);letter-spacing:-.07em;color:#eff3e7;pointer-events:none}
.panorama h2 em{display:block;margin-left:29vw;font-size:1.45em;will-change:transform}
.panorama-images{position:absolute;inset:0;display:block;transform:none}
.panorama figure{position:absolute;height:auto;padding:12px;background:#e2eadb38;border:1px solid #f4ffeb61;border-radius:13px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 45px #06180c35;overflow:visible;will-change:transform}
.panorama figure:nth-child(1){left:4%;top:37%;width:22%}
.panorama figure:nth-child(2){left:30%;top:43%;width:40%;transform:none}
.panorama figure:nth-child(3){right:4%;top:30%;width:22%}
.panorama img{height:auto;max-height:42svh;width:100%;object-fit:contain;filter:none;border-radius:3px;will-change:auto}
.panorama figcaption{position:static;display:grid;gap:6px;padding:12px 1px 1px;font:10px/1.4 var(--mono);color:#edf4e7;letter-spacing:.05em}
.panorama figcaption span:last-child{color:#d1ddc9;font-size:11px;letter-spacing:0}
.panorama-foot{bottom:5%;left:4%;right:4%;padding-top:15px;border-top:1px solid #eff5e43d;font-size:9px;letter-spacing:.06em}
.journey-page:before{display:none}.journey-page{background:#e5ecdfd4;border-color:#f6ffebc9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.journey-controls button{font:10px var(--mono);width:auto;padding:10px 12px;height:auto;border-color:#ffffff55}
.journey-link{display:block}

/* Ice, lichen and sea have distinct light and temperature throughout the page. */
.films{background:#243a37}
.films:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/materia/ghiacciaio.jpg') center/cover;filter:blur(8px) saturate(.5)}
.films:after{content:'';position:absolute;inset:0;z-index:-1;background:#122c28d9}
.film-box video{border:1px solid #ecfff060;border-radius:5px}.film-heading>span{display:none}
.about{background:#d1d8c8}
.about:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/materia/licheni-lava.jpg') 50% 60%/cover;filter:blur(14px) saturate(.7)}
.about:after{content:'';position:absolute;inset:0;z-index:-1;background:#e4eadddb}
.about figure{transform:none;background:#eff3e766;border:1px solid #faffedb8;border-radius:14px;padding:16px 16px 45px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.about figure img{border-radius:4px}.about-copy{padding:20px 0}
.lofoten img{object-position:50% 60%;filter:brightness(.67) saturate(.78)}
.departure-sticky:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#12291b00 25%,#10251cd6 100%)}
.departure-copy{z-index:2}.departure-copy h2{font-family:var(--headline);font-size:clamp(80px,15vw,240px);letter-spacing:-.075em}
footer{background:#e0e8d9;color:#2b4030;border-top:1px solid #fcfff0a8}footer a:last-child{color:#5b6f5c}
dialog .lb-prev,dialog .lb-next{font:12px var(--mono)}

@media(max-width:1050px) and (min-width:721px){.tour-copy h2{font-size:53px}.tour-copy p{font-size:12px}.panorama h2{font-size:7.5vw}.panorama figure:nth-child(1){top:40%}.panorama figure:nth-child(2){top:45%}}
@media(max-width:720px){
 header{height:76px}.hero-sticky:before{background-position:60% center}
 .nord-sculpture{left:-16%;top:23%;width:90%;height:46%}
 .nord-sculpture img{transform:rotate(-14deg) scale(1.06)}
 .hero-cta{top:71%;padding:10px 12px}.hero-copy{font-size:7px}.ticker{padding:15px 0}.ticker>div{font-size:9px}
 .tour-copy{top:12%;left:5%;right:5%;display:block}.tour-copy h2{font-size:41px;max-width:340px;margin-bottom:15px}.tour-copy p{font-size:11px;line-height:1.5;margin-bottom:6px;max-width:360px}
 .tour-view{left:0;right:0;top:38%;height:45%;overflow:visible}
 .tour-photo{padding:12px 12px 42px;border-radius:12px}
 .tour-photo img{max-width:78vw;max-height:34svh}
 .print-number{left:12px;right:12px;bottom:14px;font-size:7px;gap:10px}
 .tour-controls{bottom:5%;left:5%;right:5%;gap:10px}.tour-controls>button{font-size:9px}.tour-dots{gap:0}
 .panorama{height:145svh;min-height:1060px}.people-sticky{min-height:760px}
 .panorama h2{top:10%;left:5%;font-size:10.4vw;line-height:1.04}.panorama h2 em{font-size:1.65em;margin-left:12vw}
 .panorama figure{padding:8px;border-radius:10px}
 .panorama figure:nth-child(1){left:5%;top:32%;width:36%}
 .panorama figure:nth-child(2){left:33%;top:61%;width:62%}
 .panorama figure:nth-child(3){right:5%;top:31%;width:49%}
 .panorama img{max-height:29svh}.panorama figcaption{font-size:7px;padding-top:9px;gap:4px}.panorama figcaption span:last-child{font-size:8px}
 .panorama-foot{bottom:4%;left:5%;right:5%;font-size:7px;line-height:1.5}
 .journey-controls button{font-size:9px;padding:10px}.journey-link{font-size:12px}
 .departure-copy h2{font-size:16.5vw}.lofoten img{object-position:52% center}.departure-copy ul{font-size:20px;gap:17px}
 footer{font-size:8px}footer a[aria-label="Torna all’inizio"]{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
 .tour-sticky{padding-top:100px}.tour-copy{position:relative;inset:auto;width:100%;display:block;margin:0 0 25px;order:-1}.tour-sticky{display:flex;flex-direction:column}.tour-copy h2{margin-bottom:20px}.tour-view{position:relative;inset:auto;height:auto}.tour-photo img{max-width:72vw}.print-number{position:absolute}
 .panorama{height:auto;min-height:0}.people-sticky{height:auto;padding:90px 5% 35px;position:relative;min-height:0}.panorama h2{position:relative;inset:auto;font-size:8vw;margin-bottom:40px}.panorama-images{position:relative;inset:auto;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.panorama figure:nth-child(n){position:relative;inset:auto;width:100%;transform:none!important}.panorama-foot{position:relative;display:block;inset:auto;margin-top:35px}
}

/* Revision requested by Pierpaolo: photographs stay visible without colored washes. */
header{background:none;isolation:isolate}
header:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/materia/muschio-orizzonte.jpg') center 12%/cover;filter:blur(12px);pointer-events:none}
.hero-sticky:before{background-image:url('assets/materia/muschio-orizzonte.jpg');background-position:center 20%;filter:blur(10px)}
.hero-sticky:after,.tour-sticky:after,.films:after,.about:after{display:none}
.hero-copy,.film-caption,.scroll-hint{color:#f4f5e8;text-shadow:0 1px 5px #10231860}
.hero-copy .eyebrow{color:#f4f5e8}.scroll-hint{border-color:#f4f5e870}
.ticker{display:none}
.tour-sticky{color:#f5f5e9}
.tour-sticky:before{filter:blur(9px);background-position:center 55%}
.tour-photo{background:#f0f4e51f;border-color:#fcfff18c}
.print-number{color:#f3f4e5}.tour-controls{border-color:#f3f4e580}.tour-controls:before{background:#f3f4e5}
.tour-dots button:before{background:#f3f4e570}.tour-dots button.active:before{background:#f3f4e5}
.tour-copy h2,.tour-copy p{ text-shadow:0 2px 14px #15211050}
.films:before{filter:blur(9px) brightness(.55);background-position:60% center}
.about{color:#f1f4e9}.about:before{filter:blur(9px)}
.about-copy{padding:30px;border:1px solid #f8ffed55;border-radius:14px;background:#15281c1a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.about .section-top>span:first-child{color:#203024}
footer{background:url('assets/materia/muschio-macro.jpg') center 65%/cover;color:#f2f5e8}footer a:last-child{color:#e0e9d6}

/* One real encounter. No collage, unrelated scenery or scattered captions. */
.panorama{height:155svh;min-height:1050px}
.people-sticky:before,.people-sticky:after{display:none}
.panorama-images{inset:0}
.panorama figure:nth-child(n){inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;overflow:clip;transform:none!important}
.panorama img{height:100%;width:100%;max-height:none;border-radius:0;object-fit:cover;object-position:57% center;transform-origin:center;will-change:transform}
.panorama h2{inset:0;line-height:1;letter-spacing:-.07em;pointer-events:none;text-shadow:0 2px 22px #0b160e35}
.panorama h2>span{position:absolute;left:5%;top:10%;font-size:clamp(55px,5vw,88px)}
.panorama h2 em{position:absolute;left:5%;bottom:8%;margin:0;font-size:clamp(110px,14vw,230px)}
.panorama-foot{left:5%;right:auto;top:26%;bottom:auto;border:0;padding:0;font:13px/1.7 var(--mono);letter-spacing:0;color:#f4f5e9}

@media(max-width:720px){
 .hero{height:auto;min-height:0}
 .hero-sticky{position:relative;height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;padding-bottom:26px}
 .hero-title{position:relative;top:auto;left:auto;width:90%;margin:100px 5% 0;grid-row:1;font-size:15vw}
 .nord-sculpture{position:relative;inset:auto;width:90%;height:240px;margin:0 auto;grid-row:2;z-index:3}
 .nord-sculpture img{transform:rotate(-70deg) scale(1.3)}
 #hero-film{position:relative;top:auto;left:auto;width:90%;height:auto;aspect-ratio:16/9;margin:0 auto;grid-row:3;grid-column:1;transform:none!important}
 #hero-toggle{position:relative;inset:auto;grid-row:3;grid-column:1;align-self:end;justify-self:end;margin:0 7% 12px;z-index:5}
 .film-caption{position:relative;inset:auto;grid-row:4;text-align:right;margin:12px 5% 0;font-size:6.5px}
 .hero-cta{position:relative;inset:auto;grid-row:5;justify-self:start;margin:25px 5% 0;color:#17291c;text-shadow:none}
 .hero-copy{position:relative;inset:auto;grid-row:6;margin:28px 5% 0;font-size:7.5px;max-width:90%}
 .scroll-hint{position:relative;inset:auto;grid-row:7;margin:28px 5% 0;width:90%;font-size:9px}
 .panorama{height:140svh;min-height:1000px}.people-sticky{min-height:760px}
 .panorama h2>span{top:10%;left:5%;font-size:10.5vw;color:#17261a;text-shadow:none}
 .panorama h2 em{left:5%;bottom:9%;font-size:19vw}
 .panorama img{object-position:57% center}
 .panorama-foot{left:5%;top:23%;font-size:10px;line-height:1.6;color:#243026}
 .about-copy{padding:22px}.about figure{color:#17291c}
}
@media(prefers-reduced-motion:reduce){
 .people-sticky{height:100svh;min-height:760px;padding:0}.panorama h2{position:absolute;inset:0;margin:0}.panorama-images{position:absolute;inset:0;display:block}.panorama figure:nth-child(n){position:absolute;inset:0}.panorama-foot{position:absolute;margin:0;inset:26% auto auto 5%}.panorama img{transform:none!important}
}

.departure-sticky:after{display:none}

/* vetro-continuo.css */
/* One photographic atmosphere across the whole page, with optical contact focus. */
html{background:#29352b}body{background:transparent;isolation:isolate}
.atmosphere{position:fixed;inset:0;z-index:-1;overflow:clip;pointer-events:none;background:#29352b}
.atmosphere-scene{position:absolute;inset:-25px;background-position:center;background-size:cover;opacity:0;will-change:opacity;transform:scale(1.05);filter:blur(3px)}
.atmosphere-north{background-image:url('assets/materia/muschio-orizzonte.jpg');opacity:1;background-position:center 20%}
.atmosphere-moss{background-image:url('assets/materia/muschio-macro.jpg');background-position:55% 65%}
.atmosphere-ice{background-image:url('assets/materia/ghiacciaio.jpg');filter:blur(3px) brightness(.58)}
.atmosphere-lichen{background-image:url('assets/materia/licheni-lava.jpg')}
.atmosphere-frost{position:absolute;inset:0;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);mask-image:radial-gradient(ellipse 38% 42% at 23% 65%,#000a 0%,#000b 45%,#000 100%);-webkit-mask-image:radial-gradient(ellipse 38% 42% at 23% 65%,#000a 0%,#000b 45%,#000 100%)}
.hero-sticky,.tour-sticky,.films,.about,.memory-photo,.panorama,.departures,footer{background:none}
.hero-sticky:before,.hero-sticky:after,.tour-sticky:before,.tour-sticky:after,.films:before,.films:after,.about:before,.about:after,header:before,.memory-photo:after{display:none}
header{background:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:0}

/* Native video proportions; the sculpture starts below the word NORD. */
#hero-film{height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:26px}
.nord-sculpture{left:13%;top:45%;width:44%;height:37%}
.nord-sculpture img{transform:rotate(-55deg) scale(1.05)}
.film-caption{top:calc(31% + 30.375vw + 18px)}
#hero-toggle{top:calc(31% + 30.375vw - 45px);border-radius:14px}
.hero-cta{border-radius:18px}
.reading-progress{border-radius:2px}
.tour-photo{border-radius:26px}.tour-photo img{border-radius:16px}
.tour-dots button{border-radius:50%}.tour-dots button:before{border-radius:50%}.tour-controls>button{border-radius:14px}

/* Two distinct columns: the people photograph is never behind travel panels. */
.memory{height:310svh}
.memory-photo>img{left:4%;top:40%;width:49%;height:47%;object-fit:contain;object-position:center;filter:none;transform:none!important;border-radius:28px}
.memory-copy{left:4%;top:13%;width:48%;z-index:3}
.memory-copy p{font-size:clamp(28px,3vw,50px);line-height:1.05}
.memory-copy .eyebrow{font-size:9px;margin-bottom:14px}
.memory-number{display:none}
.journeys{left:auto;right:4%;top:17%;bottom:auto;width:36%;max-width:none;height:min(66svh,590px);perspective:none}
.journey-page{height:100%;padding:25px;border-radius:30px;background:#e8efe033;border:1px solid #faffec94;color:#f4f6eb;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:inset 0 0 28px #f8ffe81a,0 20px 60px #1021141c}
.journey-page h2{font-size:clamp(28px,2.6vw,40px);line-height:1;margin:16px 0 20px}
.journey-country{font-size:10px}
.journey-photo{position:relative;flex:1;min-height:100px;max-height:280px;overflow:clip;border-radius:26px;border:1px solid #fbfff2a3;box-shadow:inset 0 0 12px #faffed70}
.journey-photo img{width:100%;height:100%;object-fit:cover}
.journey-photo:after{content:'';position:absolute;inset:0;border-radius:inherit;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);mask-image:radial-gradient(ellipse at 45% 50%,#0005 0%,#0008 50%,#000 100%);-webkit-mask-image:radial-gradient(ellipse at 45% 50%,#0005 0%,#0008 50%,#000 100%);box-shadow:inset 0 0 20px #f7ffe740;pointer-events:none}
.journey-date{font-size:11px;margin:18px 0 16px}
.journey-link{border-color:#f8ffeb8c;font-size:13px;padding-top:16px}
.journey-controls{top:calc(17% + min(66svh,590px) + 20px);right:4%;left:auto;bottom:auto;width:36%;max-width:none}
.journey-controls button{border-radius:14px;background:#dbe5cf14;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:11px 15px}

/* Photographic scenes dissolve into the same background, never into a flat color. */
.panorama-images{mask-image:linear-gradient(transparent,#000 13%,#000 86%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 13%,#000 86%,transparent)}
.panorama-foot{z-index:3}
.lofoten{mask-image:linear-gradient(transparent,#000 16%,#000 88%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 16%,#000 88%,transparent)}
.film-box video{border-radius:24px}.contact-sheet button,.contact-sheet img{border-radius:14px}
.about figure{border-radius:28px}.about figure img,.about-copy{border-radius:22px}
dialog button{border-radius:16px}#mobile-nav{border-radius:0 0 24px 24px}
footer{border:0}

@media(max-width:1050px) and (min-width:721px){
 .journeys{right:4%;width:38%}.journey-controls{right:4%;width:38%}
 .memory-copy{width:48%}.journey-page{padding:20px}.journey-page h2{font-size:28px}
}
@media(max-width:720px){
 .atmosphere-frost{mask-image:radial-gradient(ellipse 65% 34% at 24% 55%,#000a 0%,#000c 50%,#000 100%);-webkit-mask-image:radial-gradient(ellipse 65% 34% at 24% 55%,#000a 0%,#000c 50%,#000 100%)}
 .nord-sculpture{position:relative;inset:auto;grid-row:2;width:65%;height:160px;margin:0 0 -22px 2%}
 .nord-sculpture img{transform:rotate(-60deg) scale(1.12)}
 #hero-film{border-radius:22px;aspect-ratio:16/9;height:auto}
 #hero-toggle,.film-caption{top:auto}
 .film-caption{font-size:6px}
 .tour-photo{border-radius:23px}.tour-photo img{border-radius:13px}
 .memory{height:auto;min-height:0}
 .memory-photo{position:relative;height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding:100px 5% 45px;overflow:clip}
 .memory-copy{position:relative;inset:auto;width:100%;grid-row:1}
 .memory-copy p{font-size:28px;max-width:100%;line-height:1.05}
 .memory-copy .eyebrow{font-size:8px}
 .memory-photo>img{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;grid-row:2;border-radius:24px}
 .journeys{position:relative;inset:auto;grid-row:3;display:flex;gap:16px;width:100%;max-width:none;height:auto;overflow-x:auto;overflow-y:clip;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px;overscroll-behavior-x:contain;perspective:none}
 .journeys::-webkit-scrollbar{display:none}
 .journey-page{position:relative;inset:auto;flex:0 0 100%;width:100%;height:auto;min-height:510px;padding:22px;border-radius:28px;scroll-snap-align:start;transform:none!important;opacity:1!important}
 .journey-page h2{font-size:31px;margin:16px 0 22px}.journey-country{font-size:9px}
 .journey-photo{flex:none;min-height:0;height:200px;max-height:none;border-radius:23px}
 .journey-date{margin:20px 0;font-size:11px}.journey-link{margin-top:auto}
 .journey-controls{position:relative;inset:auto;grid-row:4;width:100%;max-width:none;color:#eff5e7}
 .journey-controls button{font-size:10px;padding:12px 17px}
 .film-box video{border-radius:20px}
}
@media(prefers-reduced-motion:reduce){
 .memory-photo{height:auto;display:grid;gap:30px;padding:100px 5% 45px}
 .memory-photo>img,.memory-copy,.journeys,.journey-controls{position:relative;inset:auto;width:100%;height:auto;max-width:none}
 .memory-photo>img{grid-row:2;max-height:480px}.memory-copy{grid-row:1}.journeys{grid-row:3;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));overflow:visible}.journey-page{min-height:500px}.journey-controls{display:none}
}

/* The farewell photograph belongs only to the final scene, never to the atmosphere. */
.memory-intro{height:130svh;min-height:950px;position:relative}
.memory-intro-sticky{height:100svh;min-height:760px;position:sticky;top:0;overflow:clip;isolation:isolate}
.memory-intro-sticky>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% center;mask-image:linear-gradient(transparent,#000 12%,#000 87%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 87%,transparent)}
.memory-intro .memory-copy{position:absolute;left:auto;right:5%;top:17%;width:28%;color:#1c2c24;pointer-events:none}
.memory-intro .memory-copy p{font-size:clamp(30px,3vw,48px);line-height:1.04}
.memory-intro .memory-copy strong{color:inherit}.memory-intro .memory-copy .eyebrow{color:inherit;font-size:9px}
.journey-intro{position:absolute;left:4%;top:29%;width:48%;color:#f1f5e8}
.journey-intro h2{font:clamp(65px,8.7vw,145px)/.9 var(--condensed);text-transform:uppercase;letter-spacing:-.03em}
.memory .memory-photo>img{display:none}
@media(max-width:1050px) and (min-width:721px){.memory-intro .memory-copy{right:4%;width:30%}.memory-intro .memory-copy p{font-size:32px}}
@media(max-width:720px){
 #hero-film{margin-top:25px}
 .memory-intro{height:125svh;min-height:950px}
 .memory-intro-sticky{height:100svh;min-height:760px}
 .memory-intro-sticky>img{object-position:35% center}
 .memory-intro .memory-copy{left:5%;right:5%;top:5%;width:90%}
 .memory-intro .memory-copy p{font-size:24px;line-height:1.03;max-width:100%}
 .memory-intro .memory-copy .eyebrow{font-size:7px;margin-bottom:10px}
 .journey-intro{position:relative;inset:auto;width:100%;grid-row:1}
 .journey-intro h2{font-size:61px}
 .journeys{grid-row:2}.journey-controls{grid-row:3}
}
@media(prefers-reduced-motion:reduce){
 .memory-intro{height:auto;min-height:0}.memory-intro-sticky{position:relative;height:100svh}
 .journey-intro{position:relative;inset:auto;width:100%;grid-row:1}.journeys{grid-row:2}
}

/* partenze-lichene.css?v=3 */
/* A continuous clean photographic plate, with no screenshot UI or lichen cutout. */
#viaggi .departure-lichen{
 position:absolute;inset:0;z-index:0;pointer-events:none;
 background:url('assets/lichene-partenze/fondale-desktop.lossless.webp') center/cover no-repeat;
 /* Soften only the empty upper bokeh where the preceding scene meets this plate. */
 -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 220px,#000 100%);
 mask-image:linear-gradient(to bottom,transparent 0,#000 220px,#000 100%);
}
#viaggi .journey-intro{z-index:3}
#viaggi .journeys,#viaggi .journey-controls{z-index:4}
@media(max-width:720px){
 #viaggi .departure-lichen{
  inset:0 0 auto;height:200vw;max-height:860px;
  background-image:url('assets/lichene-partenze/fondale-mobile.lossless.webp');
  background-position:left top;
  /* Transition only the empty lower bokeh into the existing photographic atmosphere. */
  -webkit-mask-image:linear-gradient(transparent 0,#000 80px,#000 85%,transparent 100%);
  mask-image:linear-gradient(transparent 0,#000 80px,#000 85%,transparent 100%);
 }
 #viaggi .journey-intro:after{content:'';display:block;height:clamp(220px,65vw,300px)}
 #viaggi .journeys{grid-row:2}
 #viaggi .journey-controls{grid-row:3}
}
@media(prefers-reduced-motion:reduce) and (min-width:721px){
 #viaggi .journey-intro:after{content:'';display:block;height:250px}
}

/* ricordi-muschio.css?v=1 */
/* Approved original study 01: continuous moss photograph behind the live gallery. */
#ricordi .ricordi-moss{
 position:absolute;inset:0;z-index:0;pointer-events:none;
 background:url('assets/muschio-ricordi/fondale-desktop.lossless.webp') center/cover no-repeat;
 -webkit-mask-image:linear-gradient(transparent 0,#000 180px,#000 100%);
 mask-image:linear-gradient(transparent 0,#000 180px,#000 100%);
}
#ricordi .tour-view{z-index:2;overflow:visible}
#ricordi .tour-copy,#ricordi .tour-controls,#ricordi .section-top{z-index:3}
@media(max-width:720px){
 #ricordi .ricordi-moss{
  background-image:url('assets/muschio-ricordi/fondale-mobile.lossless.webp');
  background-position:left center;
  -webkit-mask-image:linear-gradient(transparent 0,#000 85px,#000 100%);
  mask-image:linear-gradient(transparent 0,#000 85px,#000 100%);
 }
}

/* fotografia-erica.css?v=1 */
/* Approved autumn study 03: a clean photographic plate, never screenshot UI. */
#fabbrica .fotografia-heather{
 position:absolute;inset:0;z-index:1;pointer-events:none;
 background:url('assets/erica-fotografia/fondale-desktop.lossless.webp') center/cover no-repeat;
 /* The horizontal dissolve lies in empty steam, before the detailed stems. */
 -webkit-mask-image:linear-gradient(to right,transparent 64%,#000 76%),linear-gradient(transparent,#000 12%,#000 87%,transparent);
 mask-image:linear-gradient(to right,transparent 64%,#000 76%),linear-gradient(transparent,#000 12%,#000 87%,transparent);
 -webkit-mask-composite:source-in;mask-composite:intersect;
}
#fabbrica .memory-copy{z-index:3}
@media(max-width:720px){
 #fabbrica{height:auto;min-height:0}
 #fabbrica .memory-intro-sticky{position:relative;height:calc(100svh + 200px);min-height:960px}
 #fabbrica .memory-intro-sticky>img{height:100svh;min-height:760px;z-index:1}
 #fabbrica .fotografia-heather{
  inset:0;z-index:0;
  background-image:url('assets/erica-fotografia/fondale-mobile.lossless.webp');
  background-position:right bottom;
  -webkit-mask-image:linear-gradient(transparent,#000 15%,#000 88%,transparent);
  mask-image:linear-gradient(transparent,#000 15%,#000 88%,transparent);
 }
}

/* raccordi-continui.css?v=2 */
/* Photographic edges use eased alpha rather than a linear ramp ending in a band.
   Only the background planes are masked; type, portraits and gallery cards stay crisp. */
:root{
 --photo-dissolve:linear-gradient(to bottom,
  transparent 0%,rgba(0,0,0,.025) 2%,rgba(0,0,0,.10) 4%,
  rgba(0,0,0,.26) 7%,rgba(0,0,0,.50) 10%,rgba(0,0,0,.74) 13%,
  rgba(0,0,0,.90) 16%,rgba(0,0,0,.975) 18%,#000 20%,
  #000 80%,rgba(0,0,0,.975) 82%,rgba(0,0,0,.90) 84%,
  rgba(0,0,0,.74) 87%,rgba(0,0,0,.50) 90%,rgba(0,0,0,.26) 93%,
  rgba(0,0,0,.10) 96%,rgba(0,0,0,.025) 98%,transparent 100%);
 --plate-entry:linear-gradient(to bottom,
  transparent 0,rgba(0,0,0,.025) 20px,rgba(0,0,0,.10) 40px,
  rgba(0,0,0,.26) 70px,rgba(0,0,0,.50) 100px,
  rgba(0,0,0,.74) 130px,rgba(0,0,0,.90) 160px,
  rgba(0,0,0,.975) 180px,#000 200px,#000 100%);
}
html,body{margin:0;width:100%;max-width:100%;overflow-x:clip}
main,main>section{width:100%;min-width:0}
.section-top{border-bottom:0}
.atmosphere{inset:-2px}
#ricordi .ricordi-moss,#viaggi .departure-lichen{
 -webkit-mask-image:var(--plate-entry);mask-image:var(--plate-entry);
}
.panorama-images,#fabbrica .memory-intro-sticky>img,.lofoten{
 -webkit-mask-image:var(--photo-dissolve);mask-image:var(--photo-dissolve);
}
#fabbrica .fotografia-heather{
 -webkit-mask-image:linear-gradient(to right,transparent 64%,rgba(0,0,0,.1) 66%,rgba(0,0,0,.5) 70%,rgba(0,0,0,.9) 74%,#000 76%),var(--photo-dissolve);
 mask-image:linear-gradient(to right,transparent 64%,rgba(0,0,0,.1) 66%,rgba(0,0,0,.5) 70%,rgba(0,0,0,.9) 74%,#000 76%),var(--photo-dissolve);
 -webkit-mask-composite:source-in;mask-composite:intersect;
}
/* Keep overscan inside the photographic mask, including fractional pixel widths. */
.panorama-images,.lofoten{left:-2px;right:-2px;width:auto}
#fabbrica .memory-intro-sticky>img{left:-2px;right:-2px;width:calc(100% + 4px);max-width:none}
@media(max-width:720px){
 :root{--plate-entry:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.04) 12px,rgba(0,0,0,.16) 24px,rgba(0,0,0,.5) 48px,rgba(0,0,0,.84) 72px,rgba(0,0,0,.96) 84px,#000 96px,#000 100%)}
 #fabbrica .fotografia-heather{
  left:-2px;right:-2px;width:auto;
  -webkit-mask-image:var(--photo-dissolve);mask-image:var(--photo-dissolve);
  -webkit-mask-composite:source-over;mask-composite:add;
 }
 #viaggi .departure-lichen{
  -webkit-mask-image:var(--photo-dissolve);mask-image:var(--photo-dissolve);
 }
 .departure-copy{min-width:0}
 .departure-copy ul{max-width:100%;flex-wrap:wrap}
 .email{max-width:100%;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){
 #ricordi .ricordi-moss,#viaggi .departure-lichen{
  -webkit-mask-image:var(--photo-dissolve);mask-image:var(--photo-dissolve);
 }
}

/* leggibilita-home.css?v=4 */
/* The pale ice detail remains photographic beneath the shared satin surface. */
.atmosphere-ice{
 background-image:url('assets/materia/ghiacciaio.jpg');
 background-size:auto max(300svh,533.34vw);background-position:left 40%;
 filter:blur(3px) brightness(1.08);
}
.films{color:#1b2b27}
.film-meta,.contact-sheet{border-color:#1b2b2745}
.film-box video{border-color:#f7fbf0a0}

/* Account for the navigation height: opening notes belong in the first viewport. */
@media(min-width:721px){
 .hero-sticky{height:calc(100svh - 90px);min-height:0}
 .hero-title{font-size:clamp(78px,min(13.8vw,25svh),220px)}
 .hero-copy{bottom:4%;font-size:10px;line-height:1.5;max-width:38%}
 .hero-copy .eyebrow{font-size:10px}
 #hero-film{width:min(54vw,calc((100svh - 90px)*1.13))}
 .film-caption{top:auto;bottom:12%;font-size:8px}
 #hero-toggle{top:auto;bottom:19%}
 .scroll-hint{bottom:4%}
}
@media(min-width:721px) and (max-width:1050px){
 .hero-sticky{height:calc(100svh - 76px)}
 #hero-film{width:min(54vw,calc((100svh - 76px)*1.13))}
 .hero-copy{font-size:9px;max-width:38%}
}
.departure-copy h2{width:100%;text-align:center}
.departure-copy h3{text-align:center}
@media(max-width:720px){
 .hero-title{margin-top:clamp(28px,6svh,60px)}
 #hero-film{margin-top:18px}
 .film-caption{margin-top:8px}
 .hero-copy{grid-row:5;margin:14px 5% 0;font-size:9px;line-height:1.5;max-width:90%}
 .hero-copy .eyebrow{font-size:9px;margin-bottom:7px}
 .hero-cta{grid-row:6;margin:16px 5% 0}
 .scroll-hint{margin-top:18px}
 .departure-copy{align-items:center;text-align:center}
 .departure-copy h2{font-size:clamp(40px,15vw,100px);line-height:1;white-space:nowrap}
 .departure-copy h2 a{display:inline-block}
 .departure-copy ul{width:100%;justify-content:center}
 .departure-copy .email{align-self:center}
}

/* ritratto-e-film.css?v=2 */
.about-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.about figure{width:100%}
.about-copy{min-width:0;width:100%}
.film-player{position:relative;width:100%;aspect-ratio:16/9;min-width:0;margin-top:auto;border-radius:24px;overflow:clip}
.film-player video{display:block;width:100%;height:100%;margin:0;filter:none}
.film-box:last-child .film-player{grid-column:2;grid-row:2;margin:0}
.film-cover{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:1px solid #f7fbf0a0;border-radius:inherit;overflow:hidden;background:none;text-align:left}
.film-cover[hidden]{display:none}
.film-cover img{width:100%;height:100%;object-fit:cover;filter:brightness(1.08);transition:filter .2s}
.film-cover:hover img{filter:brightness(1.12)}
.film-cover span{position:absolute;left:20px;bottom:20px;padding:12px 18px;border:1px solid #ffffefb0;border-radius:24px;background:#eff3e5a6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#192a22;font:12px var(--mono);box-shadow:0 4px 20px #10201518}
.film-cover:focus-visible{outline-offset:-6px}
@media(max-width:900px){
 .about-inner{grid-template-columns:minmax(0,1fr);gap:32px;justify-items:center}
 .about figure,.about-copy{width:100%;max-width:520px;min-width:0;margin-inline:auto;justify-self:center}
 .about figure{display:flex;flex-direction:column;padding:16px}
 .about figure img{order:0}
 .about figcaption{order:1;position:static;inset:auto;margin-top:15px;width:100%;text-align:center;font-size:clamp(8px,2vw,10px);line-height:1.5;letter-spacing:0}
 .about-copy h2{font-size:clamp(36px,13vw,56px);line-height:.95;overflow-wrap:normal}
}
@media(max-width:720px){
 .film-player{border-radius:20px}
 .film-box:last-child .film-player{grid-column:auto;grid-row:auto}
 .film-cover span{left:14px;bottom:14px;padding:10px 14px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.film-cover img{transition:none}}

/* voce-e-font.css?v=36-fondo-fotografico */
/* Quiet typography for navigation, labels and details; the display titles retain their identity. */
html,body{max-width:100%;overflow-x:clip}
:root{--ui-font:'Helvetica Neue',Helvetica,Arial,sans-serif;--mono:var(--ui-font)}
body,input,textarea,select,button{font-family:var(--ui-font)}
.site-header nav,.site-footer,.eyebrow,.section-top,.hero-kicker,.film-caption,.scroll-hint,.film-meta,.print-number,.journey-country,.journey-date,.rail-label,.rail-top,.rail-continuation,.reader-sources,.review-label,.contact-note,.rail-sources{font-family:var(--ui-font);font-weight:400;letter-spacing:.015em;text-transform:none}
.eyebrow,.section-top,.hero-kicker,.film-caption,.film-meta,.print-number,.rail-label,.review-label{font-size:12px;line-height:1.55}
.site-header{min-width:0}.site-header nav{font:500 12px/1.5 var(--ui-font);letter-spacing:0;gap:22px}.site-header .brand{font-family:var(--ui-font);font-weight:750}
.site-header #menu-toggle{display:none;font:500 13px/1.4 var(--ui-font);padding:10px 14px;border:1px solid currentColor;border-radius:20px;background:transparent;width:auto;height:auto}
#mobile-nav{position:absolute;top:90px;left:0;right:0;z-index:50;padding:25px 6%;display:grid;gap:20px;border-radius:0 0 26px 26px;background:#e8eee3ed;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);color:#1d3029;font:500 17px/1.5 var(--ui-font)}
#mobile-nav[hidden]{display:none!important}
.travel-partner{display:flex;justify-content:space-between;align-items:center;gap:45px;padding:42px 0 30px;position:relative;z-index:1;color:inherit;max-width:1380px}
.travel-partner>div{display:flex;align-items:center;gap:22px;flex-shrink:0}.travel-partner p{font:400 14px/1.65 var(--ui-font);max-width:380px;letter-spacing:0}
.blueberry-mark{display:block;background:#f4f4ed;border-radius:18px;padding:12px 20px;line-height:0;flex-shrink:0}.blueberry-mark img{display:block;width:142px;height:auto;max-width:100%;filter:none!important;opacity:1}
footer.site-footer{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:20px 30px;padding:25px 0 32px;margin-inline:auto;border:0;background:none;font:400 13px/1.6 var(--ui-font);letter-spacing:0;text-transform:none;color:inherit;max-width:1380px}
footer.site-footer p{margin-right:auto;font:inherit}footer.site-footer a,footer.site-footer a:last-child{display:inline-block;font:inherit;letter-spacing:0;text-transform:none}
.hero-kicker{justify-content:flex-end}.hero-kicker>span:last-child{max-width:none;text-align:right}
.home-profile-link{display:inline-block;margin-top:20px;font:500 15px/1.5 var(--ui-font);text-decoration:underline;text-underline-offset:6px}
.hero-copy{font-family:var(--ui-font);letter-spacing:.02em}.hero-copy p{font-size:inherit;line-height:1.6}
.contact-sheet img,.contact-sheet button:hover img{filter:none}
/* Keep the photographic source's colour at rest and on hover. */
.contact-sheet button{border:0;border-radius:12px}.contact-sheet img{transition:transform .4s}
.contact-sheet button:hover img{transform:scale(1.035)}
/* Delay the ice atmosphere until the departure cards have left their reading position. */
.atmosphere-ice{filter:blur(3px) brightness(.9)}
#viaggi .journey-page{background:#1f332a99;color:#f3f5eb;border-color:#f7f9ed8c;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}
#viaggi .journey-date,#viaggi .journey-link{font-family:var(--ui-font);font-size:14px;line-height:1.5}
#viaggi .journey-country{font-size:13px}
#viaggi .section-top{font-size:12px}
#fabbrica .memory-copy .eyebrow{font-family:var(--ui-font);font-size:12px;letter-spacing:0}
.diary-signoff{display:block;margin-top:18px;font:500 14px/1.5 var(--ui-font)}
@media(min-width:721px){#fabbrica{height:170svh;min-height:1050px}}
@media(max-width:1050px){.site-header{height:80px;grid-template-columns:minmax(0,1fr) auto;align-items:center}.site-header>nav{display:none}.site-header #menu-toggle{display:block;justify-self:end}.site-header .brand{justify-self:start}#mobile-nav{top:80px}.site-header .mobile-home{display:none}}
@media(max-width:720px){
 .eyebrow,.section-top,.hero-kicker,.film-meta,.print-number,.rail-label,.review-label{font-size:11px;line-height:1.5}.hero-kicker>span:last-child{font-size:11px;max-width:none;text-align:right}
 .film-caption{font-size:10px;line-height:1.4}.hero-copy{font-size:10px}
 .travel-partner{display:block;padding:30px 0 20px}.travel-partner>div{justify-content:space-between;gap:18px}.travel-partner>p{margin-top:20px;max-width:330px;font-size:13px}.travel-partner>div>p{font-size:13px;max-width:125px}.blueberry-mark{padding:11px 15px;border-radius:16px}.blueberry-mark img{width:126px}
 footer.site-footer{font-size:12px;gap:14px 24px;padding:20px 0 28px}footer.site-footer p{flex-basis:100%;margin:0}
 #viaggi .journey-page{background:#20352cb8}#viaggi .journey-page h2{font-size:30px}.journey-date,.journey-link{color:#f5f6ee}
 #fabbrica .memory-copy .eyebrow{font-size:11px}
 .rail-top{font-size:10px}.rail-label,.rail-continuation{font-family:var(--ui-font)}
}
.travel-partner.shell,footer.site-footer.shell{width:92%;margin-inline:auto}
.film-heading p{font-family:var(--ui-font);font-size:14px;line-height:1.7;letter-spacing:0}
@media(max-width:720px){.film-heading p{font-size:13px}.film-meta{font-size:11px}.about figcaption{font-family:var(--ui-font);font-size:12px}}
/* Navigation retains the same geometry, with optical glass instead of a painted bar. */
header.site-header{display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;z-index:60;isolation:isolate;width:100%;max-width:none;height:90px;min-height:90px;margin:0;padding:0 4%;background:none;color:#f1f4e8;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
header.site-header::before{content:"";display:block!important;position:absolute;inset:0 0 -28px;z-index:-1;width:auto;height:auto;border:0;background:none;filter:none;pointer-events:none;backdrop-filter:blur(26px) brightness(.62);-webkit-backdrop-filter:blur(26px) brightness(.62);mask-image:linear-gradient(#000 0 58%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0 58%,transparent 100%)}
.home-page header.site-header{color:#182c24}.home-page header.site-header::before{backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}
header.site-header .brand{display:block;flex-shrink:0;margin-right:auto;font:750 25px/.94 var(--ui-font);letter-spacing:-.045em;color:inherit;justify-self:auto}
header.site-header>nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;font:400 16px/1.4 var(--ui-font);letter-spacing:0}
header.site-header nav a{display:block;padding:12px 14px;border:0;border-radius:15px;color:inherit;opacity:1;white-space:nowrap;text-transform:none;background:none}
header.site-header nav a:last-child{border:0}header.site-header nav a[aria-current="page"]{background:none;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
header.site-header nav a:hover{text-decoration:underline;text-underline-offset:7px;background:none}header.site-header #menu-toggle{color:inherit;font-size:15px;font-weight:400;border-color:currentColor;padding:11px 17px;background:none}
#mobile-nav{top:90px;font-size:18px;font-weight:400;background:none;backdrop-filter:blur(35px) brightness(.4);-webkit-backdrop-filter:blur(35px) brightness(.4);padding:22px 6% 40px;box-shadow:none;border:0;mask-image:linear-gradient(#000 0 92%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0 92%,transparent 100%)}
#mobile-nav a{display:block;padding:9px 0;color:#f3f5e9;border:0;font-weight:400}#mobile-nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
/* The footer is part of the photographic ground: only its optical treatment dissolves at the edges. */
.site-ending{width:92%;max-width:1380px;margin:35px auto 30px;padding:10px 20px 0;border:0;border-radius:0;background:none;color:#f1f4e8;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate;position:relative}
.site-ending::before{content:"";position:absolute;inset:-40px -4vw -30px;z-index:-1;pointer-events:none;background:none;backdrop-filter:blur(32px) brightness(.58);-webkit-backdrop-filter:blur(32px) brightness(.58);mask-image:linear-gradient(transparent,#000 25%,#000 78%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 25%,#000 78%,transparent)}
.site-ending .travel-partner.shell{width:100%;max-width:none;margin:0;padding:22px 0 25px;color:inherit;justify-content:flex-start}
.site-ending .travel-partner>div{gap:25px}.site-ending .travel-partner p{font:400 15px/1.6 var(--ui-font);color:inherit;max-width:none;opacity:1}
.site-ending footer.site-footer.shell{width:100%;max-width:none;margin:0;padding:22px 0 25px;border:0;color:inherit;font:400 15px/1.6 var(--ui-font)}
.site-ending footer.site-footer p,.site-ending footer.site-footer a{color:inherit;opacity:1;font:inherit}
.site-ending footer.site-footer a{text-decoration:underline;text-underline-offset:5px}
.site-ending .blueberry-mark{background:none;position:relative;isolation:isolate;padding:12px 20px;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.site-ending .blueberry-mark::before{content:"";position:absolute;inset:-5px;z-index:-1;pointer-events:none;background:url('assets/materia/ghiacciaio.jpg') 20% 40%/cover;filter:blur(15px) brightness(1.25);mask-image:radial-gradient(ellipse,#000 50%,rgba(0,0,0,.85) 70%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse,#000 50%,rgba(0,0,0,.85) 70%,transparent 100%)}
.tour-copy{display:grid;grid-template-columns:1.2fr 1fr;gap:0 8%}.tour-copy h2{grid-row:auto}.tour-copy .tour-subtitle{font:400 16px/1.75 var(--ui-font);letter-spacing:0;max-width:420px;margin-top:8px}
.panorama-foot{font-family:var(--ui-font);font-size:16px;line-height:1.7;letter-spacing:0;max-width:430px}
#fabbrica .memory-copy .memory-note{font:400 15px/1.7 var(--ui-font);margin-top:22px;letter-spacing:0}
.journey-intro .journey-subtitle{font:400 16px/1.7 var(--ui-font);max-width:380px;margin-top:22px}
@media(max-width:1150px){header.site-header{gap:20px}header.site-header>nav{gap:2px;font-size:15px}header.site-header nav a{padding:12px 10px}}
@media(max-width:1000px){header.site-header{height:80px;min-height:80px;padding-inline:5%}header.site-header>nav{display:none}header.site-header #menu-toggle{display:block}#mobile-nav{top:80px}}
@media(min-width:1001px){header.site-header #menu-toggle{display:none}}
@media(max-width:720px){header.site-header .brand{font-size:24px}.site-ending{padding:8px 8px 0;margin-top:25px}.site-ending .travel-partner>div{gap:15px;justify-content:space-between}.site-ending .travel-partner>div>p{font-size:14px;max-width:115px;line-height:1.6}.site-ending .blueberry-mark{padding:10px 12px}.site-ending .blueberry-mark img{width:115px}.site-ending footer.site-footer.shell{font-size:14px;gap:20px;padding:20px 0 24px}.tour-copy{display:block}.tour-copy .tour-subtitle{font-size:13px;line-height:1.6;max-width:100%;margin-top:15px}.panorama-foot{font-size:13px;line-height:1.7;max-width:260px}#fabbrica .memory-copy .memory-note{font-size:13px;line-height:1.6;margin-top:15px}.journey-intro .journey-subtitle{font-size:14px;max-width:290px;margin-top:18px}}
.site-ending .blueberry-mark{overflow:clip;border-radius:20px;border:1px solid #f4f8e94d}
.site-ending .blueberry-mark::before{inset:-20px;mask-image:none;-webkit-mask-image:none;filter:blur(16px) brightness(1.3)}
.journey-intro .journey-subtitle{color:#f3f6ea;text-shadow:0 1px 3px #102218cc,0 0 18px #102218a6}
.tour-copy{display:block}.tour-copy .tour-subtitle{max-width:600px;margin-top:18px}
@media(min-width:721px){.tour-copy{top:8%}}

/* Set the links themselves: the original home stylesheet assigns them a 10px font. */
header.site-header>nav>a{font:400 16px/1.4 var(--ui-font);letter-spacing:0}
#mobile-nav>a{font:400 18px/1.5 var(--ui-font);letter-spacing:0}
/* Official white artwork sits directly on the shared photographic ground. */
.site-ending .blueberry-mark{padding:0;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;backdrop-filter:none;-webkit-backdrop-filter:none}
.site-ending .blueberry-mark::before{display:none;content:none}
.site-ending .blueberry-mark img{width:154px;height:auto;filter:none!important}
.site-ending{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:35px;align-items:center;padding:24px 0 18px;margin-top:20px}
.site-ending::before{inset:-25px -4vw -20px;backdrop-filter:blur(24px) brightness(.72);-webkit-backdrop-filter:blur(24px) brightness(.72)}
.site-ending .travel-partner.shell{padding:10px 0;margin:0;min-width:0}
.site-ending .travel-partner>div{gap:24px;align-items:center}
.site-ending .travel-partner p{font:400 14px/1.6 var(--ui-font);max-width:150px}
.site-ending footer.site-footer.shell{width:auto;margin:0;padding:10px 0;font:400 14px/1.6 var(--ui-font);gap:24px;justify-content:flex-end}
.site-ending footer.site-footer p{margin:0}
@media(max-width:1000px){.site-ending{display:block}.site-ending .travel-partner.shell{padding:12px 0 24px}.site-ending footer.site-footer.shell{width:100%;justify-content:flex-start;padding:12px 0 20px}}
@media(max-width:720px){.site-ending .travel-partner>div{justify-content:flex-start;gap:24px}.site-ending .travel-partner>div>p{max-width:115px;font-size:14px}.site-ending .blueberry-mark img{width:142px}.site-ending footer.site-footer.shell{font-size:14px;gap:18px 24px}}

/* Blur photographs once, below the content, rather than recapturing foreground text. */
.atmosphere-frost{backdrop-filter:none;-webkit-backdrop-filter:none}
.atmosphere-scene{filter:blur(22px)}
.atmosphere-ice{filter:blur(22px) brightness(.9)}
header.site-header::before,.site-ending::before{display:none!important;content:none}
.hero-title>span{will-change:auto;animation:none!important;clip-path:none!important;text-shadow:none!important}
.hero-title,.tour-copy h2,.tour-copy p,.panorama h2,.journey-intro .journey-subtitle,.landscape-words p{ text-shadow:none }
.hero-rule{display:none}
#viaggi>.memory-photo>.section-top{justify-content:flex-end}
.heather-contact{position:absolute;right:5%;bottom:17%;z-index:4;display:flex;flex-direction:column;gap:10px;padding:18px 24px;border:1px solid #f3f5e8a6;border-radius:26px;color:#f3f5e8;background:#1830274d;font:400 14px/1.5 var(--ui-font)}
.heather-contact strong{font:500 19px/1.4 var(--ui-font);text-decoration:underline;text-underline-offset:5px}
.heather-contact:hover{border-color:#fff}
.journey-intro .journey-subtitle{position:absolute;bottom:calc(100% + 22px);margin:0}
@media(max-width:720px){
 .heather-contact{left:5%;right:auto;bottom:13%;padding:18px 22px;max-width:90%}
 .hero-copy{font-size:11px;line-height:1.6}
 .hero-copy .eyebrow,.scroll-hint{font-size:11px}
 .tour-copy .tour-subtitle,.panorama-foot,#fabbrica .memory-copy .memory-note,.film-heading p{font-size:14px;line-height:1.65}
 #viaggi .section-top{position:relative;inset:auto;grid-row:4;font-size:14px;padding:8px 0}
 .journey-intro .journey-subtitle{max-width:100%;font-size:15px}
}

@media(max-width:720px){.journey-intro .journey-subtitle{bottom:calc(100% + 18px);margin:0;max-width:260px}}
.about-copy{background:#15281c66}
.about figcaption{font:400 12px/1.5 var(--ui-font)}
.rail-label,.rail-continuation,.destination-meta,.panel-heading p,.date-block .year,.testimonial figcaption,.topline{font-size:12px;opacity:1}
@media(min-width:721px){.hero-copy{font-size:12px;line-height:1.55;max-width:40%}.hero-copy .eyebrow,.film-caption,.scroll-hint{font-size:12px}}
/* The footer has no separate photographic plate or backdrop surface. */
.site-ending::before,.site-ending::after{display:none!important;content:none!important;background:none;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.home-page .atmosphere{filter:brightness(var(--atmosphere-light,1))}
.home-page .site-ending{color:#f2f4e9}
/* About and the final photograph now share the same photographic sky.
   No local transition plate, reflection, or overlap under the portrait. */
.home-page .atmosphere-lichen{background-image:url('assets/materia/licheni-lava.jpg');background-size:cover;background-position:center;filter:blur(22px)}
#about{position:relative;z-index:1}
#about .about-copy{background:#14251c99}
#partiamo{isolation:isolate;z-index:0;overflow:visible}
#partiamo::before{display:none;content:none}
#partiamo .lofoten{mask-image:linear-gradient(#000 0%,#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 80%,transparent 100%)}
.about-wildlife{width:80%;max-width:440px;margin:auto;padding:13px;border:1px solid #f5f8e978;border-radius:32px;background:#f4f7e914}
.about-wildlife img{display:block;width:100%;height:auto;border-radius:21px}
.rail-photo.wildlife-eagle img{object-fit:contain;object-position:center;filter:none}
#partiamo{height:auto;min-height:0}
#partiamo .departure-sticky{height:min(66vw,82svh);min-height:420px;position:relative}
#partiamo .lofoten{inset:0}
#partiamo .lofoten img{width:100%;height:100%;object-fit:cover;object-position:center top;transform:none!important;filter:none}
#partiamo .departure-copy{inset:5% 4% auto;display:block;min-height:0;text-align:center;color:#192b26}
#partiamo .departure-copy h2{font-size:clamp(75px,11.5vw,185px);line-height:1;letter-spacing:-.075em;margin:0}
#partiamo .departure-copy h3{font:400 15px/1.5 var(--ui-font);margin:12px 0 0}
.departure-details{position:relative;width:92%;margin:-10px auto 0;padding:12px 0 18px;color:#f2f4e9}
.departure-details ul{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:20px 35px;margin:0 0 22px;padding:0;font:400 23px/1.2 var(--condensed);text-transform:uppercase}
.departure-details .email{display:block;width:max-content;max-width:100%;margin:auto;font:400 13px/1.5 var(--ui-font);text-align:center;overflow-wrap:anywhere}
@media(max-width:720px){
 .about-wildlife{width:82%;max-width:350px;grid-row:1}
 #partiamo .departure-sticky{height:60svh;min-height:390px}
 #partiamo .departure-copy{inset:5% 5% auto}
 #partiamo .departure-copy h2{font-size:15vw}
 #partiamo .departure-copy h3{font-size:13px;margin-top:10px}
 .departure-details{width:90%;padding-bottom:12px}
 .departure-details ul{font-size:20px;gap:14px 22px;margin-bottom:20px}
 .departure-details .email{font-size:12px}
}

/* Clear navigation and a tighter, caption-free photographic frame. */
header.site-header nav a,header.site-header nav a[aria-current="page"]{border:0!important;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.tour-photo{padding:14px;border-radius:29px}
.tour-photo img{border-radius:16px}
.about figure{padding:16px}
.about-copy h2{font:400 clamp(45px,5.2vw,78px)/.95 var(--condensed);letter-spacing:-.025em;margin:0 0 30px;text-transform:uppercase}
.about-copy h3{font:500 23px/1.3 var(--ui-font);letter-spacing:-.02em;margin:0 0 18px}
.about-copy h2 br{display:block}
.film-introduction{max-width:360px;min-width:0;padding-bottom:10px}
.film-heading .film-introduction p{padding:0;margin:0 0 12px}
.film-heading .film-introduction-title{font-size:23px;font-weight:500;line-height:1.3;letter-spacing:-.02em}
.film-heading .film-introduction p:last-child{margin-top:24px;margin-bottom:0}
.heather-contact{left:auto;right:5%;width:28%;align-items:center;text-align:center;box-sizing:border-box}
@media(min-width:721px) and (max-width:1050px){.heather-contact{right:4%;width:30%}}
@media(max-width:720px){
 .tour-photo{padding:10px;border-radius:24px}
 .tour-photo img{border-radius:14px}
 .about-copy h2{font-size:clamp(43px,13.5vw,64px);line-height:.97;margin-bottom:24px}
 .about-copy h3{font-size:21px}
 .film-introduction{max-width:100%;margin-top:28px}
 .film-heading .film-introduction p{margin-top:0;margin-bottom:12px}
 .film-heading .film-introduction-title{font-size:22px}
 .heather-contact{left:5%;right:5%;width:90%;max-width:none}
}

.panorama-foot br{display:block}
@media(max-width:720px){.panorama-foot{max-width:82%;font-size:14px;line-height:1.6}}
/* Anchor navigation lands on the requested section without a long page sweep. */
html{scroll-behavior:auto}

/* Supporting paragraphs follow the original scenes on mobile, without reframing photos. */
.mobile-scene-note{display:none}
@media(max-width:720px){
 .mobile-scene-note{display:block;width:90%;margin:12px auto 45px;color:#f3f5e9;font:400 15px/1.7 var(--ui-font)}
 .mobile-scene-note p+p{margin-top:22px}
 #persone .panorama-foot{max-width:260px;font-size:13px;line-height:1.7}
}
.mobile-scene-note #people-continuation>br:first-child,.mobile-scene-note #people-continuation>br:nth-child(2){display:none}

/* The coast joins the photographic ground without a visible top edge. */
#partiamo{margin-top:-60px}
#partiamo .lofoten{mask-image:linear-gradient(transparent 0,rgba(0,0,0,.028) 20px,rgba(0,0,0,.104) 40px,rgba(0,0,0,.216) 60px,rgba(0,0,0,.352) 80px,rgba(0,0,0,.5) 100px,rgba(0,0,0,.648) 120px,rgba(0,0,0,.784) 140px,rgba(0,0,0,.896) 160px,rgba(0,0,0,.972) 180px,#000 200px,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(transparent 0,rgba(0,0,0,.028) 20px,rgba(0,0,0,.104) 40px,rgba(0,0,0,.216) 60px,rgba(0,0,0,.352) 80px,rgba(0,0,0,.5) 100px,rgba(0,0,0,.648) 120px,rgba(0,0,0,.784) 140px,rgba(0,0,0,.896) 160px,rgba(0,0,0,.972) 180px,#000 200px,#000 78%,transparent 100%)}
#partiamo .lofoten img{object-position:center 40%}
#partiamo .departure-copy{top:var(--coast-title-top,6%);bottom:auto}
@media(max-width:720px){
 #partiamo{margin-top:-35px}
 #partiamo .lofoten{mask-image:linear-gradient(transparent 0,rgba(0,0,0,.104) 24px,rgba(0,0,0,.352) 48px,rgba(0,0,0,.648) 72px,rgba(0,0,0,.896) 96px,#000 120px,#000 82%,transparent 100%);-webkit-mask-image:linear-gradient(transparent 0,rgba(0,0,0,.104) 24px,rgba(0,0,0,.352) 48px,rgba(0,0,0,.648) 72px,rgba(0,0,0,.896) 96px,#000 120px,#000 82%,transparent 100%)}
}

/* Use the adjoining photographs below the glass at these two joins. */
.atmosphere-bridge{position:absolute;inset:-30px;background-size:cover;filter:blur(24px);pointer-events:none;opacity:0}
.atmosphere-bridge-people{background-image:url('../immersive/real/hug.jpg');background-position:center top;background-size:100% 800%;background-repeat:no-repeat}
.atmosphere-bridge-coast{background-image:url('assets/materia/costa-islanda.jpg');background-position:center top;background-size:100% 500%;background-repeat:no-repeat}

/* Keep the bottom of the original photograph visible until its final edge. */
#fabbrica .memory-intro-sticky>img{
 mask-image:linear-gradient(transparent 0,rgba(0,0,0,.1) 4%,rgba(0,0,0,.5) 10%,rgba(0,0,0,.9) 16%,#000 20%,#000 90%,rgba(0,0,0,.9) 92%,rgba(0,0,0,.5) 95%,rgba(0,0,0,.1) 98%,transparent 100%);
 -webkit-mask-image:linear-gradient(transparent 0,rgba(0,0,0,.1) 4%,rgba(0,0,0,.5) 10%,rgba(0,0,0,.9) 16%,#000 20%,#000 90%,rgba(0,0,0,.9) 92%,rgba(0,0,0,.5) 95%,rgba(0,0,0,.1) 98%,transparent 100%);
}
@media(max-width:720px){#fabbrica .memory-intro-sticky{height:calc(100svh + 170px);min-height:930px}}

/* No milky veil across the lower edge of either photograph. */
#fabbrica .memory-intro-sticky>img{mask-image:var(--plate-entry);-webkit-mask-image:var(--plate-entry)}
#fabbrica .fotografia-heather{
 mask-image:linear-gradient(to right,transparent 64%,rgba(0,0,0,.1) 66%,rgba(0,0,0,.5) 70%,rgba(0,0,0,.9) 74%,#000 76%),var(--plate-entry);
 -webkit-mask-image:linear-gradient(to right,transparent 64%,rgba(0,0,0,.1) 66%,rgba(0,0,0,.5) 70%,rgba(0,0,0,.9) 74%,#000 76%),var(--plate-entry);
 mask-composite:intersect;-webkit-mask-composite:source-in;
}
#persone .panorama-images{
 mask-image:linear-gradient(transparent,rgba(0,0,0,.1) 1%,rgba(0,0,0,.5) 3%,rgba(0,0,0,.9) 5%,#000 7%,#000 96%,rgba(0,0,0,.5) 98%,transparent);
 -webkit-mask-image:linear-gradient(transparent,rgba(0,0,0,.1) 1%,rgba(0,0,0,.5) 3%,rgba(0,0,0,.9) 5%,#000 7%,#000 96%,rgba(0,0,0,.5) 98%,transparent);
}
#persone .panorama-images img{object-position:57% bottom;transform:none!important;will-change:auto}
@media(min-width:721px){#persone h2 em{font-size:clamp(95px,9.5vw,170px)}}
@media(max-width:720px){
 #persone h2 em{bottom:1%}
 #fabbrica .fotografia-heather{mask-image:var(--plate-entry);-webkit-mask-image:var(--plate-entry);mask-composite:add;-webkit-mask-composite:source-over}
}

#partiamo .departure-copy h3 a{
 display:inline-block;
 font:500 15px/1.5 var(--ui-font);
 text-decoration:underline;
 text-underline-offset:6px;
}

/* Continue only the rocky foreground under the footer; the bird is never repeated. */
.atmosphere-coast-ground{
 background-image:url('assets/materia/costa-islanda.jpg');
 background-position:center 65%;background-size:100% 500%;background-repeat:no-repeat;
 filter:blur(18px) brightness(1.5);
 mask-image:linear-gradient(transparent calc(var(--ground-start,100vh) - 50px),#000 calc(var(--ground-start,100vh) + 70px));
 -webkit-mask-image:linear-gradient(transparent calc(var(--ground-start,100vh) - 50px),#000 calc(var(--ground-start,100vh) + 70px));
}

/* raccordo-rocce-02.css?v=4-pause-scene */
/* Rock detail cropped from the second approved preview; no people in this asset. */
#persone{position:relative;overflow:visible;z-index:2}
#persone::after{
 content:'';position:absolute;left:0;right:0;top:calc(100% - 96px);
 height:min(16.6016vw,220px);z-index:2;pointer-events:none;
 background:url('assets/raccordo-rocce-02/rocce-approvate.lossless.webp') center/100% 100% no-repeat;
 mask-image:linear-gradient(transparent,rgba(0,0,0,.5) 16px,#000 32px,#000 calc(100% - 60px),transparent);
 -webkit-mask-image:linear-gradient(transparent,rgba(0,0,0,.5) 16px,#000 32px,#000 calc(100% - 60px),transparent);
}
/* The approved rock shelf joins directly to the actual next photograph. */
#fabbrica .memory-intro-sticky>img{mask-image:none;-webkit-mask-image:none}
.atmosphere-bridge-people{display:none}
@media(max-width:720px){
 #persone::after{top:calc(100% - 70px);height:122px;background-size:auto 100%}
 #fabbrica .memory-copy{z-index:4}
}

#persone .people-sticky{z-index:3}
#persone h2,#persone .panorama-foot{z-index:4}

#persone .panorama-images{
 mask-image:linear-gradient(transparent,#000 7%,#000 90%,rgba(0,0,0,.9) 92%,rgba(0,0,0,.5) 95%,rgba(0,0,0,.1) 98%,transparent);
 -webkit-mask-image:linear-gradient(transparent,#000 7%,#000 90%,rgba(0,0,0,.9) 92%,rgba(0,0,0,.5) 95%,rgba(0,0,0,.1) 98%,transparent);
}

.mobile-scene-note:empty{display:none}

/* A single pinned viewport replaces the two independent sticky timelines. */
.encounters-sequence{position:relative;height:375svh;min-height:2500px;width:100%}
.encounters-viewport{position:sticky;top:0;height:100svh;min-height:760px;overflow:clip;isolation:isolate}
.encounters-plane{position:relative;width:100%;will-change:transform}
.encounters-plane #persone,.encounters-plane #fabbrica{height:100svh;min-height:760px;margin:0}
.encounters-plane #persone .people-sticky,.encounters-plane #fabbrica .memory-intro-sticky{position:relative;top:auto;height:100svh;min-height:760px}
.encounters-plane #persone h2 em{transform:none!important}
@media(max-width:720px){
 .encounters-sequence{height:350svh;min-height:2500px}
 .encounters-plane #fabbrica,.encounters-plane #fabbrica .memory-intro-sticky{height:calc(100svh + 170px);min-height:930px}
}
@media(prefers-reduced-motion:reduce){
 .encounters-sequence{height:auto;min-height:0}
 .encounters-viewport{position:relative;height:auto;overflow:visible}
 .encounters-plane{transform:none!important;will-change:auto}
}

/* raccordi-finali.css?v=7-scene-intere */
/* One coast image, with an aligned blurred rendering only under the final copy. */
.atmosphere-coast-ground{display:none!important}
#partiamo.coast-continuous{--coast-lift:clamp(45px,6vw,90px);position:relative;isolation:isolate;overflow:clip;padding-bottom:20px}
#partiamo.coast-continuous>.lofoten{
 position:absolute;inset:calc(-1 * var(--coast-lift)) 0 0;height:calc(100% + var(--coast-lift));width:100%;z-index:-1;
 mask-image:linear-gradient(transparent var(--coast-lift),#000 calc(var(--coast-lift) + 120px),#000 100%);-webkit-mask-image:linear-gradient(transparent var(--coast-lift),#000 calc(var(--coast-lift) + 120px),#000 100%);
}
#partiamo.coast-continuous>.lofoten img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transform:none!important;filter:none}
#partiamo.coast-continuous>.lofoten .coast-soft-photo{
 filter:blur(18px);
 mask-image:linear-gradient(transparent calc(var(--coast-blur-top) - 35px),#000 calc(var(--coast-blur-top) + 95px));
 -webkit-mask-image:linear-gradient(transparent calc(var(--coast-blur-top) - 35px),#000 calc(var(--coast-blur-top) + 95px));
}
#partiamo.coast-continuous .departure-sticky{overflow:visible}
#partiamo.coast-continuous .site-ending{margin-bottom:0;padding-top:30px}
/* Only the last 48px dissolve into the existing photographic ground. */
.encounters-plane #fabbrica .memory-intro-sticky{
 mask-image:linear-gradient(#000 0,#000 calc(100% - 48px),rgba(0,0,0,.9) calc(100% - 38px),rgba(0,0,0,.5) calc(100% - 24px),rgba(0,0,0,.1) calc(100% - 10px),transparent 100%);
 -webkit-mask-image:linear-gradient(#000 0,#000 calc(100% - 48px),rgba(0,0,0,.9) calc(100% - 38px),rgba(0,0,0,.5) calc(100% - 24px),rgba(0,0,0,.1) calc(100% - 10px),transparent 100%);
}


@media(max-width:720px){
 .encounters-plane #fabbrica .memory-intro-sticky>img{
  mask-image:linear-gradient(#000 0,#000 calc(100% - 48px),rgba(0,0,0,.9) calc(100% - 38px),rgba(0,0,0,.5) calc(100% - 24px),rgba(0,0,0,.1) calc(100% - 10px),transparent 100%);
  -webkit-mask-image:linear-gradient(#000 0,#000 calc(100% - 48px),rgba(0,0,0,.9) calc(100% - 38px),rgba(0,0,0,.5) calc(100% - 24px),rgba(0,0,0,.1) calc(100% - 10px),transparent 100%);
 }
}

/* During each hold the original photo occupies exactly one whole viewport. */
.encounters-viewport{height:100svh;min-height:0}
.encounters-plane #persone,.encounters-plane #persone .people-sticky{height:100svh;min-height:0}
.encounters-plane #fabbrica{--scene-lead:140px;height:calc(100svh + var(--scene-lead));min-height:0}
.encounters-plane #fabbrica .memory-intro-sticky{height:calc(100svh + var(--scene-lead));min-height:0}
.encounters-plane #fabbrica .memory-intro-sticky::before{
 content:'';position:absolute;inset:0 0 auto;height:calc(var(--scene-lead) + 2px);
 background:url('../immersive/real/hug.jpg') center top/100% 1000% no-repeat;
}
.encounters-plane #fabbrica .memory-intro-sticky>img{top:var(--scene-lead);bottom:auto;height:100svh;min-height:0;transform:scale(var(--scene-zoom,1))!important;transform-origin:35% center;mask-image:none;-webkit-mask-image:none}
.encounters-plane #fabbrica .fotografia-heather{inset:var(--scene-lead) 0 0;height:100svh;transform:scale(var(--scene-zoom,1));transform-origin:35% center}
.encounters-plane #fabbrica .memory-copy{top:calc(var(--scene-lead) + 17svh)}
.encounters-plane #fabbrica .heather-contact{bottom:17svh}
.encounters-plane #persone .panorama-images img{transform:scale(var(--scene-zoom,1))!important;transform-origin:57% 90%}
.encounters-plane #fabbrica .memory-intro-sticky{
 mask-image:linear-gradient(#000 calc(100% - var(--exit-feather,0px)),transparent 100%);
 -webkit-mask-image:linear-gradient(#000 calc(100% - var(--exit-feather,0px)),transparent 100%);
}
@media(max-width:720px){
 .encounters-plane #fabbrica{--scene-lead:100px}
 .encounters-plane #fabbrica .memory-copy{top:calc(var(--scene-lead) + 5svh)}
 .encounters-plane #fabbrica .heather-contact{bottom:13svh}
}
@media(prefers-reduced-motion:reduce){
 .encounters-plane #persone .panorama-images img,.encounters-plane #fabbrica .memory-intro-sticky>img,.encounters-plane #fabbrica .fotografia-heather{transform:none!important}
}

@media(max-width:720px){
 .encounters-plane #fabbrica .fotografia-heather{
  z-index:2;
  mask-image:linear-gradient(transparent 55%,#000 82%),linear-gradient(to right,transparent 20%,#000 75%);
  -webkit-mask-image:linear-gradient(transparent 55%,#000 82%),linear-gradient(to right,transparent 20%,#000 75%);
  mask-composite:intersect;-webkit-mask-composite:source-in;
 }
}

/* header-partner.css */
/* Shared header identity: original Blueberry artwork, without a box. */
header.site-header .header-identity{display:flex;align-items:center;gap:22px;margin-right:auto;flex-shrink:0}
header.site-header .header-identity .brand{margin-right:0}
header.site-header .header-partner{display:block;flex-shrink:0;line-height:0;padding:0;background:none;border:0}
header.site-header .header-partner img{display:block;width:98px;height:auto;max-width:none}
@media(max-width:1150px){header.site-header .header-identity{gap:16px}header.site-header .header-partner img{width:86px}}
@media(max-width:720px){header.site-header .header-identity{gap:16px}header.site-header .header-partner img{width:76px}}
@media(max-width:360px){header.site-header .header-identity{gap:12px}header.site-header .header-partner img{width:65px}}

@media(min-width:1001px) and (max-width:1150px){header.site-header{height:80px;min-height:80px}header.site-header>nav{display:none}header.site-header #menu-toggle{display:block}#mobile-nav{top:80px}}

/* Let the original photographic canvas fill Safari's safe areas on every page. */
@media(max-width:720px){
 /* Safari paints its extra canvas from html, outside the fixed body layers.
    Give that canvas the same photograph instead of a separate solid fill. */
 html{
  background:#44504a url('assets/materia/muschio-macro.jpg') center/cover no-repeat fixed;
  min-height:100%;
 }
 html:has(body.home-page){background-image:url('assets/materia/muschio-orizzonte.jpg');background-color:#29352b;background-position:center 20%}
 body{display:flow-root;min-height:100svh;min-height:100dvh}
 body:not(.home-page){background:transparent;isolation:isolate}
 body:not(.home-page)::before{inset:-60px;z-index:-1}
 header.site-header{
  height:calc(90px + env(safe-area-inset-top,0px));
  min-height:calc(90px + env(safe-area-inset-top,0px));
  padding-top:env(safe-area-inset-top,0px);
  padding-left:max(4%,env(safe-area-inset-left,0px));
  padding-right:max(4%,env(safe-area-inset-right,0px));
 }
 #mobile-nav{top:calc(90px + env(safe-area-inset-top,0px))}
 .site-ending{margin-bottom:0;padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}
 .home-page #partiamo.coast-continuous{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
 .home-page #partiamo .site-ending{padding-bottom:0}
}

/* raccordi-mobile.css */
/* Keep the mobile join on the moving photographic plane, never on the fixed backdrop. */
@media(max-width:720px){
 /* Safari retracts its bars while scrolling: reserve the largest viewport so
    the pinned surface never leaves an uncovered strip beneath the scene. */
 .encounters-viewport{height:100lvh}
 .encounters-plane #persone,.encounters-plane #persone .people-sticky{height:100lvh}
 .encounters-plane #fabbrica,.encounters-plane #fabbrica .memory-intro-sticky{height:calc(100lvh + var(--scene-lead))}
 .encounters-plane #fabbrica .memory-intro-sticky>img,.encounters-plane #fabbrica .fotografia-heather{height:100lvh}
 .encounters-plane #fabbrica::before{
  content:'';position:absolute;left:-2px;right:-2px;top:-110px;
  height:calc(var(--scene-lead) + 112px);pointer-events:none;
  background:url('../immersive/real/hug.jpg') center top/100% 1000% no-repeat;
 }
 .encounters-plane #fabbrica .memory-intro-sticky::before{
  height:calc(var(--scene-lead) + 32px);
 }
 .encounters-plane #fabbrica .memory-intro-sticky>img{
  mask-image:linear-gradient(transparent,#000 28px);
  -webkit-mask-image:linear-gradient(transparent,#000 28px);
 }
 /* Blur the underlying full-width photograph, without transparent filter edges. */
 #partiamo.coast-continuous>.lofoten .coast-soft-photo{display:none}
 #partiamo.coast-continuous>.lofoten::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  mask-image:linear-gradient(transparent calc(var(--coast-blur-top) - 35px),#000 calc(var(--coast-blur-top) + 95px));
  -webkit-mask-image:linear-gradient(transparent calc(var(--coast-blur-top) - 35px),#000 calc(var(--coast-blur-top) + 95px));
 }
}

/* Keep the opening film free from page texture and CSS colour processing. */
.home-page.hero-in-view>.grain{visibility:hidden}
.home-page #hero-film{filter:none;backface-visibility:hidden;-webkit-backface-visibility:hidden}