:root{--ink:#251e1d;--muted:#594641;--red:#a71325;--coral:#f6a19a;--cream:#fcf7f2;--line:#dfc9c1}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid #ee7778;outline-offset:5px}
.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}
.skip-link{position:absolute;z-index:10;top:10px;left:10px;background:white;color:var(--ink);padding:12px;transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:max(650px,100svh);display:flex;flex-direction:column;color:#fff8f4;background:#211c1c}
.hero::before{content:"";position:absolute;z-index:-1;inset:-120px 0 0;background:linear-gradient(90deg,rgba(26,19,19,.78) 0%,rgba(29,20,20,.54) 52%,rgba(29,20,20,.22) 100%),linear-gradient(0deg,rgba(27,18,18,.5),transparent 30%),url("assets/20251004_182939.jpg") center center/cover no-repeat;transform:translateY(var(--hero-shift,0px))}
.navigation{display:flex;align-items:center;gap:40px;padding-block:24px;border-bottom:1px solid #ffffff80}
.logo{font:800 27px Arial,Helvetica,sans-serif;letter-spacing:-.06em;line-height:1}.logo span{color:var(--coral)}
.nav-links{display:flex;gap:30px;margin-left:auto;font-size:13px;font-weight:700}
.nav-links a:hover,.hero-bottom a:hover{color:#ffc7bc}
.nav-label{font-size:12px;border-left:1px solid #ffffff80;padding-left:28px}
.hero-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-block:85px}
.eyebrow{display:flex;align-items:center;gap:10px;color:#8f2330;font-size:12px;letter-spacing:.04em;font-weight:700}
.eyebrow span{width:26px;height:2px;background:var(--red)}
.eyebrow.light{color:#ffcec4}.eyebrow.light span{background:#ff9993}
h1,h2,p{margin:0}
h1,h2{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.05em}
h1{font-size:clamp(54px,7vw,94px);line-height:1.02;margin:24px 0}
h1 span{color:var(--coral)}
.hero-description{max-width:390px;color:#fffaf6;font-size:17px;line-height:1.65}
.button{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;gap:35px;padding:16px 21px;border-radius:3px;font-size:14px;font-weight:700;transition:background .35s,color .35s,transform .35s,box-shadow .35s}
.button::before{content:"";position:absolute;z-index:-1;inset:0;background:#a71325;transform:translateX(-105%);transition:transform .4s cubic-bezier(.22,1,.36,1)}
.button::after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle 85px at var(--pointer-x,50%) var(--pointer-y,50%),#ffffff80,transparent);opacity:0;transition:opacity .3s;pointer-events:none}
.button:hover::after{opacity:.7}
.button-light{background:#fff8f4;color:#291e1e;margin-top:30px}
.button-light:hover,.button-light:focus-visible{color:white;transform:translateY(-4px);box-shadow:0 12px 28px #25191955}
.button-light:hover::before,.button-light:focus-visible::before{transform:translateX(0)}
.button:active{transform:translateY(0) scale(.97)}
.button-indicator{width:24px;height:2px;background:currentColor;transform-origin:left;transform:scaleX(.45);transition:transform .4s cubic-bezier(.22,1,.36,1)}
.button:hover .button-indicator,.button:focus-visible .button-indicator{transform:scaleX(1)}
.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-block:20px;border-top:1px solid #ffffff80;font-size:12px;font-weight:700;letter-spacing:.03em}
.hero-bottom a span{font-size:15px;margin-left:10px}
.section{padding-block:clamp(72px,8vw,112px)}
.intro-section{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(32px,6vw,80px)}
h2{font-size:clamp(38px,4.5vw,62px);line-height:1.08;margin-top:20px}
h2 em{font-weight:normal;color:var(--red)}
.heading-dot{color:var(--red)}
.intro-copy{padding-top:27px}
.lead{font-size:20px;line-height:1.65;color:var(--ink);max-width:48ch}
.intro-copy>p:not(.lead),.story-content>p:not(.eyebrow):not(.lead),.gallery-heading>p{font-size:16px;line-height:1.7;color:var(--muted)}
.facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);margin-top:64px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.facts div{padding:24px 15px 24px 0}.facts span{display:block;color:#6b504a;font-size:12px;font-weight:700;margin-bottom:10px}.facts strong{font-size:18px;font-weight:700}
.story-section{position:relative;isolation:isolate;overflow:hidden;background:#f3e7df}
.story-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}
.story-image{position:relative;height:580px;overflow:hidden;background:#d8cbc5}.story-image img{object-position:center 60%}
.photo-link{display:block;width:100%;height:100%;cursor:zoom-in}.photo-link:focus-visible{outline:3px solid #fff;outline-offset:-5px}
.image-caption{position:absolute;bottom:16px;left:16px;color:white;font-size:12px;font-weight:bold;text-shadow:0 1px 5px #000;pointer-events:none}
.story-content{position:relative;display:flex;flex-direction:column;align-items:flex-start}
.road-map{position:absolute;z-index:-1;top:50%;right:0;width:auto;height:100%;max-width:75%;transform:translateY(-50%);opacity:.38;pointer-events:none}
.road-map-country{fill:#d7b1a7;stroke:#b98076;stroke-width:1.6;vector-effect:non-scaling-stroke}
.road-map-points circle{fill:#c41729;stroke:#fff8f2;stroke-width:2;vector-effect:non-scaling-stroke}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.story-content .lead{margin-top:32px}.story-content>p:not(.eyebrow):not(.lead){margin-top:16px}
.story-content .story-text{max-width:48ch;color:var(--ink)!important;font-size:17px!important;line-height:1.75!important;margin-top:24px!important}
.story-content .story-note{padding-left:16px;border-left:2px solid var(--red);font-style:italic}
.text-link{display:inline-block;margin-top:32px;padding-bottom:10px;border-bottom:1px solid var(--red);font-size:14px;font-weight:bold;color:var(--red)}
.text-link span{display:inline-block;margin-left:25px;transition:transform .25s}.text-link:hover span{transform:translate(4px,-4px)}
.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.gallery-heading>p{max-width:32ch}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:290px 290px;gap:20px}
.gallery figure{position:relative;margin:0;overflow:hidden;background:#e6d5ce}.gallery .gallery-tall{grid-row:span 2}.gallery figure:nth-child(2){grid-column:span 2}
.gallery figure:hover img,.gallery .photo-link:focus-visible img{filter:saturate(1.15)}
.gallery figure:nth-child(3) img{object-position:center 75%;filter:brightness(1.15)}
.gallery figure:nth-child(3):hover img,.gallery figure:nth-child(3) .photo-link:focus-visible img{filter:brightness(1.15) saturate(1.15)}
.gallery figure:nth-child(4) img{object-position:center 70%}
.gallery figcaption{position:absolute;bottom:0;left:0;right:0;padding:48px 20px 20px;background:linear-gradient(transparent,#000d);color:white;font-size:13px;font-weight:bold;pointer-events:none}
.gallery figcaption span{display:inline-block;margin-right:12px;color:#ffcac2;font-family:monospace}
.closing{background:#a71325;color:#fff5ee;padding-block:clamp(72px,8vw,112px)}.closing h2{font-size:clamp(38px,5vw,64px)}.closing .heading-dot{color:#ffd4c7}.closing .wrap>p:not(.eyebrow){margin-top:20px;font-size:18px}
.footer{background:#251d1d;color:#fff7f2}.footer-inner{display:flex;align-items:center;gap:30px;padding-block:35px}.footer p{font-size:12px;color:#d3bcb3}.footer-inner>span{margin-left:auto;font-size:10px;letter-spacing:.05em;color:#d3bcb3}.footer-link{color:#fff7f2;text-decoration:underline;text-underline-offset:4px;transition:color .25s}.footer-link:hover{color:#ffb4a9}
.nav-links a,.hero-bottom a{transition:color .25s}
.nav-links a{position:relative;padding-block:6px}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--coral);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.nav-links a:hover::after,.nav-links a:focus-visible::after{transform:scaleX(1)}
.logo span{display:inline-block;transition:transform .35s}.logo:hover span{transform:translateY(-5px) rotate(25deg)}
.hero-content>*{animation:rise-in 1s cubic-bezier(.22,1,.36,1) backwards}
.hero-content>:nth-child(2){animation-delay:.15s}.hero-content>:nth-child(3){animation-delay:.3s}.hero-content>:nth-child(4){animation-delay:.45s}
.hero-bottom a span{display:inline-block;animation:scroll-hint 1.8s ease-in-out 2}
.eyebrow span{transform-origin:left}
.hero-content .eyebrow span{animation:line-in .8s cubic-bezier(.22,1,.36,1) backwards}
.facts strong{display:inline-block;transition:color .3s,transform .3s}.facts div:hover strong{color:var(--red);transform:translateY(-4px)}
@keyframes rise-in{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
@keyframes line-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes scroll-hint{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
.scroll-progress{position:fixed;z-index:10;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ffb5a3,#ef5a60,#c41729);transform:scaleX(var(--scroll-progress,0));transform-origin:left;pointer-events:none}
.motion-enabled :is(.section-title,.intro-copy,.facts,.story-content,.gallery-heading,.closing .wrap)>:not(.button){opacity:var(--enter-opacity,1);transform:translateY(var(--enter-y,0px))}
.motion-enabled :is(.story-content,.closing .wrap):focus-within>*{opacity:1;transform:none}
:is(.story-image,.gallery figure) img{scale:1;transition:scale .7s cubic-bezier(.22,1,.36,1),filter .7s}
:is(.story-image,.gallery figure):hover img,:is(.story-image,.gallery figure) .photo-link:focus-visible img{scale:1.07}
.motion-enabled :is(.story-image,.gallery figure) img{transform:scale(1.04) translateY(var(--image-shift,0px))}
.lightbox-open{overflow:hidden}
.lightbox{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:24px;border:0;background:transparent;color:#fff;overflow:auto}
.lightbox[open]{display:flex;align-items:center;justify-content:center}
.lightbox::backdrop{background:rgba(20,14,14,.92)}
.lightbox-content{position:relative;display:flex;flex-direction:column;align-items:center;max-width:min(1200px,100%);max-height:100%;gap:12px}
.lightbox-image{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 110px);object-fit:contain;box-shadow:0 20px 70px #0008}
.lightbox-caption{font-size:12px;line-height:1.4;text-align:center;color:#fff4ed}
.lightbox-close{position:fixed;top:16px;right:20px;z-index:1;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff80;border-radius:50%;background:#251d1dcc;color:white;font-size:30px;line-height:1;cursor:pointer;transition:background .25s,transform .25s}
.lightbox-close:hover{background:var(--red);transform:rotate(90deg)}
.lightbox-close:focus-visible{outline:3px solid #ee7778;outline-offset:3px}
@media(max-width:750px){.wrap{width:calc(100% - 40px)}.navigation{gap:20px}.nav-links{gap:18px}.nav-label{display:none}.hero{min-height:650px;min-height:max(650px,100svh);background-position:58% center}.hero-content{padding-block:65px}.hero-bottom{font-size:8px}.section{padding-block:80px}.intro-section,.story-grid{grid-template-columns:1fr;gap:35px}.intro-copy{padding-top:0}.facts{margin-top:20px;grid-template-columns:repeat(2,1fr)}.facts div{padding-block:18px}.story-image{height:470px}.gallery-heading{display:block}.gallery-heading>p{margin-top:24px}.gallery{grid-template-columns:repeat(2,1fr);grid-template-rows:260px 190px 190px}.gallery .gallery-tall{grid-row:span 2}.gallery figure:nth-child(2){grid-column:auto}.gallery figure:last-child{grid-column:span 2}.footer-inner{flex-wrap:wrap}.footer-inner>span{width:100%;margin-left:0}}
@media(max-width:750px){.hero::before{background-image:linear-gradient(90deg,rgba(26,19,19,.78),rgba(29,20,20,.38)),linear-gradient(0deg,rgba(27,18,18,.65),transparent 50%),url("assets/20250517_100234.jpg");background-position:center center,center center,center 52%}.hero h1{font-size:clamp(42px,11vw,60px)}.road-map{top:auto;bottom:15px;right:-5%;width:110%;height:auto;max-width:none;transform:none}.nav-links{font-size:12px}.hero-bottom{font-size:11px}.facts{margin-top:16px}.gallery{gap:12px}.story-content .story-text{font-size:16px!important}}
@media(max-width:400px){.nav-links{gap:12px;font-size:11px}.hero-bottom span:first-child{max-width:120px}.facts strong{font-size:18px}}