.berat-page{--berat-red:#d71920;--berat-cream:#f3ede2;--berat-ink:#11100f;--berat-limestone:#f8f4eb;--berat-river:#557c88;--berat-terracotta:#ad633d;--berat-olive:#667446;--berat-line:#bdb3a6;background:var(--berat-cream);color:var(--berat-ink)}
.berat-page *{box-sizing:border-box}
.berat-page h1,.berat-page h2{font-family:"Unbounded",sans-serif}
.berat-page p{overflow-wrap:break-word}
.berat-hero{position:relative;display:grid;min-height:92svh;align-items:end;overflow:hidden;background:#111;color:#fff}
.berat-hero__media,.berat-hero__shade{position:absolute;inset:0}
.berat-hero__media img,.berat-kala__media img,.river-crossing__media img{width:100%;height:100%;object-fit:cover}
.berat-hero__media img{object-position:center 49%}
.berat-hero__shade{background:linear-gradient(90deg,rgba(7,8,8,.88),rgba(7,8,8,.57) 54%,rgba(7,8,8,.13)),linear-gradient(0deg,rgba(0,0,0,.74),transparent 62%)}
.berat-hero__content{position:relative;z-index:2;width:min(70rem,92%);padding:9rem 0 5.5rem 6vw}
.berat-hero h1{max-width:68rem;margin:.55rem 0 1.3rem;font-size:clamp(2.7rem,6vw,6.6rem);line-height:.95;letter-spacing:-.055em}
.berat-hero__lead{max-width:52rem;margin:0;color:rgba(255,255,255,.87);font-size:clamp(1rem,1.5vw,1.23rem);line-height:1.68}
.berat-hero__levels{position:absolute;z-index:1;right:4vw;bottom:4rem;display:grid;width:min(20rem,25vw);gap:.4rem;font:800 .62rem/1 "Unbounded",sans-serif;letter-spacing:.08em}
.berat-hero__levels span{padding:.65rem .75rem;border-left:3px solid var(--berat-red);background:rgba(0,0,0,.56)}
.berat-hero__levels span:nth-child(2){margin-left:2.2rem;border-color:#fff}
.berat-hero__levels span:nth-child(3){margin-left:4.4rem;border-color:var(--berat-river)}
.berat-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.75rem}
.berat-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:.65rem;padding:.72rem 1rem;border:1px solid rgba(255,255,255,.56);color:#fff;font-weight:800;text-decoration:none}
.berat-button:hover,.berat-button:focus-visible{background:#fff;color:#111}
.berat-button--primary{border-color:var(--berat-red);background:var(--berat-red)}
.berat-section-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(18rem,.7fr);gap:clamp(2rem,5vw,6rem);align-items:end;margin-bottom:2.2rem}
.berat-section-head h2{margin:.45rem 0 0;font-size:clamp(2rem,4.4vw,4.5rem);line-height:1.02;letter-spacing:-.05em}
.berat-section-head>p{margin:0;color:#625c54;line-height:1.7}
.berat-section-head--light h2{color:#fff}
.berat-section-head--light>p{color:rgba(255,255,255,.72)}
.berat-format,.berat-elevation,.berat-route,.museum-diptych,.berat-vertical,.stay-or-go,.berat-second,.berat-logistics,.berat-faq,.berat-related{padding-top:clamp(4rem,7vw,7rem);padding-bottom:clamp(4rem,7vw,7rem)}
.berat-format__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--berat-line);border-left:1px solid var(--berat-line)}
.berat-format__grid article{padding:1.35rem;border-right:1px solid var(--berat-line);border-bottom:1px solid var(--berat-line);background:rgba(255,255,255,.58)}
.berat-format__grid>article>span,.berat-route__number,.berat-second__grid>article>span,.berat-avoid__grid>article>span{color:var(--berat-red);font:800 .7rem/1 "Unbounded",sans-serif}
.berat-format__grid h3{margin:2.8rem 0 .7rem;font-size:1.16rem}
.berat-format__grid p{min-height:6.4rem;margin:0;color:#635d55;line-height:1.6}
.berat-format__grid dl{margin:1rem 0 0;border-top:1px solid #d6cdc1}
.berat-format__grid dl div{display:grid;grid-template-columns:1.4rem 1fr;gap:.45rem;padding:.58rem 0;border-bottom:1px solid #d6cdc1}
.berat-format__grid dt{color:var(--berat-terracotta)}
.berat-format__grid dd{margin:0;font-size:.86rem;line-height:1.4}
.berat-toc{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;margin-top:1.5rem}
.berat-toc b{margin-right:.3rem}
.berat-toc a{display:inline-flex;min-height:44px;align-items:center;padding:.55rem .78rem;border:1px solid var(--berat-line);background:#fff;color:inherit;text-decoration:none}
.berat-toc a:hover,.berat-toc a:focus-visible{border-color:var(--berat-red);color:var(--berat-red)}
.berat-elevation{overflow:hidden;background:var(--berat-limestone)}
.quarter-terraces{display:grid;gap:.7rem}
.quarter-terraces__level{position:relative;width:calc(100% - 8rem);padding:1.4rem 1.5rem;border:1px solid var(--berat-line);background:#fff;box-shadow:0 8px 0 rgba(80,66,53,.08)}
.quarter-terraces__level--2{margin-left:4rem;border-left:7px solid var(--berat-terracotta)}
.quarter-terraces__level--3{margin-left:8rem;border-left:7px solid var(--berat-river)}
.quarter-terraces__level--1{border-left:7px solid var(--berat-red)}
.quarter-terraces__level span{color:#776e63;font:800 .68rem "Unbounded",sans-serif;text-transform:uppercase}
.quarter-terraces__level h3{margin:.55rem 0;font-size:clamp(1.25rem,2.4vw,2rem)}
.quarter-terraces__level p{max-width:54rem;margin:0;color:#625c54;line-height:1.65}
.berat-route{background:#fff}
.berat-route__steps{max-width:70rem;margin:0 auto;padding:0;list-style:none}
.berat-route__steps li{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:1rem;padding:0 0 .85rem}
.berat-route__number{display:grid;width:5.5rem;height:5.5rem;place-items:center;border:1px solid var(--berat-red);background:var(--berat-cream);clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}
.berat-route__steps article{padding:1.2rem 1.35rem;border:1px solid var(--berat-line);background:var(--berat-limestone)}
.berat-route__steps time{color:var(--berat-terracotta);font-size:.75rem;font-weight:800}
.berat-route__steps h3{margin:.45rem 0;font-size:1.22rem}
.berat-route__steps p{margin:0;color:#635d55;line-height:1.65}
.berat-route__steps a,.river-crossing__grid a,.berat-second__grid a{display:inline-flex;min-height:44px;align-items:center;gap:.55rem;margin-top:.55rem;color:#111;font-weight:800;text-underline-offset:.22rem}
.berat-route__steps a i,.river-crossing__grid a i,.berat-second__grid a i{color:var(--berat-red)}
.berat-note{display:flex;max-width:70rem;gap:.7rem;margin:1rem auto 0;padding:1rem;border:1px solid var(--berat-terracotta);background:#fff7e9;line-height:1.55}
.berat-note i{margin-top:.18rem;color:var(--berat-terracotta)}
.berat-kala,.river-crossing{position:relative;min-height:43rem;overflow:hidden;background:#111;color:#fff}
.berat-kala__media,.berat-kala__shade,.river-crossing__media,.river-crossing__shade{position:absolute;inset:0}
.berat-kala__media img{object-position:center 55%}
.berat-kala__shade{background:linear-gradient(90deg,rgba(9,8,7,.92),rgba(9,8,7,.59) 60%,rgba(9,8,7,.14)),linear-gradient(0deg,rgba(9,8,7,.68),transparent)}
.berat-kala__content{position:relative;z-index:1;padding-top:clamp(5rem,9vw,9rem);padding-bottom:clamp(5rem,9vw,9rem)}
.berat-kala h2{max-width:55rem;margin:.5rem 0 1rem;font-size:clamp(2.5rem,6vw,6rem);line-height:.95;letter-spacing:-.055em}
.berat-kala__content>p:not(.eyebrow){max-width:47rem;color:rgba(255,255,255,.82);font-size:1.05rem;line-height:1.72}
.berat-kala__content>div{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:1.5rem}
.berat-kala__content>div>span{padding:.8rem 1rem;border-left:4px solid var(--berat-red);background:rgba(0,0,0,.48);font-weight:800}
.museum-diptych__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--berat-line);border-left:1px solid var(--berat-line)}
.museum-diptych__grid article{padding:1.5rem;border-right:1px solid var(--berat-line);border-bottom:1px solid var(--berat-line);background:#fff}
.museum-diptych__grid>article>span{display:grid;width:3rem;height:3rem;place-items:center;border-radius:50%;background:var(--berat-red);color:#fff;font:800 .68rem "Unbounded",sans-serif}
.museum-diptych__grid h3{margin:2rem 0 .7rem;font-size:1.35rem}
.museum-diptych__grid>article>p{color:#625c54;line-height:1.65}
.museum-diptych__grid dl{margin:1rem 0 0;border-top:1px solid #d8d0c6}
.museum-diptych__grid dl div{display:grid;grid-template-columns:1.5rem 1fr;gap:.6rem;padding:.75rem 0;border-bottom:1px solid #d8d0c6}
.museum-diptych__grid dt{color:var(--berat-terracotta)}
.museum-diptych__grid dd{margin:0;line-height:1.5}
.berat-source-cta{display:inline-flex;min-height:44px;align-items:center;gap:.6rem;margin-top:1rem;color:inherit;font-weight:800}
.river-crossing__media img{object-position:center 52%}
.river-crossing__shade{background:linear-gradient(0deg,rgba(8,13,15,.91),rgba(8,13,15,.38) 82%),linear-gradient(90deg,rgba(8,13,15,.72),transparent)}
.river-crossing__content{position:relative;z-index:1;padding-top:clamp(4rem,7vw,7rem);padding-bottom:clamp(4rem,7vw,7rem)}
.river-crossing__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(255,255,255,.25);background:rgba(4,9,11,.52)}
.river-crossing__grid article{padding:1.35rem;border-right:1px solid rgba(255,255,255,.22)}
.river-crossing__grid article:last-child{border-right:0}
.river-crossing__grid>article>span{color:#94bac6;font:800 .7rem "Unbounded",sans-serif}
.river-crossing__grid h3{margin:2.5rem 0 .65rem}
.river-crossing__grid p{color:rgba(255,255,255,.75);line-height:1.6}
.river-crossing__grid small{display:flex;gap:.45rem;color:rgba(255,255,255,.75)}
.river-crossing__grid a{color:#fff}
.berat-vertical__grid,.berat-logistics__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--berat-line);border-left:1px solid var(--berat-line)}
.berat-vertical__grid article,.berat-logistics__grid article{min-height:14rem;padding:1.35rem;border-right:1px solid var(--berat-line);border-bottom:1px solid var(--berat-line);background:#fff}
.berat-vertical__grid i,.berat-logistics__grid i{color:var(--berat-terracotta);font-size:1.35rem}
.berat-vertical__grid h3,.berat-logistics__grid h3{margin:3rem 0 .7rem}
.berat-vertical__grid p,.berat-logistics__grid p{margin:0;color:#625c54;line-height:1.62}
.stay-or-go{background:#e8dfd1}
.stay-or-go__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #aa9d8c;border-left:1px solid #aa9d8c}
.stay-or-go__grid article{padding:1.5rem;border-right:1px solid #aa9d8c;border-bottom:1px solid #aa9d8c;background:rgba(255,255,255,.55)}
.stay-or-go__grid>article>span{color:var(--berat-red);font:800 .68rem "Unbounded",sans-serif}
.stay-or-go__grid h3{margin:2rem 0 .7rem;font-size:1.35rem}
.stay-or-go__grid>article>p{color:#625c54;line-height:1.65}
.stay-or-go__grid dl{margin:1rem 0 0}
.stay-or-go__grid dl div{display:grid;grid-template-columns:1.4rem 1fr;gap:.6rem;padding:.7rem 0;border-top:1px solid #c9beaf}
.stay-or-go__grid dt{color:var(--berat-red)}
.stay-or-go__grid dd{margin:0}
.berat-second__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--berat-line);border-left:1px solid var(--berat-line)}
.berat-second__grid article{padding:1.4rem;border-right:1px solid var(--berat-line);border-bottom:1px solid var(--berat-line);background:#fff}
.berat-second__grid article:nth-child(2){border-top:6px solid var(--berat-olive)}
.berat-second__grid article:nth-child(3){border-top:6px solid var(--berat-river)}
.berat-second__grid h3{margin:2.5rem 0 .7rem}
.berat-second__grid p{color:#625c54;line-height:1.62}
.berat-second__grid small{display:flex;gap:.45rem;color:#625c54}
.berat-avoid,.berat-sources{padding:clamp(4rem,7vw,7rem) 0;background:#111;color:#fff}
.berat-avoid__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid rgba(255,255,255,.22)}
.berat-avoid__grid article{padding:1.25rem;border-right:1px solid rgba(255,255,255,.2)}
.berat-avoid__grid article:last-child{border-right:0}
.berat-avoid__grid h3{margin:2.5rem 0 .65rem}
.berat-avoid__grid p{color:rgba(255,255,255,.68);line-height:1.58}
.berat-logistics{background:#e3eaeb}
.berat-logistics__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.berat-logistics__links{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}
.berat-logistics__links a{display:inline-flex;min-height:44px;align-items:center;gap:.55rem;padding:.65rem .85rem;border:1px solid #75898d;background:#f8fbfb;color:#111;font-weight:800;text-decoration:none}
.berat-logistics__links a:hover,.berat-logistics__links a:focus-visible{background:#111;color:#fff}
.berat-faq__list{border-top:1px solid var(--berat-line)}
.berat-faq details{border-bottom:1px solid var(--berat-line)}
.berat-faq summary{display:flex;min-height:60px;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0;cursor:pointer;font-weight:800;list-style:none}
.berat-faq summary::-webkit-details-marker{display:none}
.berat-faq summary i{transition:transform .2s}
.berat-faq details[open] summary i{transform:rotate(180deg)}
.berat-faq details p{max-width:58rem;margin:0 0 1.25rem;color:#625c54;line-height:1.68}
.berat-sources__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.22);border-left:1px solid rgba(255,255,255,.22)}
.berat-sources__grid a{position:relative;display:flex;min-height:8rem;flex-direction:column;gap:.45rem;padding:1.2rem 3.2rem 1.2rem 1.2rem;border-right:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22);color:#fff;text-decoration:none}
.berat-sources__grid a:hover,.berat-sources__grid a:focus-visible{background:rgba(255,255,255,.07)}
.berat-sources__grid span{font-weight:800}
.berat-sources__grid small{color:rgba(255,255,255,.64);line-height:1.5}
.berat-sources__grid i{position:absolute;top:1.25rem;right:1.25rem;color:var(--berat-red)}
.berat-related__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--berat-line);border-left:1px solid var(--berat-line)}
.berat-related__grid a{display:flex;min-height:8rem;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.1rem;border-right:1px solid var(--berat-line);border-bottom:1px solid var(--berat-line);color:inherit;font-weight:800;text-decoration:none}
.berat-related__grid i{color:var(--berat-red);font-size:1.25rem}
.berat-related__grid a:hover,.berat-related__grid a:focus-visible{background:#111;color:#fff}
@media(max-width:1024px){
    .berat-section-head{grid-template-columns:1fr;gap:1rem}
    .berat-format__grid,.berat-vertical__grid,.berat-avoid__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .berat-format__grid p{min-height:0}
    .berat-avoid__grid article:nth-child(2){border-right:0}
    .berat-avoid__grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.2)}
    .berat-related__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:680px){
    .berat-hero{min-height:89svh}
    .berat-hero__media img{object-position:56% center}
    .berat-hero__shade{background:linear-gradient(0deg,rgba(5,6,6,.94),rgba(5,6,6,.25) 88%)}
    .berat-hero__content{width:auto;padding:7.4rem 1.15rem 2.75rem}
    .berat-hero h1{font-size:clamp(2.15rem,10.5vw,3.6rem)}
    .berat-hero__lead{font-size:.97rem;line-height:1.58}
    .berat-hero__levels{display:none}
    .berat-actions{display:grid}
    .berat-button{width:100%}
    .berat-section-head h2{font-size:clamp(1.9rem,9vw,2.9rem)}
    .berat-format__grid,.museum-diptych__grid,.river-crossing__grid,.berat-vertical__grid,.stay-or-go__grid,.berat-second__grid,.berat-avoid__grid,.berat-logistics__grid,.berat-sources__grid,.berat-related__grid{grid-template-columns:1fr}
    .berat-toc{align-items:stretch}
    .berat-toc b{width:100%}
    .berat-toc a{flex:1 1 calc(50% - .4rem)}
    .quarter-terraces__level{width:100%;margin-left:0}
    .quarter-terraces__level--2{margin-left:.55rem;width:calc(100% - .55rem)}
    .quarter-terraces__level--3{margin-left:1.1rem;width:calc(100% - 1.1rem)}
    .berat-route__steps li{grid-template-columns:2.7rem minmax(0,1fr);gap:.65rem}
    .berat-route__number{width:2.7rem;height:2.7rem;clip-path:none}
    .berat-route__steps article{padding:1rem}
    .berat-kala,.river-crossing{min-height:0}
    .berat-kala__media img{object-position:48% center}
    .berat-kala__shade{background:linear-gradient(0deg,rgba(8,7,6,.94),rgba(8,7,6,.38))}
    .berat-kala h2{font-size:clamp(2.25rem,10vw,3.6rem)}
    .river-crossing__media img{object-position:58% center}
    .river-crossing__shade{background:linear-gradient(0deg,rgba(7,12,14,.94),rgba(7,12,14,.44))}
    .river-crossing__grid article,.berat-avoid__grid article{border-right:0;border-bottom:1px solid rgba(255,255,255,.22)}
    .berat-vertical__grid article,.berat-logistics__grid article{min-height:11rem}
    .berat-logistics__links{display:grid}
    .berat-logistics__links a{justify-content:space-between}
    .berat-sources__grid a,.berat-related__grid a{min-height:6.5rem}
}
@media(max-width:380px){
    .berat-toc a{flex-basis:100%}
    .berat-route__steps li{grid-template-columns:2.35rem minmax(0,1fr)}
    .berat-route__number{width:2.35rem;height:2.35rem}
}
@media(prefers-reduced-motion:reduce){
    .berat-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}