/* V1.1 visual system: navigation, long-form chapters, films and glass surfaces. */
body{background:radial-gradient(ellipse at 75% 25%,rgba(27,88,91,.08),transparent 36%),#071419}
.site-header{height:86px;padding:0 max(24px,calc((100vw - 1392px)/2));gap:28px;background:linear-gradient(180deg,rgba(3,15,20,.87),rgba(3,15,20,.12));border-bottom:1px solid rgba(255,255,255,.11)}
.site-header.is-scrolled{height:76px;background:rgba(6,24,31,.78);border-color:rgba(191,255,238,.16);box-shadow:0 18px 50px rgba(0,0,0,.15);backdrop-filter:blur(24px) saturate(145%)}
.site-header.is-open{background:rgba(6,24,31,.95);backdrop-filter:blur(24px)}
.brand{display:flex;align-items:center;flex:0 0 auto;width:auto;max-width:225px;min-width:0}.brand img{display:block;width:auto;max-width:100%;height:52px;object-fit:contain;object-position:left center}
.primary-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(10px,1.2vw,24px);flex:1;min-width:0;font-size:.8rem;letter-spacing:0}
.primary-nav a,.nav-trigger{font-weight:750}.nav-direct{white-space:nowrap;padding:15px 0;color:#e9f3ef}.primary-nav .nav-contact{white-space:nowrap;padding:10px 16px;border:1px solid rgba(171,246,223,.44);border-radius:999px;background:rgba(171,246,223,.12);color:#e5fff4;transition:.25s}.nav-contact:hover{background:var(--mint);color:var(--ink)!important;transform:translateY(-2px)}
.nav-group{position:relative}.nav-group:after{position:absolute;top:100%;right:-12px;left:-12px;height:20px;content:""}.nav-trigger{display:flex;align-items:center;gap:10px;padding:15px 0;border:0;background:none;color:#e9f3ef;cursor:pointer;white-space:nowrap}.nav-trigger span{color:var(--mint);font-size:1.2rem;line-height:.6;transition:transform .2s}.nav-group.is-active .nav-trigger span{transform:rotate(180deg)}.nav-trigger:hover,.nav-group.is-active .nav-trigger{color:var(--mint)}
.mega-panel{position:absolute;top:calc(100% + 16px);right:-180px;display:grid;grid-template-columns:300px 260px;gap:18px;width:620px;padding:18px;border:1px solid rgba(206,255,241,.24);border-radius:24px;background:linear-gradient(140deg,rgba(30,63,70,.94),rgba(5,24,30,.97));box-shadow:0 30px 90px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.17);backdrop-filter:blur(28px) saturate(160%);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .22s,transform .22s,visibility .22s}.nav-group.is-active .mega-panel{opacity:1;visibility:visible;transform:none}.mega-intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:320px;padding:24px;border-radius:16px;background:linear-gradient(165deg,rgba(126,211,190,.12),rgba(4,23,30,.45)),url('/assets/media/passu%20cones%20view%20point%20kkh.webp') center/cover}.mega-intro span,.mega-links>span{color:var(--mint);font-size:.68rem;font-weight:800;letter-spacing:.15em}.mega-intro strong{margin:10px 0 4px;font-family:var(--serif);font-size:2rem;font-style:italic;line-height:1.05}.mega-intro p{margin:0 0 20px;color:#e5f0ed;font-size:.8rem}.mega-intro a{padding:9px 12px;border-radius:9px;background:var(--mint);color:var(--ink);font-size:.75rem}.mega-links{display:flex;flex-direction:column;gap:2px;padding:14px 4px}.mega-links>span{padding:0 12px 10px}.mega-links a{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-radius:10px;color:#f0f6f2;font-size:.88rem;transition:.2s}.mega-links a:hover,.mega-links a:focus-visible{background:rgba(177,243,223,.13);color:#fff;transform:translateX(3px)}.mega-links a span{color:var(--mint)}
.glass-card{border:1px solid rgba(202,255,240,.2)!important;background:linear-gradient(145deg,rgba(206,255,241,.13),rgba(103,173,160,.06) 44%,rgba(6,30,36,.8))!important;box-shadow:inset 0 1px rgba(255,255,255,.2),0 20px 60px rgba(0,0,0,.18);backdrop-filter:blur(26px) saturate(145%)}
.story-card>a{border-color:rgba(206,255,241,.18);background:linear-gradient(145deg,rgba(202,255,239,.12),rgba(11,41,48,.8));box-shadow:inset 0 1px rgba(255,255,255,.1),0 16px 45px rgba(0,0,0,.15);backdrop-filter:blur(18px);transition:border-color .25s,box-shadow .25s}.story-card:hover>a{border-color:rgba(155,218,205,.65);box-shadow:0 25px 65px rgba(0,0,0,.32),0 0 32px rgba(155,218,205,.1)}.story-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,22,29,.4),transparent 60%);pointer-events:none}.story-card__body{position:relative}.story-card__body b{display:flex;align-items:center;justify-content:space-between}.story-card__body b span{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(155,218,205,.4);border-radius:50%;transition:.25s}.story-card:hover b span{background:var(--mint);color:var(--ink);transform:rotate(45deg)}
.page-hero__shade{background:linear-gradient(90deg,rgba(2,13,18,.9),rgba(2,13,18,.25) 75%),linear-gradient(0deg,rgba(3,16,21,.92),transparent 64%)}.page-hero__content h1{max-width:1050px}.page-hero__content .eyebrow{display:inline-flex;gap:10px;align-items:center;padding:9px 14px;border:1px solid rgba(193,250,233,.3);border-radius:999px;background:rgba(10,43,50,.55);backdrop-filter:blur(20px)}.accent-dot{color:var(--mint)}
.rich-content{padding-bottom:clamp(40px,6vw,90px)}.rich-section{position:relative;display:grid;grid-template-columns:180px minmax(0,1fr);gap:clamp(28px,6vw,90px);padding:clamp(55px,7vw,100px) 0;border-top:1px solid rgba(191,247,230,.16)}.rich-section:before{content:"";position:absolute;top:0;left:0;width:60px;height:1px;background:var(--mint)}.rich-section__index{display:flex;flex-direction:column;gap:10px;color:var(--mint);font-size:.68rem;font-weight:800;letter-spacing:.16em}.rich-section__index span:first-child{font-family:var(--serif);font-size:clamp(4rem,7vw,7rem);font-style:italic;font-weight:400;line-height:.8;letter-spacing:-.08em;color:rgba(186,238,223,.16)}.rich-section__copy{max-width:850px}.rich-section__copy h2{margin:0 0 30px;font-size:clamp(2.15rem,4.4vw,4.65rem);line-height:1.02;letter-spacing:-.055em;text-wrap:balance}.rich-section__copy p{max-width:760px;color:#c4d7d3;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.9}.rich-section__copy p:first-of-type:first-letter{float:left;margin:4px 9px 0 0;color:var(--sand);font-family:var(--serif);font-size:3.6rem;line-height:.8}.rich-section--reverse{grid-template-columns:minmax(0,1fr) 180px}.rich-section--reverse .rich-section__index{grid-column:2;grid-row:1}.rich-section--reverse .rich-section__copy{grid-column:1;grid-row:1}.rich-section__rule{position:absolute;right:0;bottom:35px;width:16px;height:16px;border:1px solid rgba(155,218,205,.45);border-radius:50%}
.video-section{padding-block:clamp(90px,10vw,160px);border-top:1px solid var(--line)}.video-section .section-heading p:not(.eyebrow){max-width:640px;color:var(--muted)}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.video-card{overflow:hidden;border-radius:18px;transition:transform .28s,box-shadow .28s}.video-card:hover{transform:translateY(-6px);box-shadow:0 30px 70px rgba(0,0,0,.3)}.video-launch{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#17303a;cursor:pointer;overflow:hidden}.video-launch img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.video-card:hover img{transform:scale(1.04)}.video-play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:62px;height:62px;padding-left:3px;border:1px solid rgba(255,255,255,.6);border-radius:20px;background:rgba(6,25,32,.68);color:#fff;transform:translate(-50%,-50%);backdrop-filter:blur(16px);transition:.25s}.video-launch:hover .video-play{background:var(--mint);color:var(--ink);transform:translate(-50%,-50%) scale(1.1)}.video-launch iframe{display:block;width:100%;height:100%;border:0}.video-card__body{padding:22px}.video-card__body>span{color:var(--mint);font-size:.64rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.video-card h3{margin:8px 0 20px;font-size:1.12rem;line-height:1.4}.video-card a{color:#c8f5e9;font-size:.78rem;font-weight:800}
.home-guide,.home-gear{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,8vw,130px);padding-block:clamp(90px,11vw,160px);border-top:1px solid var(--line)}.home-guide h2,.home-gear h2{margin:0;font-size:clamp(2.4rem,5vw,5.4rem);line-height:1.02;letter-spacing:-.055em}.home-guide h2 em,.home-gear h2 em{color:var(--sand);font-family:var(--serif);font-weight:400}.home-guide p:not(.eyebrow),.home-gear p:not(.eyebrow){max-width:540px;color:#b9ceca}.guide-steps{display:grid;gap:12px;padding:32px;border-radius:24px}.guide-steps span{display:block;padding:18px 20px;border:1px solid rgba(205,255,239,.12);border-radius:13px;background:rgba(5,25,31,.4);font-size:1.05rem;font-weight:750}.home-gear__image{height:520px;overflow:hidden;border-radius:16px 70px 16px 16px}.home-gear__image img{width:100%;height:100%;object-fit:cover}
.site-footer{position:relative;padding:0 max(24px,calc((100vw - 1320px)/2)) 26px;background:radial-gradient(ellipse at 70% 0%,rgba(57,124,111,.2),transparent 45%),#061318}.footer-top{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:clamp(70px,9vw,120px) 0 clamp(60px,7vw,100px);border-bottom:1px solid rgba(204,255,238,.18)}.footer-top h2{max-width:770px;margin:0;font-size:clamp(2.7rem,5vw,5.3rem);line-height:1;letter-spacing:-.055em}.footer-top h2 em{color:var(--sand);font-family:var(--serif);font-weight:400}.footer-top .button{flex:0 0 auto;gap:24px}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .7fr .8fr;gap:clamp(26px,5vw,85px);padding:clamp(55px,7vw,90px) 0}.footer-identity>a{display:inline-block}.footer-logo{display:block;width:auto;max-width:min(100%,300px);height:auto;max-height:110px;object-fit:contain;object-position:left center}.footer-identity p{max-width:390px;margin:26px 0;color:#b5c8c4}.footer-location{display:inline-block;padding:9px 12px;border:1px solid rgba(205,255,239,.2);border-radius:999px;background:rgba(205,255,239,.06);color:#bbd7cf;font-size:.67rem;letter-spacing:.08em}.footer-grid .footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.footer-grid h2{margin:0 0 21px}.footer-column a{padding:5px 0;color:#d7e6e1;transition:.2s}.footer-column a:hover{color:var(--mint);transform:translateX(3px)}.footer-base{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin:0;padding-top:24px}.footer-base a{color:var(--mint);font-size:.72rem}.footer-base span:last-child{text-align:right}
@media(max-width:1100px){.site-header{height:76px;padding-inline:20px}.site-header.is-scrolled{height:70px}.brand img{height:46px}.menu-toggle{display:flex}.primary-nav{position:fixed;inset:0;display:block;width:100%;height:100dvh;max-height:100dvh;padding:95px 24px 35px;overflow:auto;background:rgba(5,22,29,.98);font-size:1rem;transform:translateX(100%);transition:transform .35s}.primary-nav.is-open{transform:none}.nav-group{border-bottom:1px solid rgba(201,255,238,.16)}.nav-trigger{width:100%;justify-content:space-between;padding:16px 8px;font-size:1.3rem}.mega-panel{position:static;display:none;width:100%;grid-template-columns:1fr;gap:10px;padding:0 0 20px;opacity:1;visibility:visible;transform:none;background:none;border:0;box-shadow:none;backdrop-filter:none}.nav-group.is-active .mega-panel{display:grid}.mega-intro{display:none}.mega-links{padding:4px 10px}.mega-links a{padding:10px 12px;font-size:1rem}.nav-direct,.primary-nav .nav-contact{display:block;padding:16px 8px;border-bottom:1px solid rgba(201,255,238,.16);font-size:1.15rem}.primary-nav .nav-contact{margin-top:20px;padding:14px 18px;text-align:center}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-identity{grid-column:span 3}.video-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.site-header{height:70px}.brand img{height:40px}.rich-section,.rich-section--reverse{display:block;padding:65px 0}.rich-section__index{flex-direction:row;align-items:center;margin-bottom:15px}.rich-section__index span:first-child{font-size:4rem}.rich-section__copy h2{font-size:clamp(2.2rem,10vw,3.5rem)}.rich-section__rule{bottom:18px}.video-grid{grid-template-columns:1fr}.home-guide,.home-gear{grid-template-columns:1fr}.home-gear__image{height:390px}.home-gear>div:last-child{order:-1}.footer-top{display:block}.footer-top .button{margin-top:27px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-identity{grid-column:span 2}.footer-base{grid-template-columns:1fr 1fr}.footer-base span:last-child{grid-column:span 2;text-align:left}.video-section{padding-block:80px}.page-hero__content .eyebrow{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){.story-card:hover,.video-card:hover,.footer-column a:hover,.mega-links a:hover{transform:none}.video-launch img,.video-play{transition:none}}
.rich-section:before{transform:scaleX(.05);transform-origin:left;transition:transform .85s cubic-bezier(.2,.7,.2,1)}.rich-section.is-in-view:before{transform:scaleX(1)}.video-section .section-heading h2,.home-guide h2,.home-gear h2{opacity:.45;transform:translateY(18px);transition:opacity .7s,transform .7s}.video-section.is-in-view .section-heading h2,.home-guide.is-in-view h2,.home-gear.is-in-view h2{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.rich-section:before{transform:none}.video-section .section-heading h2,.home-guide h2,.home-gear h2{opacity:1;transform:none}}
@media(max-width:1100px){.primary-nav{background:#06161d}.site-header.is-open{background:#06161d}}
.glass-card{position:relative;isolation:isolate}.glass-card:after{position:absolute;inset:0;z-index:3;border-radius:inherit;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),rgba(225,255,248,.14),transparent 60%);opacity:0;pointer-events:none;content:"";transition:opacity .25s}.glass-card:hover:after{opacity:1}@media(max-width:1100px){.primary-nav{visibility:hidden}.primary-nav.is-open{visibility:visible}}@media(prefers-reduced-motion:reduce){.glass-card:after{display:none}}
.footer-grid h2.footer-social-title{margin-top:22px;margin-bottom:9px}.contact-direct{display:flex;flex-direction:column;gap:0;margin-top:30px;padding:12px 22px;border-radius:18px}.contact-direct a{display:flex;flex-direction:column;gap:3px;padding:13px 0;border-bottom:1px solid rgba(205,255,239,.16);overflow-wrap:anywhere}.contact-direct a:last-child{border-bottom:0}.contact-direct span{color:var(--mint);font-size:.64rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.contact-direct strong{font-size:1rem;font-weight:700}.contact-direct a:hover strong{color:var(--mint)}.contact-links>p.eyebrow{margin:0 0 8px}.footer-column a{overflow-wrap:anywhere}