/* The lake story shares the Duo's paper, green type, chapter rhythm and miniature sets. */
.ipad-page{overflow-x:clip}
html:has(.ipad-page){scroll-padding-top:0}
.ipad-page .site-header nav{gap:26px}
.ipad-page .nav-cta{padding:0}
.ipad-page nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px;text-decoration-color:var(--accent)}
.ipad-hero{position:relative;isolation:isolate;overflow:hidden;padding:146px 24px 42px;min-height:1220px;background:#fcf4e4 url('/assets/ipad/scene-hero.webp') center bottom/cover no-repeat;border-radius:0 0 50% 50% / 0 0 64px 64px}
.lake-word{position:absolute;top:72px;left:0;right:0;z-index:-1;text-align:center;font-size:clamp(150px,24vw,390px);font-weight:750;letter-spacing:-.08em;line-height:1;color:#fffcf3;opacity:.65;pointer-events:none}
.ipad-hero-copy{text-align:center;max-width:810px;margin:auto}
.ipad-hero h1{font-size:clamp(50px,5.8vw,84px);font-weight:650;letter-spacing:-.06em;line-height:1.01}
.ipad-hero-copy>p:not(.eyebrow){max-width:510px;font-size:18px;color:#4b564b;margin:24px auto}
.ipad-text-link{display:inline-flex;align-items:center;gap:26px;font-size:14px;border-bottom:1px solid #25392d55;padding:8px 0}
.ipad-text-link:hover{color:var(--accent)}
.ipad-hero-stage{max-width:850px;margin:58px auto 45px;position:relative}
.hero-tablet{transform:rotate(-3deg)}
.hero-tablet figcaption{display:none}
.ipad-trip-ticket{display:flex;justify-content:center;max-width:700px;margin:auto;padding:19px 12px;background:#faf6eeed;border:1px solid #ffffffa0;border-radius:4px;box-shadow:0 10px 30px #42352412;position:relative;z-index:2}
.ipad-trip-ticket span{font-size:12px;padding:0 25px;border-right:1px dashed #898c7b}
.ipad-trip-ticket span:last-child{border:0}
.ipad-chapter-nav{position:sticky;top:0;z-index:7;display:flex;justify-content:center;gap:34px;padding:21px 24px;background:#faf6eef2;backdrop-filter:blur(16px);border-bottom:1px solid #25392d14;font-size:11px;font-variant-numeric:tabular-nums}
.ipad-chapter-nav a{color:#858a7c;white-space:nowrap}
.ipad-chapter-nav span{font-size:13px;margin-left:8px;color:var(--ink)}
.ipad-chapter-nav a:hover,.ipad-chapter-nav a[aria-current],.ipad-chapter-nav a[aria-current] span{color:var(--accent)}
.ipad-chapter{position:relative;isolation:isolate;overflow:hidden;padding:110px 24px 225px;margin-bottom:36px;scroll-margin-top:62px;border-radius:0 0 50% 50% / 0 0 68px 68px}
.ipad-scene-art{position:absolute;z-index:-1;inset:auto 0 0;width:100%;height:min(100%,1100px);pointer-events:none;mask-image:linear-gradient(to bottom,transparent,#000 28%)}
.ipad-scene-art img{width:100%;height:100%;object-fit:cover;object-position:center bottom;max-width:none}
.ipad-heading{max-width:900px;margin:0 auto 58px;text-align:center;position:relative;z-index:1}
.ipad-heading .eyebrow{font-size:12px;color:#737c6d;margin-bottom:25px}
.ipad-heading h2{font-size:clamp(38px,4.8vw,68px);font-weight:600;letter-spacing:-.055em;line-height:1.04}
.ipad-heading>p:last-child{max-width:570px;margin:25px auto 0;font-size:17px;line-height:1.7;color:#586651;text-wrap:pretty}
.ipad-figure{margin:0 auto;max-width:940px;width:100%;position:relative;rotate:var(--float-rotation,0deg);translate:0 var(--float-y,0px)}
.ipad-figure.is-floating{will-change:translate,rotate}
.ipad-device{position:relative;display:block;width:100%;padding:1.65%;border:2px solid #969b99;border-radius:4.3% / 5.6%;background:#131615;box-shadow:inset 0 0 0 2px #555b57,inset 0 0 0 4px #222624,6px 9px 0 -5px #525956,0 30px 45px -14px #23342c66;line-height:0;cursor:zoom-in;isolation:isolate}
.ipad-device:before{content:"";position:absolute;top:13%;left:-5px;width:3px;height:7%;border-radius:2px;background:linear-gradient(90deg,#8b918d,#414842)}
.ipad-device:after{content:"";position:absolute;top:-5px;right:14%;width:6%;height:3px;border-radius:2px;background:linear-gradient(#91968f,#484e49)}
.ipad-camera{position:absolute;top:.55%;left:49.7%;width:.65%;aspect-ratio:1;border-radius:50%;background:#090c0b;box-shadow:inset 0 0 0 1px #292e2b}
.ipad-screen{display:block;width:100%;height:auto;border-radius:2.7% / 3.6%;background:#fff}
.ipad-device.portrait{padding:2.2%;border-radius:5.6% / 4.3%}
.ipad-device.portrait .ipad-screen{border-radius:3.6% / 2.7%}
.ipad-device.portrait .ipad-camera{top:49.7%;left:98.2%;width:.85%}
.ipad-figure figcaption{display:table;max-width:90%;margin:26px auto 0;padding:9px 18px;border:1px solid #ffffff80;border-radius:40px;background:#faf6eeed;backdrop-filter:blur(12px);font-size:12px;color:#52604c;line-height:1.6;text-align:center}
.ipad-hero-stage .ipad-figure figcaption{display:none}
.ipad-gallery{max-width:940px;margin:auto}
.ipad-switch{display:flex;justify-content:center;width:fit-content;max-width:100%;gap:5px;margin:0 auto 42px;padding:5px;background:#e3e5d8;border-radius:40px;position:relative;z-index:3}
.ipad-switch[hidden]{display:none}
.ipad-switch button{border:0;border-radius:30px;background:transparent;color:#44563e;padding:12px 24px;font-size:13px;white-space:nowrap}
.ipad-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.ipad-gallery-stage{display:grid;gap:60px}
.ipad-gallery.enhanced .ipad-gallery-stage{display:block}
.ipad-gallery-view[hidden]{display:none}
#packing .ipad-gallery-stage{transform:rotate(-2deg)}
#route .ipad-figure{transform:rotate(2deg)}
#discover .ipad-gallery-stage{transform:rotate(2deg)}
#memories .ipad-gallery-stage{transform:rotate(-2deg)}
.ipad-split{padding-left:40px;padding-right:40px;padding-bottom:260px;min-height:990px;display:flex;align-items:center}
.ipad-split-inner{width:100%;max-width:1330px;margin:0 auto;display:grid;grid-template-columns:.68fr 1.32fr;gap:70px;align-items:center}
.ipad-split .ipad-heading{text-align:left;margin:0;isolation:isolate}
.ipad-split .ipad-heading:before{content:"";position:absolute;inset:-70px -70px;z-index:-1;background:radial-gradient(ellipse,#faf6ee 20%,#faf6eed9 55%,transparent 74%)}
.ipad-split h2{font-size:clamp(40px,4.4vw,64px)}
.ipad-split .ipad-heading>p:last-child{max-width:350px;margin-left:0}
.ipad-split .ipad-figure{transform:rotate(3deg)}
.ipad-orientations{max-width:1130px;margin:0 auto;display:flex;align-items:center;gap:32px}
.ipad-orientations .music-wide{width:74%;transform:rotate(-3deg)}
.ipad-orientations .music-tall{width:27%;transform:rotate(4deg)}
.ipad-orientations .music-tall figcaption{max-width:100%;font-size:11px}
.ipad-cover{padding:100px 0 0}
.ipad-cover .ipad-heading{padding:0 24px;margin-bottom:0}
.ipad-cover-set{position:relative;isolation:isolate;max-width:1800px;margin:0 auto;height:960px;padding:105px 24px 0}
.ipad-cover-set .ipad-scene-art{height:100%;mask-image:linear-gradient(to bottom,transparent,#000 20%)}
.ipad-on-stand{position:relative;isolation:isolate;width:66%;max-width:820px;margin:0 auto;perspective:1600px}
.ipad-on-stand .ipad-figure{z-index:2;transform:rotateX(7deg);translate:none;rotate:none;will-change:auto}
.ipad-on-stand .ipad-device{box-shadow:inset 0 0 0 2px #555b57,5px 7px 0 -4px #434a46,0 18px 24px -14px #1e2b2240}
.ipad-on-stand figcaption{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:105px;white-space:nowrap}
.ipad-stand{position:absolute;width:34%;height:auto;aspect-ratio:1;bottom:-14%;left:33%;z-index:0;pointer-events:none}
@media(max-width:700px){.ipad-stand{bottom:-18%}}
.ipad-closing{position:relative;isolation:isolate;min-height:830px;padding:80px 24px 390px;background:#fcf4e4 url('/assets/ipad/scene-hero.webp') center bottom/cover no-repeat;text-align:center}
.ipad-closing:before{content:"";position:absolute;inset:0 0 auto;height:130px;background:linear-gradient(var(--paper),transparent);z-index:-1}
.ipad-closing h2{font-size:clamp(42px,5vw,70px);font-weight:600}
.ipad-closing p:not(.eyebrow){margin:25px auto;max-width:500px}
.ipad-closing .app-store-badge{display:inline-block}
.ipad-closing small{display:block;font-size:12px;color:#596452;margin-top:18px}
.ipad-footer{display:grid;grid-template-columns:140px 1fr;gap:20px 40px;padding-top:40px;padding-bottom:40px}
.ipad-footer p{font-size:12px;color:var(--muted);max-width:560px}
.ipad-footer>div{grid-column:2;display:flex;flex-wrap:wrap;gap:24px;font-size:12px;color:var(--muted)}
.ipad-lightbox{max-width:calc(100vw - 32px);max-height:calc(100dvh - 24px);padding:48px 0 0;border:0;background:transparent;overflow:visible}
.ipad-lightbox::backdrop{background:#101b15ee;backdrop-filter:blur(15px)}
.ipad-lightbox>img{display:block;max-width:calc(100vw - 40px);max-height:calc(100dvh - 110px);width:auto;height:auto;object-fit:contain;border-radius:8px}
.lightbox-close{position:absolute;right:0;top:0;display:grid;place-items:center;background:#faf6ee;color:var(--ink);border:0;width:40px;height:40px;border-radius:50%;box-shadow:0 3px 12px #0003}
@media(min-width:1700px){.ipad-hero{padding-top:165px;min-height:1350px}.ipad-hero-stage{max-width:950px}.ipad-chapter{padding-bottom:290px}.ipad-split{min-height:1100px}.ipad-cover{padding-bottom:0}.ipad-cover-set{height:980px;padding-top:130px}.ipad-on-stand{max-width:950px}}
@media(max-width:1000px){.ipad-page .site-header nav{gap:18px}.ipad-chapter-nav{gap:20px}.ipad-hero{min-height:0;padding-top:135px;padding-bottom:40px}.ipad-hero-stage{max-width:750px;margin-top:55px;margin-bottom:45px}.ipad-chapter{padding-bottom:160px}.ipad-split{display:block;padding:90px 24px 170px;min-height:0}.ipad-split-inner{display:block}.ipad-split .ipad-heading{text-align:center;margin:0 auto 55px}.ipad-split .ipad-heading>p:last-child{max-width:570px;margin-left:auto}.ipad-split .ipad-heading:before{display:none}.ipad-orientations{gap:20px}.ipad-cover{padding-bottom:0}.ipad-cover-set{height:auto;min-height:700px;padding-top:90px;padding-bottom:180px}.ipad-on-stand{width:80%}}
@media(max-width:700px){.ipad-page .site-header{height:76px;padding:0 20px}.ipad-page .site-header nav{gap:16px;font-size:12px}.ipad-page .nav-home,.ipad-page .nav-cta{display:none}.ipad-hero{padding:118px 22px 32px;background-size:auto 850px;border-radius:0 0 50% 50% / 0 0 28px 28px}.ipad-hero h1{font-size:48px}.lake-word{top:90px;font-size:28vw}.ipad-hero-copy>p:not(.eyebrow){font-size:16px;max-width:340px}.ipad-hero-stage{margin:52px auto 44px;width:100%}.ipad-trip-ticket{padding:16px 10px;flex-wrap:wrap;row-gap:9px}.ipad-trip-ticket span{font-size:10px;padding:0 12px}.ipad-trip-ticket span:first-child{flex-basis:100%;text-align:center;border:0}.ipad-chapter-nav{padding:15px 18px;justify-content:flex-start;gap:24px;overflow-x:auto;font-size:10px;scrollbar-width:none}.ipad-chapter-nav a{flex-shrink:0}.ipad-chapter-nav span{display:block;margin:4px 0 0;font-size:11px}.ipad-chapter{padding:76px 22px 125px;scroll-margin-top:70px;margin-bottom:18px;border-radius:0 0 50% 50% / 0 0 28px 28px}.ipad-heading{margin-bottom:38px}.ipad-heading .eyebrow{font-size:11px;margin-bottom:20px}.ipad-heading h2,.ipad-split h2{font-size:37px}.ipad-heading>p:last-child{font-size:16px;line-height:1.65;margin-top:23px}.ipad-scene-art{left:-16%;width:132%;height:78%}.ipad-figure figcaption{font-size:11px;max-width:94%;padding:8px 12px;margin-top:22px}.ipad-device{border-width:1px;box-shadow:inset 0 0 0 1px #555b57,4px 6px 0 -4px #525956,0 18px 26px -10px #23342c66}.ipad-camera{box-shadow:none}.ipad-device:before{left:-3px;width:2px}.ipad-device:after{top:-3px;height:2px}.ipad-switch{margin-bottom:34px;gap:3px;padding:4px}.ipad-switch button{font-size:12px;padding:11px 15px}.ipad-split .ipad-heading{margin-bottom:38px}.ipad-orientations{gap:12px;align-items:center}.ipad-orientations .music-wide{width:72%}.ipad-orientations .music-tall{width:28%}.ipad-orientations figcaption{font-size:10px;padding:7px 9px;border-radius:14px}.ipad-orientations .music-tall figcaption{font-size:10px}.ipad-cover{padding:76px 0 0}.ipad-cover-set{min-height:0;padding:65px 22px 135px}.ipad-cover-set .ipad-scene-art{inset:0;width:100%;height:100%;mask-image:linear-gradient(to bottom,transparent,#000 16%)}.ipad-on-stand{width:93%}.ipad-on-stand figcaption{position:relative;top:auto;left:auto;transform:none;white-space:normal;margin-top:65px}.ipad-closing{min-height:680px;padding:65px 22px 300px;background-size:auto 680px}.ipad-closing h2{font-size:41px}.ipad-closing p:not(.eyebrow){font-size:16px;max-width:310px}.ipad-footer{display:block;padding:30px 24px}.ipad-footer p{margin:20px 0}.ipad-footer>div{gap:18px;margin-top:0}}
@media(max-width:370px){.ipad-page .site-header nav{gap:10px;font-size:11px}.ipad-hero h1{font-size:43px}.ipad-heading h2{font-size:34px}.ipad-switch button{padding:11px 12px}}
@media(prefers-reduced-motion:reduce){html:has(.ipad-page){scroll-behavior:auto}.ipad-figure{translate:none;rotate:none;will-change:auto}}
@media(min-width:1700px){.ipad-cover-set{height:1080px}}
@media(max-width:700px){.ipad-cover-set{padding:85px 22px 160px}.ipad-on-stand figcaption{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:90%;max-width:none;margin-top:55px}}
@media(max-width:700px){.ipad-cover-set .ipad-scene-art img{position:absolute;bottom:0;height:calc(100% + 160px)}}