: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:"";z-index:-1;filter:blur(5px);pointer-events:none;background:radial-gradient(#120c0775 0%,#120c0757 35%,#120c0729 64%,#120c0700 84%);width:min(92vw,1240px);height:clamp(170px,26vh,280px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.presentation-title{opacity:0;pointer-events:auto;cursor:default;will-change:transform, filter;letter-spacing:.015em;white-space:nowrap;color:#fff7df;-webkit-text-stroke:.45px #fff4d36b;text-shadow:0 2px 2px #180d04c2,0 5px 8px #140b0494,0 12px 24px #0c070380,0 0 10px #ffeab942,0 0 28px #ffc75f33,0 0 52px #ffbc4b1a;margin:0;font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(4rem,7.4vw,8.1rem);font-weight:400;line-height:.92}.presentation-ornament{opacity:0;color:#fff1cdf5;filter:drop-shadow(0 2px 4px #130a039e)drop-shadow(0 0 10px #ffcd6d33);grid-template-columns:1fr 44px 1fr;align-items:center;gap:12px;width:min(50vw,600px);margin-top:1.15rem;display:grid}.presentation-ornament>span{background:linear-gradient(90deg,#0000,#ffe6acf2);height:1px;display:block;box-shadow:0 0 10px #ffcb6e3d}.presentation-ornament>span:last-child{transform:scaleX(-1)}.presentation-ornament svg{fill:#ffefc9e6;stroke:#ffefc9e6;stroke-width:1.4px;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-wrap:before{background:radial-gradient(#120c0780 0%,#120c0757 42%,#120c071f 68%,#120c0700 86%);width:112vw;height:clamp(150px,22vh,230px)}.presentation-title{letter-spacing:.005em;font-size:clamp(2rem,9.1vw,4rem)}.presentation-ornament{grid-template-columns:1fr 34px 1fr;gap:8px;width:min(70vw,360px);margin-top:.75rem}.presentation-ornament svg{width:34px;height:24px}}@media (prefers-reduced-motion:reduce){.presentation-cloud{filter:blur(1.8px)brightness(1.14)contrast(1.05)}}