:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;background:#071b29;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto;background:#071b29}body{background:#071b29;min-width:320px;margin:0;overflow-x:hidden}button,a{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.experience{background:#071b29;min-height:600vh;position:relative}.stage{width:100%;height:100vh;isolation:isolate;background:#071b29;height:100dvh;position:sticky;top:0;overflow:hidden}.experience-canvas,.media-fallback{width:100%;height:100%;display:block;position:absolute;inset:0}.media-fallback{background:linear-gradient(#020d1614,#020d162e),url(/media/project/el-gran-roque-aerial-v2.jpg) 50%/cover no-repeat,#071b29}.media-fallback--solid{background:#071b29}.interface{z-index:2;pointer-events:none;text-shadow:0 1px 18px #00000047;position:absolute;inset:0}.interface:before{content:"";pointer-events:none;background:linear-gradient(#030d1238 0%,#0000 24%),linear-gradient(#0000 76%,#030d1233 100%);position:absolute;inset:0}.wordmark{z-index:2;top:max(30px, env(safe-area-inset-top));left:max(32px, env(safe-area-inset-left));color:#fff;letter-spacing:.48em;pointer-events:auto;font-size:.7rem;font-weight:500;text-decoration:none;position:absolute}.opening-copy{z-index:2;left:max(32px, env(safe-area-inset-left));bottom:max(34px, env(safe-area-inset-bottom));opacity:.92;animation:.9s both reveal;position:absolute}.opening-copy p{color:#ffffffdb;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.72rem}.scroll-hint{z-index:2;left:50%;bottom:max(31px, env(safe-area-inset-bottom));color:#ffffffc7;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;justify-items:center;gap:.3rem;margin:0;font-size:.64rem;animation:1.2s .2s both reveal;display:grid;position:absolute;transform:translate(-50%)}.scroll-hint span{font-size:1.35rem;font-weight:200;line-height:.55;animation:1.8s ease-in-out infinite drift}.closing-copy{z-index:2;left:max(42px, env(safe-area-inset-left));bottom:max(58px, env(safe-area-inset-bottom));width:min(560px,100vw - 120px);animation:.8s both reveal;position:absolute}.closing-kicker{color:#ffffffad;letter-spacing:.3em;margin:0 0 .8rem;font-size:.68rem}.closing-copy h1{letter-spacing:-.045em;max-width:520px;margin:0;font-size:clamp(2.3rem,4.6vw,5rem);font-weight:400;line-height:.96}.closing-copy>p:last-child{color:#ffffffc7;max-width:390px;margin:1.15rem 0 0;font-size:.95rem;line-height:1.55}.chapter-rail{z-index:3;right:max(28px, env(safe-area-inset-right));pointer-events:auto;gap:14px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.chapter-rail:before{content:"";z-index:-1;background:#ffffff38;width:1px;position:absolute;top:4px;bottom:4px;left:50%;transform:translate(-50%)}.chapter-rail button{cursor:pointer;background:#05192380;border:1px solid #ffffff9e;border-radius:50%;width:8px;height:8px;padding:0;transition:background .25s,transform .25s,border-color .25s}.chapter-rail button:hover{border-color:#fff;transform:scale(1.18)}.chapter-rail button.active{background:#fff;border-color:#fff;transform:scale(1.22)}.progress{z-index:3;background:#ffffff1f;height:1px;position:absolute;bottom:0;left:0;right:0}.progress span{transform-origin:0;background:#ffffffd1;width:100%;height:100%;display:block}.loader{z-index:5;opacity:1;visibility:visible;pointer-events:none;will-change:opacity, transform;background:radial-gradient(circle at 50% 46%,#0e2f3f94 0%,#071b29f5 38%,#061722 100%);place-items:center;transition:opacity .75s cubic-bezier(.22,.61,.36,1),transform .75s cubic-bezier(.22,.61,.36,1),visibility .75s;display:grid;position:absolute;inset:0;transform:scale(1)}.loader:after{content:"";opacity:.7;pointer-events:none;background:radial-gradient(circle,#ffffff09 0%,#fff0 58%);transition:opacity .75s cubic-bezier(.22,.61,.36,1);position:absolute;inset:0}.loader-mark{z-index:1;fill:#fff4d621;stroke:#fff4d6c7;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 18px #ffde9d1a);width:46px;height:46px;transition:opacity .75s cubic-bezier(.22,.61,.36,1),transform .75s cubic-bezier(.22,.61,.36,1),filter .75s cubic-bezier(.22,.61,.36,1);animation:2.4s ease-in-out infinite loader-mark-breathe;position:relative}.loader--hidden{opacity:0;visibility:hidden;transform:scale(1.025)}.loader--hidden:after{opacity:0}.loader--hidden .loader-mark{opacity:0;filter:blur(6px)drop-shadow(0 0 8px #ffde9d0a);transform:translateY(10px)scale(.92)}.scroll-space{height:1px}@keyframes loader-mark-breathe{0%,to{opacity:.62;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes drift{50%{transform:translateY(5px)}}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.wordmark{top:max(24px, env(safe-area-inset-top));letter-spacing:.38em;white-space:nowrap;font-size:.62rem;left:50%;transform:translate(-50%)}.opening-copy{left:max(20px, env(safe-area-inset-left));bottom:max(25px, env(safe-area-inset-bottom))}.opening-copy p{letter-spacing:.14em;font-size:.61rem}.scroll-hint{left:auto;right:max(20px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));justify-items:end;font-size:.6rem;transform:none}.closing-copy{left:max(22px, env(safe-area-inset-left));right:max(55px, env(safe-area-inset-right));bottom:max(40px, env(safe-area-inset-bottom));width:auto}.closing-copy h1{font-size:clamp(2.1rem,11vw,3.4rem)}.closing-copy>p:last-child{font-size:.86rem}.chapter-rail{right:max(18px, env(safe-area-inset-right));gap:12px}.chapter-rail button{width:7px;height:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.presentation-intro{z-index:1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s,visibility .7s;position:absolute;inset:0;overflow:hidden}.presentation-intro--visible{opacity:1;visibility:visible}.presentation-clouds{z-index:1;pointer-events:none;height:30vh;position:absolute;top:0;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0% 52%,#000000eb 64%,#0000009e 74%,#00000047 84%,#0000 96%);mask-image:linear-gradient(#000 0% 52%,#000000eb 64%,#0000009e 74%,#00000047 84%,#0000 96%)}.presentation-clouds:after{content:"";pointer-events:none;background:linear-gradient(#ffffff04 0%,#fff0 100%);position:absolute;inset:0}.presentation-cloud{opacity:0;filter:blur(1.8px)brightness(1.14)contrast(1.05);mix-blend-mode:screen;-webkit-user-select:none;user-select:none;pointer-events:none;transform-origin:50%;will-change:transform, opacity;backface-visibility:hidden;height:auto;display:block;position:absolute}.presentation-cloud--1{z-index:1}.presentation-cloud--2{z-index:4}.presentation-cloud--3{z-index:5}.presentation-cloud--4{z-index:2}.presentation-cloud--5{z-index:6}.presentation-cloud--6{z-index:7}.presentation-cloud--1,.presentation-cloud--4{filter:blur(2.5px)brightness(1.1)contrast(1.02)}.presentation-cloud--5,.presentation-cloud--6{filter:blur(1.35px)brightness(1.16)contrast(1.06)}.presentation-title-wrap{z-index:3;text-align:center;color:#fff8e8;isolation:isolate;justify-items:center;width:min(94vw,1180px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.presentation-title-wrap:before{content:none}.presentation-title{opacity:0;letter-spacing:.006em;white-space:nowrap;transform-origin:50%;will-change:transform, opacity, filter;font-kerning:normal;margin:0;font-family:Times New Roman,Times,Georgia,serif;font-size:clamp(4.1rem,7.05vw,7.95rem);font-weight:400;line-height:.89}.presentation-title-text{z-index:0;isolation:isolate;color:#fff8e7;-webkit-text-stroke:.58px #9a7031d1;text-shadow:0 1px #fff4dac2,1px 2px 2px #5d3e188a,0 5px 10px #1d14096b,0 14px 26px #140e0738,0 0 10px #fff0ca29;filter:brightness(1.03)contrast(1.01)saturate(.98);display:inline-block;position:relative}.presentation-title-text:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(5px)brightness(.84)saturate(.9);backdrop-filter:blur(5px)brightness(.84)saturate(.9);pointer-events:none;background:radial-gradient(#18110833 0%,#1f160a1f 48%,#271c0d00 84%);border-radius:48%;position:absolute;inset:-.3em -.36em -.2em;-webkit-mask-image:radial-gradient(#000 32%,#000000b8 63%,#0000 88%);mask-image:radial-gradient(#000 32%,#000000b8 63%,#0000 88%)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.presentation-title-text{background:linear-gradient(#fffefb 0%,#fff9ed 24%,#f6e3bb 54%,#e7c98d 78%,#fff2cf 100%) 50%/100% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}}.presentation-ornament{opacity:0;color:#fff0cafa;filter:drop-shadow(0 1px 2px #4e321457)drop-shadow(0 0 5px #ffd68424);grid-template-columns:1fr 44px 1fr;align-items:center;gap:12px;width:min(40vw,500px);margin-top:.28rem;display:grid}.presentation-ornament>span{background:linear-gradient(90deg,#0000,#f8d69352 20%,#f1ce87f2 78%,#fff4d6fa 100%);height:1px;display:block;box-shadow:0 1px 2px #58391538,0 0 4px #ffd5821f}.presentation-ornament>span:last-child{transform:scaleX(-1)}.presentation-ornament svg{fill:#fff0cdf5;stroke:#ecc67efa;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;width:44px;height:30px;overflow:visible}@media (max-width:767px){.presentation-clouds{height:29vh;-webkit-mask-image:linear-gradient(#000 0% 50%,#000000e6 62%,#00000094 73%,#0000003d 84%,#0000 96%);mask-image:linear-gradient(#000 0% 50%,#000000e6 62%,#00000094 73%,#0000003d 84%,#0000 96%)}.presentation-cloud{filter:blur(1.6px)brightness(1.16)contrast(1.05)}.presentation-title-wrap{width:96vw}.presentation-title-text:before{-webkit-backdrop-filter:blur(4px)brightness(.87)saturate(.92);backdrop-filter:blur(4px)brightness(.87)saturate(.92);inset:-.25em -.28em -.16em}.presentation-title{letter-spacing:0;font-size:clamp(2rem,9.35vw,4.15rem)}.presentation-ornament{grid-template-columns:1fr 34px 1fr;gap:8px;width:min(66vw,340px);margin-top:.24rem}.presentation-ornament svg{width:34px;height:24px}}@media (prefers-reduced-motion:reduce){.presentation-cloud{filter:blur(1.8px)brightness(1.14)contrast(1.05)}}
