/* GAGIÙ — immersive journal */
:root{--cream:#f7f3e9;--ink:#213c38;--clay:#ab4d32;--petrol:#14363a;--gold:#d7b887}body{background:#f7f3e9}body:has(.world-hero) .header{position:absolute;z-index:20;top:0;left:0;right:0;color:#fff8e9;border-color:#ffffff38;max-width:none;height:108px;padding:0 6%}body:has(.world-hero) .header .brand-dot{color:#efc395}body:has(.world-hero) .header a:hover{border-color:#efc395}.world-hero{min-height:740px;height:100svh;max-height:1080px;position:relative;background:#183b40;color:#fff6e6;overflow:hidden;isolation:isolate}.world-scene{position:absolute;inset:0;z-index:-1;overflow:hidden}.world-scene>img{width:100%;height:100%;object-fit:cover;object-position:center;animation:sea-breath 24s ease-in-out infinite alternate;transform-origin:75% 55%}.world-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,33,37,.73) 0%,rgba(9,33,37,.44) 35%,rgba(9,33,37,0) 70%),linear-gradient(0deg,rgba(6,30,33,.63),transparent 28%,transparent 75%,rgba(6,30,33,.4))}.world-content{position:absolute;top:22%;left:8%;width:67%;max-width:960px}.world-kicker{font-size:10px;letter-spacing:.23em;display:flex;gap:15px;align-items:center;margin-bottom:26px}.world-kicker>span{width:48px;height:1px;background:#d2c0a3}.world-content h1{font-size:clamp(82px,9.3vw,147px);line-height:.91;letter-spacing:-.057em;font-weight:400;margin:0 0 28px;text-shadow:0 2px 25px #14343815}.world-content h1 em{font-weight:400;color:#f3d0a8}.world-intro{font-size:16px;line-height:1.7;color:#f0eee3;max-width:340px;margin-bottom:27px}.journey-button{display:inline-flex;align-items:center;gap:26px;font-size:12px;font-weight:500;letter-spacing:.02em}.journey-button i{font-style:normal;border:1px solid #fff8e770;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:24px;transition:background .2s,transform .2s}.journey-button:hover i{background:#fff8e7;color:#173b3c;transform:rotate(45deg)}.host-postcard{position:absolute;right:7%;bottom:15%;width:163px;transform:rotate(7deg);background:#f8f0df;padding:8px 8px 12px;color:#213c38;box-shadow:0 16px 40px #08232860;transition:transform .35s}.host-postcard:hover{transform:rotate(0deg) translateY(-7px)}.host-postcard>div{height:188px;overflow:hidden}.host-postcard img{width:100%;height:100%;object-fit:cover;object-position:50% 23%}.host-postcard>span{display:flex;justify-content:space-between;align-items:center;font:italic 15px/1.3 Georgia;margin-top:10px}.host-postcard b{font-size:18px;font-weight:400}.world-bottom{position:absolute;left:6%;right:6%;bottom:6%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.08em}.scroll-cue{display:flex;gap:15px;align-items:center}.scroll-line{display:block;width:1px;height:35px;background:#ffffff55;position:relative;overflow:hidden}.scroll-line:after{content:'';position:absolute;top:0;left:0;width:1px;height:15px;background:#f7eddb;animation:scroll-hint 3s ease-in-out infinite}.world-coordinate{font-size:10px;letter-spacing:.23em}.world-coordinate i{font-style:normal;font-size:21px;margin:0 25px;vertical-align:middle}.motion-control{background:#173c3b38;border:1px solid #ffffff48;border-radius:30px;color:#fff8e9;font-size:10px;letter-spacing:.03em;padding:8px 12px;display:flex;align-items:center;gap:7px}.world-caption{position:absolute;bottom:12px;right:6%;font-size:8px;letter-spacing:.04em;color:#ebe4d4}.manifesto{text-align:center;padding-top:100px;padding-bottom:100px;max-width:1100px}.sun-flower{display:block;color:#b65735;font-size:46px;line-height:1;margin-bottom:30px}.manifesto .eyebrow{font-size:9px;color:#8d6d53}.manifesto h2{font-size:clamp(32px,3.8vw,55px);line-height:1.23;letter-spacing:-.03em;max-width:990px;margin:0 auto 25px}.manifesto h2 em{color:#a45135}.manifesto-small{max-width:570px;margin:0 auto;font-size:14px;line-height:1.95;color:#697368}.hand-sign{display:inline-block;font:italic 36px Georgia;color:#a45135;transform:rotate(-7deg);margin-top:25px}.crossing{display:grid;grid-template-columns:1.2fr 1fr;max-width:1440px;margin:0 auto;padding:20px 5% 100px;gap:7%;align-items:center;scroll-margin-top:30px}.crossing-visual{height:610px;position:relative}.crossing-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,#18383c88);pointer-events:none}.crossing-visual>img{height:100%;width:100%;object-fit:cover;object-position:35% center}.destination-label{position:absolute;bottom:45px;left:35px;z-index:1;color:#fff3e3;display:flex;align-items:flex-start;gap:22px}.destination-label>span{font-size:11px;border:1px solid #fff3e36e;border-radius:50%;padding:5px 10px;margin-top:5px}.destination-label strong{font:400 73px/.96 Georgia;letter-spacing:-.05em}.destination-label em{font-weight:400;color:#f4d4a8}.visual-credit{position:absolute;bottom:10px;left:20px;color:#fff3e3;z-index:1;font-size:8px}.crossing-copy h2{font-size:clamp(45px,4.8vw,70px);margin-bottom:25px}.crossing-copy h2 em{color:#b45537}.crossing-copy>p{font-size:14px;line-height:1.9;color:#687264;max-width:360px}.crossing-copy .eyebrow{font-size:9px;color:#aa5136}.crossing-route{list-style:none;padding:0;margin:30px 0 32px;display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:11px}.crossing-route span{color:#ac5838;font-size:9px;margin-right:9px}.round-link{display:inline-flex;align-items:center;gap:25px;font-size:12px}.round-link i{width:43px;height:43px;display:grid;place-items:center;border:1px solid #9ba291;border-radius:50%;font-size:23px;font-style:normal}.round-link:hover i{background:#294842;color:#fff8e9}.living-book{background:#153638;color:#f5edda;padding:85px 8% 65px;position:relative;overflow:hidden}.living-book:before{content:'LA LISTA';position:absolute;top:0;right:-30px;font:180px/1 Georgia;letter-spacing:-.04em;color:#fff1d903;pointer-events:none}.book-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;max-width:1220px;margin:0 auto 43px;position:relative}.book-heading h2{font-size:clamp(41px,5vw,70px);margin-bottom:0;line-height:1}.book-heading h2 em{color:#d7b88b}.book-heading .eyebrow{font-size:9px;color:#ccb28e}.book-heading>p{max-width:210px;font-size:12px;line-height:1.8;color:#c9d1c3;margin:0 0 4px}.book-tabs{max-width:1220px;margin:0 auto 0;display:flex;gap:0}.book-tabs button{background:transparent;color:#c4ccbd;border:0;border-bottom:2px solid transparent;padding:15px 25px;font-size:12px;text-align:left}.book-tabs button small{font-size:8px;margin-right:10px;opacity:.65}.book-tabs button[aria-selected=true]{color:#183936;background:#f3eddc;border-color:#ba5f3d}.book-frame{max-width:1220px;margin:auto;perspective:1800px;box-shadow:0 25px 60px #031e2680;position:relative}.book-frame:before,.book-frame:after{content:'';position:absolute;height:5px;bottom:-5px;left:5px;right:5px;background:#d0c8b3;border-bottom:1px solid #838676}.book-frame:after{bottom:-9px;left:10px;right:10px;height:4px;background:#adae96}.book-panel{display:grid;grid-template-columns:1fr 1fr;min-height:485px;background:#f3eddc;color:#203d35}.book-panel[hidden]{display:none!important}.book-page{position:relative;min-width:0}.book-text{padding:30px 48px 58px;background:linear-gradient(90deg,#f5efdf 94%,#d6d0ba);display:flex;align-items:flex-start;flex-direction:column}.book-page-top{display:flex;width:100%;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.14em;padding-bottom:20px;border-bottom:1px solid #c7c9b4;margin-bottom:38px;color:#8b8871}.book-chapter{font:italic 15px Georgia;color:#b05637;margin-bottom:15px}.book-text h3{font-size:clamp(28px,3.1vw,46px);line-height:1.12;letter-spacing:-.035em;margin-bottom:20px;max-width:450px}.book-text>p{font-size:13px;color:#667060;line-height:1.8;max-width:350px;margin-bottom:25px}.book-text>.text-link{font-size:11px;margin-top:auto}.book-bottom{position:absolute;bottom:19px;left:48px;right:48px;font-size:8px;letter-spacing:.12em;display:flex;align-items:center;justify-content:space-between;color:#8b8871}.book-bottom span{color:#b25839;font-size:18px}.book-visual{padding:20px 20px 50px 20px;background:linear-gradient(90deg,#d6d0ba,#f1e9d5 6%);display:flex;flex-direction:column}.book-visual>img{width:100%;height:100%;min-height:300px;object-fit:cover;flex:1;max-height:420px}.book-image-note{font-size:8px;position:absolute;bottom:29px;left:23px;color:#6c735f}.book-visual-title{position:absolute;font:italic 41px Georgia;bottom:95px;left:50%;transform:translateX(-50%) rotate(-8deg);color:#fff8e9;white-space:nowrap;text-shadow:0 1px 20px #173b35}.book-controls{max-width:1220px;margin:32px auto 0;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px}.book-controls>span{letter-spacing:.16em}.book-controls>div{display:flex;gap:10px}.book-controls button{background:transparent;border:1px solid #acb8a158;border-radius:50%;width:42px;height:42px;color:#f3ead8;font-size:19px}.book-controls button:hover{background:#f3ead8;color:#203d35}.book-controls>a{font-size:11px;text-decoration:underline;text-underline-offset:5px}.book-panel.turning .book-text{animation:page-settle .5s ease both}.book-panel.turning .book-visual{animation:page-photo .65s ease both}.host-intro{display:grid;grid-template-columns:.85fr 1.2fr;gap:12%;align-items:center;padding-top:110px;padding-bottom:110px;max-width:1290px}.host-window{position:relative;height:540px;border-radius:48% 48% 0 0;overflow:hidden;background:#cba47f}.host-window>img{width:100%;height:100%;object-fit:cover;object-position:50% 19%}.host-window:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b2c30a1,transparent 40%);pointer-events:none}.host-window-sign{position:absolute;bottom:110px;left:28px;font:italic 39px Georgia;color:#fff7e7;transform:rotate(-8deg);z-index:1}.play-story{position:absolute;bottom:30px;left:28px;right:25px;color:#fff7e7;z-index:2;display:flex;gap:13px;align-items:center;font-size:11px}.play-story>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid #fff7e77a;font-size:20px}.host-words>h2{font-size:clamp(39px,4.4vw,63px);line-height:1.08;max-width:580px}.host-words>h2 em{color:#aa4c31}.host-words>p{font-size:14px;color:#6b7264;line-height:1.9;max-width:440px}.host-words>.eyebrow{font-size:9px;color:#997954;max-width:430px}.host-seal{display:flex;align-items:center;gap:18px;font-size:8px;letter-spacing:.13em;color:#9a7c5a;margin-top:36px}.host-seal>span{font-size:34px;color:#b2593b}.story-invite{position:relative;background:#aa5035;color:#fbefdc;text-align:center;padding:95px 6%;overflow:hidden;isolation:isolate}.story-invite>div{position:relative;z-index:1}.invite-outline{position:absolute;left:-20px;bottom:-190px;font:italic 530px/.9 Georgia;color:#f8dfba0c;pointer-events:none}.story-invite h2{font-size:clamp(50px,6vw,88px);line-height:1.03;margin:0 0 28px}.story-invite h2 em{color:#ecc7a1}.story-invite p{font-size:15px;max-width:480px;margin:0 auto 22px;color:#f3dfc9}.invite-instagram{display:block;margin:28px auto 0;font-size:11px;width:fit-content;text-decoration:underline;text-underline-offset:5px}.footer{max-width:none;padding-left:8%;padding-right:8%;background:#eeeadc}.footer .wordmark{font-size:63px}.footer-motto{font:italic 24px/1.25 Georgia;color:#8e684e}.footer-links{padding-top:10px}.header nav a,.text-link{transition:color .2s}.story-card .card-image{border-radius:120px 120px 0 0}.story-grid.two .card-image{border-radius:0}.journal>.page-heading{padding-left:4%;border-left:1px solid #b25634}.journal .page-heading h1{font-style:italic;font-size:clamp(55px,7vw,96px)}.article-head{padding-top:70px}.article-head h1{font-size:clamp(46px,6.3vw,92px);line-height:1.02}.article-cover{max-width:1380px;position:relative;padding:0 3%}.article-cover img{border-radius:45% 45% 0 0;max-height:660px;object-position:center}.article-layout .prose>p:first-of-type:first-letter{float:left;font:78px/.86 Georgia;padding:10px 9px 0 0;color:#ab5034}.about-portrait{padding-top:25px;transform:rotate(3deg)}.about-portrait img{border-radius:48% 48% 0 0}.about h1 em,.list-page .page-heading{color:#934a34}.contact-grid aside{border-radius:140px 140px 0 0;padding:100px 40px 45px}.contact-page .page-heading h1{font-style:italic}.journey-steps li:hover{background:#e7dfca3d}.journey-steps li{transition:background .3s}.video-section{scroll-margin-top:20px}.button{border-radius:50px}.motion-off .world-scene>img,.motion-off .scroll-line:after{animation-play-state:paused}.motion-off .book-panel.turning>*{animation:none}.in-view{animation:gentle-arrival .65s ease both}
@keyframes sea-breath{from{transform:scale(1.015)}to{transform:scale(1.055)}}@keyframes scroll-hint{0%{transform:translateY(-15px)}70%,100%{transform:translateY(36px)}}@keyframes page-settle{from{opacity:.6;transform:rotateY(-5deg)}to{opacity:1;transform:rotateY(0)}}@keyframes page-photo{from{opacity:.45}to{opacity:1}}@keyframes gentle-arrival{from{opacity:.7;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.world-content{left:10%}.world-content h1{font-size:155px}.host-postcard{right:10%}.living-book{padding-left:calc((100vw - 1220px)/2);padding-right:calc((100vw - 1220px)/2)}}
@media(max-width:1050px){.world-content h1{font-size:clamp(78px,10vw,115px)}.world-content{left:6%;top:23%;width:78%}.host-postcard{width:137px;right:6%;bottom:15%}.host-postcard>div{height:150px}.host-postcard>span{font-size:12px}.crossing{gap:5%}.crossing-visual{height:535px}.crossing-copy h2{font-size:50px}.crossing-route{grid-template-columns:1fr;gap:8px}.living-book{padding-left:5%;padding-right:5%}.book-text{padding-left:30px;padding-right:30px}.book-bottom{left:30px;right:30px}.host-intro{gap:7%}.host-window{height:485px}.host-words h2{font-size:49px}}
@media(max-width:720px){body:has(.world-hero) .header{height:83px;padding:0 6%}.header nav.open{background:#173a3a;color:#fff3e1}.header nav.open a{padding:12px 0}.world-hero{height:calc(100svh + 20px);min-height:740px;max-height:940px}.world-scene>img{object-position:65% center}.world-shade{background:linear-gradient(90deg,#102f39b5,#102f3959 65%,#102f391a),linear-gradient(0deg,#0a2c34b0,transparent 70%)}.world-content{top:21%;left:6%;width:88%}.world-kicker{font-size:8px;letter-spacing:.18em;margin-bottom:25px}.world-content h1{font-size:clamp(62px,13vw,92px);line-height:.97;letter-spacing:-.05em;margin-bottom:22px}.world-intro{font-size:14px;line-height:1.8;max-width:280px}.journey-button{font-size:11px;gap:20px}.journey-button i{width:44px;height:44px;font-size:21px}.host-postcard{width:108px;padding:5px 5px 9px;bottom:14%;right:9%;transform:rotate(8deg)}.host-postcard>div{height:113px}.host-postcard>span{font-size:10px;margin-top:7px}.host-postcard>span>b{font-size:14px}.world-bottom{bottom:6%;font-size:8px;letter-spacing:0;align-items:end}.world-coordinate{display:none}.scroll-cue{gap:10px;font-size:9px}.motion-control{font-size:8px;padding:7px 9px}.world-caption{font-size:7px;bottom:11px}.manifesto{padding:65px 7%}.manifesto h2{font-size:31px;line-height:1.3}.manifesto h2 br{display:none}.manifesto-small{font-size:13px}.manifesto .sun-flower{font-size:35px;margin-bottom:25px}.hand-sign{font-size:31px}.crossing{display:flex;flex-direction:column;gap:38px;padding:0 6% 65px}.crossing-visual{width:100%;height:420px}.destination-label{left:25px;bottom:35px;gap:15px}.destination-label strong{font-size:65px}.destination-label>span{font-size:9px;padding:4px 8px}.crossing-copy{width:100%}.crossing-copy h2{font-size:52px;line-height:1.03}.crossing-copy .eyebrow{margin-bottom:20px}.crossing-copy>p{max-width:100%;font-size:14px}.crossing-route{grid-template-columns:1fr 1fr;margin-top:24px}.living-book{padding:55px 6% 45px}.book-heading{display:block;margin-bottom:28px}.book-heading h2{font-size:49px;margin-bottom:20px}.book-heading>p{max-width:100%;font-size:12px}.book-heading .eyebrow{margin-bottom:20px}.living-book:before{font-size:100px}.book-tabs{width:100%}.book-tabs button{padding:13px 10px;font-size:10px;flex:1;text-align:center}.book-tabs button small{display:block;margin:0 0 3px;font-size:7px}.book-panel{grid-template-columns:1fr;min-height:0}.book-text{padding:24px 25px 58px;background:#f5efdf;min-height:380px}.book-page-top{margin-bottom:25px;padding-bottom:15px;font-size:7px}.book-text h3{font-size:34px;line-height:1.12}.book-text>p{font-size:13px;margin-bottom:22px}.book-chapter{font-size:14px}.book-bottom{left:25px;right:25px;font-size:7px}.book-visual{padding:0 12px 32px;background:#f5efdf;min-height:245px}.book-visual>img{height:235px;min-height:235px;max-height:235px;aspect-ratio:1.2}.book-visual-title{bottom:70px;font-size:33px}.book-image-note{bottom:13px;left:14px;font-size:7px}.book-controls{gap:10px;margin-top:25px}.book-controls>span{font-size:9px}.book-controls>a{font-size:9px;max-width:112px;text-align:right}.book-controls button{width:36px;height:36px;font-size:17px}.host-intro{display:flex;flex-direction:column;padding:65px 8%;gap:40px}.host-window{width:min(100%,360px);height:450px}.host-words h2{font-size:43px}.host-words>p{font-size:14px}.host-window-sign{font-size:35px}.host-seal{margin-top:28px;font-size:7px}.story-invite{padding:65px 6%}.story-invite h2{font-size:48px;line-height:1.08}.story-invite p{font-size:14px}.invite-outline{font-size:380px;bottom:-100px;left:-90px}.footer .wordmark{font-size:55px}.footer-motto{font-size:24px}.footer{padding:40px 6% 24px}.article-cover{padding:0 3%}.article-cover img{border-radius:0;min-height:265px}.article-head h1{font-size:47px}.article-layout .prose>p:first-of-type:first-letter{font-size:64px}.contact-grid aside{border-radius:100px 100px 0 0;padding:70px 27px 30px}.about-portrait{padding-top:5px;transform:rotate(2deg)}.journal .page-heading h1{font-size:54px}}
@media(max-width:360px){.world-content h1{font-size:57px}.book-text h3{font-size:29px}.world-kicker{font-size:7px}.host-words h2{font-size:37px}.book-controls>a{max-width:90px}}
@media(prefers-reduced-motion:reduce){.world-scene>img,.scroll-line:after,.book-panel.turning>*,.in-view{animation:none!important}.world-scene>img{transform:none}.host-postcard,.journey-button i{transition:none!important}.motion-control{display:none}}