/* Loreley. Direção editorial, novembro de 2026. */
@font-face{font-family:'DM Serif Display';src:url('assets/dm-serif-display.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('assets/instrument-sans.ttf') format('truetype');font-weight:400 700;font-display:swap}
:root{--forest:#173f35;--deep:#112f28;--paper:#f8f7f2;--ink:#183a31;--muted:#52645a;--line:#d8ded2;--display:'DM Serif Display',Georgia,serif;--body:'Instrument Sans',Arial,sans-serif}
body{font-size:16px;line-height:1.7}
.site-header{height:108px;color:var(--forest);border-bottom:1px solid var(--line);background:var(--paper)}
.site-header.scrolled{background:rgba(248,247,242,.97)}
.brand-mark{font-size:39px;width:43px;height:51px;border-radius:30px 30px 20px 20px}
.brand-name{font-size:33px;letter-spacing:-.035em}
.brand-name small{font-size:8px;letter-spacing:.26em}
.desktop-nav{font-size:13px;gap:30px}
.header-link{font-size:13px}
.eyebrow{font-size:11px;letter-spacing:.15em}
.hero{height:auto;min-height:0;max-height:none;display:grid;grid-template-columns:.88fr 1.12fr;gap:6%;padding:178px var(--pad) 96px;color:var(--forest);overflow:visible;max-width:1680px;margin:auto}
.hero-content{grid-column:1;grid-row:1;padding:0;height:auto;display:block;margin:0;max-width:600px}
.hero-content>.eyebrow{margin-bottom:28px;font-size:10px;letter-spacing:.15em}
.hero h1{font:400 clamp(66px,6.5vw,106px)/1.02 var(--display);letter-spacing:-.035em;max-width:620px}
.hero h1>span{display:block;margin-top:12px;font-size:.72em;line-height:1.1;color:#43644e;letter-spacing:-.03em}
.hero-bottom{display:block;margin-top:28px}
.hero-bottom>p{max-width:350px;font-size:16px;line-height:1.75}
.hero-bottom .round-link{margin-top:26px;font-size:13px;font-weight:500;gap:13px}
.round-arrow{width:48px;height:48px;font-size:22px}
.hero-photo{grid-column:2;grid-row:1;position:relative;inset:auto;z-index:auto;align-self:center;margin:0;min-width:0;padding:18px 0}
.hero-photo:before{content:'';position:absolute;inset:0 22px 0 -22px;background:#e5ebdf;z-index:-1}
.hero-photo img{position:relative;width:100%;height:auto;aspect-ratio:842/374;object-fit:contain;transform:none;animation:none;box-shadow:0 12px 30px #143b2c0c}
.hero-caption{position:static;grid-column:2;font-size:12px;line-height:1.7;text-align:left;opacity:1;color:var(--muted);margin-top:-34px}
.hero-caption>span{display:block;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin-bottom:5px}
.hero-side{display:none}
.section-shell{padding-top:94px;padding-bottom:94px}
.section-kicker{margin-bottom:38px;font-size:10px;letter-spacing:.15em;gap:18px}
.section-kicker>span{font-weight:600}
.section-kicker>p:before{width:26px}
.display{font:400 clamp(44px,4.5vw,70px)/1.08 var(--display);letter-spacing:-.025em}
.display em,.closing h2 em{font-style:normal}
.intro{border-top:1px solid var(--line)}
.intro-grid{grid-template-columns:.9fr 1.1fr;gap:10%}
.lead{font-size:21px;line-height:1.6}
.intro-copy{padding-top:0;max-width:610px}
.intro-copy>p+p{font-size:16px;line-height:1.8}
.text-link{font-size:13px;gap:28px}
.project-facts{margin-top:58px;gap:40px;padding-top:26px}
.project-facts strong{font:400 clamp(48px,4.5vw,72px)/1.2 var(--display)}
.project-facts p{font-size:13px;margin-top:10px}
.fact-place>span{font-size:34px;line-height:1.15}
.source-note,.map-note{font-size:12px;line-height:1.75;color:var(--muted)}
.first-look,.film{padding-top:20px}
.look-heading,.film-heading{gap:48px;margin-bottom:34px}
.look-heading>p,.film-heading>p{max-width:370px;font-size:16px;line-height:1.75}
.look-grid{gap:30px}
.look-card img{aspect-ratio:842/374;object-fit:contain;background:#e5ebdf}
.look-card strong{font-size:16px;font-weight:500}
.look-card>span{min-height:65px}
.look-card small{font-size:11px}
.look-card:hover img{filter:brightness(1.025)}
.film-player{max-width:1080px;margin:auto;box-shadow:0 18px 45px #153c350c}
.film-bottom>p,.film-music-credit{font-size:13px}
.film-transcript{font-size:14px}
.territory{height:auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;background:var(--forest);padding:82px var(--pad);color:var(--paper)}
.territory:before{display:none}
.territory-photo{position:relative;inset:auto;z-index:auto;grid-column:2;grid-row:1;min-width:0}
.territory-photo img{width:100%;height:auto;object-fit:contain;aspect-ratio:842/374}
.territory-content{grid-column:1;grid-row:1;padding:0;margin:0;height:auto;display:block;max-width:650px}
.territory-content .display{font-size:clamp(43px,4.1vw,65px)}
.territory-content>p:not(.image-label){max-width:520px;font-size:16px;line-height:1.8;margin-top:26px}
.territory .section-kicker{margin-bottom:30px}
.image-label{font-size:11px;opacity:.75;margin-top:24px}
.vision-heading{grid-template-columns:1fr .8fr;gap:15%}
.vision-heading .display{font-size:clamp(44px,4.5vw,70px)}
.vision-heading>p{font-size:16px;max-width:360px}
.vision-layout{margin-top:45px}
.concept-art{border-radius:120px 120px 6px 6px;background:#e8edde}
.vision-tab strong{font-size:20px;font-weight:500}
.vision-tab>span>span{font-size:15px;line-height:1.75}
.plan-heading,.location-heading{grid-template-columns:1fr 1fr;gap:12%}
.plan-heading>div>p+p,.location-heading>div>p+p{font-size:16px;line-height:1.8}
.plan-explorer{background:#e9ecdd}
.plan-controls{padding:12px;gap:9px}
.plan-controls button,.place-picker button{font-size:14px;font-weight:500}
.plan-explanation{font-size:14px;max-width:850px}
.location{background:#eaf0e5}
.place-detail h3{font:400 38px/1.15 var(--display)}
.place-detail p{font-size:15px}
.map-frame{height:490px}
.landscapes-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:12%;margin-bottom:35px}
.landscapes-heading .display{font-size:clamp(40px,4.2vw,64px)}
.landscapes-heading>p{font-size:16px;line-height:1.8;max-width:360px}
.photo-grid{grid-template-columns:1.3fr 1fr;gap:22px}
.photo-card.photo-main{height:auto;min-height:580px}
.photo-card:not(.photo-main){height:280px}
.photo-card>span{font-size:15px}
.photo-card img{object-position:center}
.docs-grid{grid-template-columns:.9fr 1.1fr;gap:10%}
.doc-details summary{font-size:16px;font-weight:500;padding:26px 0}
.doc-details details>p{font-size:15px;line-height:1.85}
.closing{background:var(--forest);padding:88px var(--pad) 80px}
.closing h2{font:400 clamp(60px,6vw,94px)/1.05 var(--display);letter-spacing:-.035em;margin:28px auto 36px}
.closing-link{font-size:15px}
.closing>p{font-size:13px;margin-top:29px}
.site-footer{padding-top:50px;padding-bottom:50px}
.footer-brand{font-size:58px;letter-spacing:-.04em}
.footer-links>button,.footer-links>a,.site-footer>div>p{font-size:12px}
.lightbox-bottom h2{font:400 32px/1.2 var(--display)}
.lightbox-bottom p{font-size:12px}
.credits-dialog h2{font:400 44px/1.1 var(--display)}
@media(min-width:1680px){.hero{padding-left:112px;padding-right:112px}}
@media(min-width:768px) and (max-width:1100px){.hero{padding-top:158px;gap:5%;grid-template-columns:.95fr 1.05fr}.hero h1{font-size:70px}.hero-bottom>p{font-size:15px}.hero-caption{margin-top:-22px}.desktop-nav{gap:22px;font-size:12px}.territory{gap:6%;padding-top:65px;padding-bottom:65px}.territory-content .display{font-size:44px}.photo-card.photo-main{min-height:500px}.photo-card:not(.photo-main){height:240px}}
@media(max-width:767px){
 :root{--pad:25px}
 .site-header{height:88px}.site-header.scrolled{height:76px}.site-header:has(.menu-button[aria-expanded=true]){height:88px}
 .brand-mark{font-size:34px;width:37px;height:44px}.brand-name{font-size:29px}.brand-name small{font-size:7px}.menu-button{font-size:13px}
 .menu-inner nav a{font-size:32px;line-height:1.4;padding:13px 0}
 .hero{display:flex;flex-direction:column;gap:0;padding:132px var(--pad) 42px;height:auto;min-height:0;max-height:none}
 .hero-content{max-width:none}.hero-content>.eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:23px}
 .hero h1{font-size:75px;line-height:1;letter-spacing:-.04em}.hero h1>span{font-size:.7em;line-height:1.08;margin-top:12px}
 .hero-bottom{margin-top:25px}.hero-bottom>p{font-size:16px;max-width:370px;line-height:1.7}.hero-bottom .round-link{font-size:13px;margin-top:22px;min-height:48px}
 .hero-photo{margin:35px 0 0;padding:12px 0;width:100%;align-self:auto}.hero-photo:before{inset:0 12px 0 -12px}.hero-photo img{width:100%;height:auto;aspect-ratio:842/374;object-fit:contain}
 .hero-caption{font-size:11px;margin-top:13px}.hero-caption>span{font-size:9px;margin-bottom:3px}
 .section-shell{padding-top:66px;padding-bottom:66px}.first-look,.film{padding-top:8px}.section-kicker{margin-bottom:29px;gap:15px;font-size:9px;letter-spacing:.12em}
 .display,.look-heading .display,.film-heading .display,.plan-heading .display,.location-heading .display,.docs-grid .display{font-size:46px;line-height:1.09;letter-spacing:-.025em}
 .intro-grid,.vision-heading,.plan-heading,.location-heading,.landscapes-heading,.docs-grid{display:block}
 .intro-copy{padding-top:27px}.lead{font-size:19px;line-height:1.6}.intro-copy>p+p{font-size:16px;line-height:1.8;margin-top:20px}
 .text-link{font-size:13px}.project-facts{margin-top:36px;gap:22px}.project-facts strong{font-size:48px}.project-facts strong small{font-size:11px}.project-facts p{font-size:12px}.fact-place>span{font-size:29px}
 .look-heading,.film-heading{display:block;margin-bottom:28px}.look-heading>p,.film-heading>p{margin-top:21px;font-size:16px;max-width:none}
 .look-grid{display:block}.look-card{display:block;width:100%;margin-top:25px}.look-card:first-child{margin-top:0}.look-card img{aspect-ratio:842/374;object-fit:contain}.look-card strong{font-size:15px}.look-card>span{min-height:58px;gap:14px}
 .film-bottom{margin-top:20px}.film-bottom>p,.film-music-credit{font-size:12px;line-height:1.8}.film-transcript p{font-size:15px}
 .territory{display:flex;flex-direction:column;gap:32px;padding:60px var(--pad);height:auto;min-height:0}.territory-content{width:100%}.territory-content .display{font-size:44px;line-height:1.12}.territory-content>p:not(.image-label){font-size:16px;line-height:1.8;max-width:none;margin-top:22px}.territory-photo{order:2;width:100%}.territory-photo img{height:auto;aspect-ratio:842/374;object-fit:contain}.territory .section-kicker{margin-bottom:28px}.image-label{font-size:11px;margin-top:20px}
 .vision-heading .display{font-size:46px}.vision-heading>p{font-size:16px;line-height:1.8;margin-top:22px}.vision-layout{margin-top:30px;gap:28px}.concept-art{border-radius:85px 85px 5px 5px}.vision-tab strong{font-size:18px}.vision-tab>span>span{font-size:15px}.vision-tab{padding-top:22px;padding-bottom:22px}
 .plan-heading>div,.location-heading>div{margin-top:24px}.plan-heading>div>p+p,.location-heading>div>p+p{font-size:16px;margin-top:16px}.plan-controls button{font-size:13px}.plan-explanation{font-size:14px;min-height:80px}.plan-expand{font-size:13px}
 .place-picker{gap:4px;padding:6px}.place-picker button{font-size:12px;padding:11px 10px}.map-frame{height:390px}.place-detail h3{font-size:30px}.place-detail p{font-size:14px}
 .landscapes-heading .display{font-size:42px;line-height:1.12}.landscapes-heading>p{font-size:16px;margin-top:21px;max-width:none}.photo-grid{gap:14px;grid-template-columns:1fr}.photo-card.photo-main,.photo-card:not(.photo-main){height:auto;min-height:0;aspect-ratio:1.5;grid-column:auto;grid-row:auto}.photo-card>span{font-size:14px;left:20px;right:20px;bottom:18px}.photo-card[data-photo='1'] img{object-position:center}
 .doc-details{margin-top:32px}.doc-details summary{font-size:15px;line-height:1.65;padding:23px 0}.doc-details details>p{font-size:15px;line-height:1.85}
 .closing{padding:66px var(--pad)}.closing h2{font-size:68px;line-height:1.03;max-width:340px;margin:27px auto 33px}.closing-link{font-size:13px;gap:20px}.closing>p{font-size:12px}
 .site-footer{padding-top:38px;padding-bottom:38px}.footer-brand{font-size:48px}.lightbox-bottom h2{font-size:27px}.lightbox-bottom p{font-size:10px;line-height:1.7}.credits-dialog h2{font-size:38px}
}
@media(max-width:374px){:root{--pad:21px}.hero h1{font-size:69px}.display,.look-heading .display,.film-heading .display,.plan-heading .display,.location-heading .display,.docs-grid .display,.vision-heading .display{font-size:43px}.landscapes-heading .display{font-size:39px}.territory-content .display{font-size:41px}.project-facts strong{font-size:44px}.place-picker button{font-size:11px;padding:10px 8px}.closing h2{font-size:62px}}
@media(max-width:767px){.hero-content{order:1}.hero-photo{order:2}.hero-caption{order:3}}
@media(min-width:768px) and (max-width:1000px){.vision-layout{grid-template-columns:1fr;gap:32px}.concept-art{max-width:600px;width:100%;margin:auto}.docs-grid{grid-template-columns:1fr;gap:32px}.doc-details{margin-top:0}.docs-grid .display br{display:none}.look-heading{display:block}.look-heading>p{max-width:560px;margin-top:24px}.landscapes-heading{display:block}.landscapes-heading>p{margin-top:24px;max-width:560px}}