:root{--paper:#f7f3ec;--pink:#cf7881;--ink:#443c39;--green:#3f502e;--line:#443c3926;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:7px}button{touch-action:manipulation}img{display:block;width:100%;height:auto}figure{margin:0}.skip-link{position:fixed;left:20px;top:-100px;padding:16px;background:white;z-index:100}.skip-link:focus{top:12px}.masthead{height:112px;display:flex;align-items:center;justify-content:space-between;margin:0 4.2%;border-bottom:1px solid var(--line);position:relative;z-index:3}.logo{width:143px;aspect-ratio:2.95;overflow:hidden;display:block;position:relative;flex-shrink:0;mix-blend-mode:multiply}.logo img{position:absolute;width:116%;max-width:none;left:-9%;height:auto;top:50%;transform:translateY(-49%)}.masthead-note{font-size:12px;letter-spacing:.17em}.header-instagram{font-size:14px;padding:14px 0}.header-instagram span{padding-left:17px;font-size:20px}.hero{min-height:calc(100svh - 112px);position:relative;padding:0 4.2%;display:grid;grid-template-columns:57% 43%;align-items:center;isolation:isolate}.hero-copy{position:relative;z-index:2;padding:28px 0 85px}.eyebrow{font-size:12px;font-weight:400;letter-spacing:.15em;line-height:1.6;margin:0 0 35px}.small-line{display:inline-block;width:30px;height:1px;background:currentColor;margin:0 14px;vertical-align:middle}h1{font-family:var(--serif);font-weight:400;letter-spacing:-.074em;font-size:clamp(65px,7.7vw,135px);line-height:1.03;margin:0 0 31px}.line{display:block;white-space:nowrap}h1 em{font-weight:400;color:var(--green)}.hero-description{font-size:16px;line-height:1.8;margin-bottom:33px}.round-link{display:inline-flex;align-items:center;gap:15px;font-size:11px;letter-spacing:.13em;min-height:52px}.circle-arrow{width:49px;height:49px;border:1px solid #443c3955;border-radius:50%;display:grid;place-items:center;font-size:24px;transition:background .3s,transform .3s}.round-link:hover .circle-arrow{background:#e8dfd1;transform:translateY(4px)}.hero-art{position:relative;padding:38px 15px 72px 45px}.hero-photo{transform:rotate(3deg);position:relative;background:#fff;padding:10px 10px 0;box-shadow:0 12px 30px #47322714}.hero-image-window>img{height:min(61svh,640px);min-height:400px;object-fit:cover;object-position:center}.hero-photo figcaption{font-size:9px;letter-spacing:.17em;padding:14px 2px 16px}.sticker{border:0;padding:0;background:none;cursor:pointer;transition:filter .3s;filter:drop-shadow(0 6px 4px #38292415);position:absolute;z-index:3}.sticker img{object-fit:contain;height:100%;width:100%;pointer-events:none}.sticker:hover{filter:drop-shadow(0 12px 8px #38292428)}.hero-heart{width:clamp(100px,12.5vw,190px);height:190px;left:-24px;bottom:35px;transform:rotate(-14deg)}.photo-note{position:absolute;right:-12px;top:15px;z-index:3;font-size:19px;line-height:1.2;font-family:var(--serif);transform:rotate(9deg);background:var(--paper);padding:13px 17px}.photo-note em{color:var(--green)}.hero-bottom{position:absolute;left:4.2%;right:4.2%;bottom:24px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:21px;font-size:10px;letter-spacing:.12em}.hero-bottom em{font-family:var(--serif);letter-spacing:0;text-transform:none;font-size:15px;margin-left:8px}.hero-bottom>span:last-child span{font-size:17px;margin-left:20px}.motion-toggle{position:fixed;left:22px;bottom:16px;z-index:30;border:1px solid #443c3928;background:#f7f3eced;backdrop-filter:blur(6px);border-radius:30px;display:flex;align-items:center;gap:9px;padding:10px 15px;min-height:44px;cursor:pointer}.motion-icon{font-size:15px}.motion-label{font-size:9px;letter-spacing:.12em}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:40;transform-origin:left}.reading-progress span{display:block;background:var(--pink);height:100%;width:0}.first-ending{text-align:center;padding:100px 20px;background:var(--pink)}.first-ending h2{font-family:var(--serif);font-size:10vw;font-weight:400}.intro-item{animation:intro .95s cubic-bezier(.16,1,.3,1) both}.hero-copy .intro-item:nth-child(2),h1 .intro-item:nth-child(1){animation-delay:.12s}h1 .intro-item:nth-child(2){animation-delay:.25s}.hero-art{animation-delay:.15s}.hero-description{animation-delay:.35s}.round-link{animation-delay:.45s}@keyframes intro{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}@media(min-width:1600px){.hero{max-width:1800px;margin:auto}}@media(max-width:1000px){.hero-copy{padding-bottom:100px}h1{font-size:7.5vw}.hero-art{padding-left:15px}.hero-heart{left:-30px}.photo-note{right:-15px;font-size:16px}.masthead-note{font-size:10px}.hero-image-window>img{min-height:360px}.hero-bottom{font-size:9px}.hero-bottom>span:nth-child(2){display:none}}@media(max-width:700px){.masthead{height:86px;margin:0 6%}.masthead .logo{width:112px}.masthead-note{display:none}.header-instagram{font-size:12px}.header-instagram span{padding-left:7px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:0 6%;min-height:auto}.hero-copy{padding:48px 0 0}.eyebrow{font-size:10px;margin-bottom:22px;letter-spacing:.12em}.small-line{width:20px;margin:0 7px}h1{font-size:clamp(48px,12vw,82px);line-height:1.06;letter-spacing:-.065em;margin-bottom:22px}.hero-description{font-size:14px;line-height:1.7;margin:0 0 19px}.round-link{font-size:9px;gap:11px}.circle-arrow{width:40px;height:40px;font-size:20px}.hero-art{padding:26px 17px 88px 32px;margin-top:6px}.hero-image-window>img{height:430px;min-height:0}.hero-heart{width:123px;height:143px;left:-10px;bottom:47px}.photo-note{top:13px;right:-4px;font-size:17px;padding:10px 13px}.hero-photo figcaption{font-size:8px;padding:12px 2px}.hero-bottom{left:6%;right:6%;bottom:21px;padding-top:16px;gap:20px;font-size:8px}.hero-bottom>span:last-child{font-size:0}.hero-bottom>span:last-child span{font-size:18px}.motion-toggle{left:12px;bottom:12px;padding:9px 12px}.motion-label{font-size:8px}.first-ending{min-height:70svh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}body[data-motion=off] *,body[data-motion=off] *::before,body[data-motion=off] *::after{animation:none!important;transition:none!important}
/* Each scene stays in normal document flow: scrolling is always native. */
body{overflow-x:clip}.hero{overflow:clip;min-height:max(680px,calc(100svh - 112px))}.hero-bottom>span:first-child{padding-left:130px}.hero-bottom{bottom:26px}.first-ending{display:none}.good-strip{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#eee9df;padding:26px 0}.strip-track{display:flex;align-items:center;gap:38px;width:max-content;will-change:transform;animation:strip 36s linear infinite}.strip-track span{font-family:var(--serif);font-size:clamp(27px,3vw,48px);color:var(--green);font-style:italic;letter-spacing:-.03em}.strip-track img{width:32px;height:42px;object-fit:contain}.scroll-scene{position:relative}.good-days{height:185svh;background:#eed5ce}.sticky-stage{position:sticky;top:0;height:100svh;min-height:660px;overflow:hidden;isolation:isolate}.scene-topline{position:absolute;left:4.2%;right:4.2%;top:34px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.15em;z-index:5}.moments-copy{position:absolute;left:20%;right:20%;top:50%;translate:0 -50%;text-align:center;z-index:2}.moments-copy h2{font-family:var(--serif);font-size:clamp(60px,7.1vw,115px);letter-spacing:-.065em;font-weight:400;line-height:1.02;margin:0 0 29px;color:#643c3e}.moments-copy h2 em{font-weight:400}.moments-copy .eyebrow{margin-bottom:25px}.moments-copy p:last-child{font-size:15px;line-height:1.75;margin-bottom:0}.moment{position:absolute;width:22%;background:var(--paper);padding:9px;box-shadow:0 15px 30px #69464619;z-index:1;will-change:transform}.moment-one{left:3%;top:12%;transform:translate3d(var(--one-x,0px),var(--one-y,0px),0) rotate(var(--one-r,-11deg))}.moment-two{right:4%;bottom:12%;width:19%;transform:translate3d(var(--two-x,0px),var(--two-y,0px),0) rotate(var(--two-r,10deg))}.photo-zoom{padding:0;border:0;display:block;position:relative;width:100%;overflow:hidden;cursor:zoom-in;background:#ddc6b4}.photo-zoom>img{width:100%;height:min(38svh,380px);object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}.moment-two .photo-zoom>img{height:min(33svh,340px)}.photo-zoom[aria-pressed=true]{cursor:zoom-out}.photo-zoom[aria-pressed=true]>img{transform:scale(1.45)}.zoom-hint{position:absolute;left:0;bottom:0;width:100%;padding:25px 12px 12px;color:white;background:linear-gradient(transparent,#0009);font-size:8px;letter-spacing:.1em;display:flex;align-items:center;justify-content:space-between;opacity:0;transition:opacity .3s}.zoom-hint>span{font-size:17px}.photo-zoom:hover .zoom-hint,.photo-zoom:focus-visible .zoom-hint,.photo-zoom[aria-pressed=true] .zoom-hint{opacity:1}.moment figcaption{font-family:var(--serif);font-style:italic;text-align:center;font-size:14px;padding:13px 4px 5px}.moment-dubai{width:14%;height:150px;right:13%;top:12%;transform:rotate(9deg)}.moment-camel{width:11%;height:190px;left:18%;bottom:12%;transform:rotate(-9deg)}.scene-footnote{position:absolute;left:0;right:0;bottom:27px;text-align:center;font-size:9px;letter-spacing:.1em}.scene-footnote span{font-family:var(--serif);font-style:italic;font-size:15px;letter-spacing:0;margin-left:8px}.colour-scene{height:185svh;background:#293423;color:var(--paper)}.colour-stage{min-height:650px}.colour-image{position:absolute;inset:0;overflow:hidden;clip-path:inset(var(--reveal-y,12%) var(--reveal-x,31%));will-change:clip-path}.colour-image>img{width:100%;height:100%;object-fit:cover;object-position:50% 53%;transform:scale(var(--photo-scale,1.08));will-change:transform}.colour-shade{position:absolute;inset:0;background:linear-gradient(90deg,#172210ba 0%,#17221021 65%,#17221018);opacity:var(--shade-opacity,.1)}.colour-copy{position:absolute;top:50%;left:8.4%;translate:0 -50%;z-index:2}.colour-copy h2{font-family:var(--serif);font-size:clamp(70px,10.5vw,170px);font-weight:400;letter-spacing:-.065em;line-height:.96;margin:0 0 32px}.colour-copy h2 em{font-weight:400}.colour-copy .eyebrow{margin-bottom:32px}.colour-copy p:last-child{font-size:16px;line-height:1.7}.colour-caption{position:absolute;right:5%;bottom:15%;font-size:12px;letter-spacing:.14em;line-height:1.7;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:20px}.colour-dots{display:flex;gap:8px}.colour-dots i{width:16px;height:16px;border:1px solid #f7f3ec77;border-radius:50%;background:#779040}.colour-dots i:nth-child(2){background:#982e3f}.colour-dots i:nth-child(3){background:#e4ac42}.next-frame{position:absolute;left:8.4%;bottom:38px;display:flex;align-items:center;gap:24px;min-height:44px;font-size:10px;letter-spacing:.14em}.next-frame>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid #f7f3ec77;border-radius:50%;font-size:20px;transition:transform .3s}.next-frame:hover>span{transform:translateY(5px)}.closing{position:relative;isolation:isolate;overflow:hidden;min-height:106svh;background:var(--paper);padding:105px 5% 110px;text-align:center}.closing-topline{position:absolute;top:35px;left:4.2%;right:4.2%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em}.closing-main{position:relative;z-index:2;max-width:880px;margin:auto}.closing-logo{width:150px;margin:0 auto 36px;aspect-ratio:2.95}.closing .eyebrow{margin-bottom:26px;font-size:11px}.closing h2{font-family:var(--serif);font-weight:400;font-size:clamp(80px,13.7vw,215px);letter-spacing:-.06em;line-height:.86;color:var(--pink);margin:0 0 34px}.closing h2>span{display:block}.closing h2 em{font-weight:400}.closing h2 .period{font-style:italic;color:var(--green)}.closing-copy{font-size:15px;line-height:1.8;margin:28px 0 23px}.instagram-link{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#513b3d;color:var(--paper);border:1px solid #513b3d;min-height:62px;border-radius:40px;padding:15px 26px;font-size:19px;transition:background .3s,transform .3s}.instagram-link svg{width:23px;height:23px}.instagram-link>span:last-child{font-size:27px;margin-left:23px}.instagram-link:hover{background:var(--green);transform:translateY(-3px)}.closing-heart{width:15%;height:230px;right:5.5%;top:26%;transform:rotate(13deg);--float-rotation:13deg}.closing-dubai{width:18%;height:170px;left:3%;top:49%;transform:rotate(-12deg);--float-rotation:-12deg;animation-delay:-2s!important}.closing-sparkle{position:absolute;width:50px;height:70px;object-fit:contain;--float-rotation:0deg}.sparkle-one{left:17%;top:25%}.sparkle-two{right:18%;bottom:22%;width:25px;height:40px}.closing-footer{position:absolute;left:4.2%;right:4.2%;bottom:25px;border-top:1px solid var(--line);padding-top:23px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em}.closing-footer>span:first-child{padding-left:135px}.closing-footer>a{min-height:30px}.closing-footer>a>span{margin-left:20px;font-size:18px}.additional-socials{margin-top:20px;font-size:14px}.additional-socials a{margin:0 12px;text-decoration:underline;text-underline-offset:5px}.float-gently{animation:float 6s ease-in-out infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes strip{to{transform:translateX(-33.333333%)}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}.sticker.is-playing{animation:sticker-pop .8s cubic-bezier(.22,.61,.36,1)!important}@keyframes sticker-pop{0%,100%{scale:1;rotate:0deg}35%{scale:1.15;rotate:-12deg}65%{scale:1.06;rotate:8deg}}body[data-motion=off] .scroll-scene{height:auto}body[data-motion=off] .sticky-stage{position:relative}body[data-motion=off] .colour-image{clip-path:none!important}body[data-motion=off] .colour-image>img{transform:none!important}body[data-motion=off] .colour-shade{opacity:1!important}body[data-motion=off] .moment{transform:rotate(-6deg)!important}body[data-motion=off] .moment-two{transform:rotate(6deg)!important}body[data-motion=off] .good-strip .strip-track{transform:none!important}body[data-motion=off] .moments-copy{transform:none!important}body[data-motion=off] .sticker.is-playing{outline:2px dotted var(--pink);outline-offset:5px}
@media(min-width:1400px){.moment-one{width:23%;left:4%}.moment-two{width:20%}.moments-copy{left:22%;right:22%}}
@media(max-width:1000px){.moments-copy h2{font-size:7.8vw}.moment{width:24%}.moment-one{left:0;top:14%}.moment-two{right:1%;bottom:13%;width:22%}.moment-dubai{right:9%;width:18%}.moment-camel{left:10%;width:14%;bottom:10%}.closing-heart{width:16%;right:2%}.closing-dubai{width:18%;left:1%}.closing-footer>span:nth-child(2){display:none}.colour-caption{right:5%}.hero-bottom>span:first-child{padding-left:120px}}
@media(max-width:700px){.hero{min-height:0}.hero-bottom>span:first-child{padding-left:0}.hero-bottom{position:static;margin:0 0 24px;padding-top:17px}.hero-art{padding-bottom:66px}.hero-heart{bottom:27px}.good-strip{padding:18px 0}.strip-track{gap:25px}.strip-track img{width:23px;height:30px}.good-days{height:160svh}.sticky-stage{min-height:780px;height:105svh}.scene-topline{top:24px;left:6%;right:6%;font-size:8px;letter-spacing:.1em;gap:24px}.scene-topline span:last-child{text-align:right;max-width:135px}.moments-copy{left:6%;right:6%;top:48%}.moments-copy h2{font-size:clamp(49px,12vw,80px);margin-bottom:23px}.moments-copy .eyebrow{font-size:9px;margin-bottom:16px}.moments-copy p:last-child{font-size:14px}.moment-one{width:38%;left:4%;top:10%;padding:6px}.moment-two{width:35%;right:5%;bottom:9%;padding:6px}.photo-zoom>img{height:155px}.moment-two .photo-zoom>img{height:152px;object-position:50% 40%}.moment figcaption{font-size:10px;padding:9px 0 4px}.moment-dubai{width:30%;height:100px;right:10%;top:15%}.moment-camel{width:21%;height:145px;bottom:10%;left:16%}.zoom-hint{opacity:1;font-size:6px;padding:20px 8px 8px}.zoom-hint>span{font-size:15px}.scene-footnote{font-size:7px;bottom:23px;letter-spacing:.03em}.scene-footnote span{font-size:12px;margin-left:5px}.colour-scene{height:155svh}.colour-stage{min-height:650px;height:100svh}.colour-image{clip-path:inset(var(--reveal-y,12%) var(--reveal-mobile-x,15%))}.colour-image>img{object-position:56% 50%}.colour-shade{background:linear-gradient(90deg,#172210aa,#17221033)}.colour-copy{left:7%;top:47%}.colour-copy h2{font-size:clamp(70px,16vw,115px);margin-bottom:26px}.colour-copy .eyebrow{font-size:9px;max-width:210px;line-height:1.7;margin-bottom:26px}.colour-copy p:last-child{font-size:14px}.colour-caption{bottom:13%;font-size:9px;gap:12px}.colour-dots i{width:12px;height:12px}.next-frame{left:7%;bottom:28px;font-size:9px}.closing{min-height:880px;padding:100px 6% 130px}.closing-topline{top:25px;font-size:8px;left:6%;right:6%}.closing-logo{width:130px;margin-bottom:38px}.closing .eyebrow{font-size:9px;margin-bottom:25px}.closing h2{font-size:18.6vw;line-height:.94;letter-spacing:-.055em;margin-bottom:25px}.closing-copy{font-size:14px;margin:26px 0 24px}.instagram-link{min-height:58px;padding:13px 20px;gap:16px;font-size:17px}.instagram-link>span:last-child{margin-left:10px}.closing-heart{width:24%;height:120px;top:auto;bottom:90px;right:12%;z-index:1}.closing-dubai{width:31%;height:120px;top:auto;bottom:95px;left:8%;z-index:1}.sparkle-one{width:29px;height:45px;top:18%;left:8%}.sparkle-two{width:21px;height:33px;top:39%;right:5%;bottom:auto}.closing-footer{font-size:7px;gap:12px;bottom:25px;padding-top:20px;left:6%;right:6%;text-align:left}.closing-footer>span:first-child{padding-left:0}.closing-footer>a{max-width:135px;font-size:7px}.closing-footer>a>span{font-size:14px;margin-left:8px}.motion-toggle{bottom:10px;left:auto;right:10px}.closing-footer{bottom:68px}.good-strip{margin-top:0}}
@media(max-width:370px){h1{font-size:11.8vw}.hero-art{padding-left:17px;padding-right:11px}.hero-image-window>img{height:365px}.moments-copy h2{font-size:13vw}.closing{min-height:820px}.closing h2{font-size:18.4vw}.closing-copy{font-size:13px}.instagram-link{font-size:16px}.hero-description{font-size:14px}}
@media(prefers-reduced-motion:reduce){.scroll-scene{height:auto}.sticky-stage{position:relative}.colour-image{clip-path:none}.colour-shade{opacity:1}.strip-track{animation:none}.float-gently{animation:none}}
/* Readable captions and a complete closing frame at common laptop sizes. */
html{scroll-padding-top:0}.masthead-note,.eyebrow,.round-link,.hero-photo figcaption,.hero-bottom,.motion-label,.scene-topline,.zoom-hint,.scene-footnote,.next-frame,.closing-topline,.closing .eyebrow,.closing-footer{font-size:12px}.round-link{letter-spacing:.09em}.hero-photo figcaption{font-size:10px;letter-spacing:.1em}.motion-label{font-size:10px}.hero-bottom{font-size:10px}.hero-description,.moments-copy p:last-child,.colour-copy p:last-child,.closing-copy{font-size:16px}.moments-copy,.colour-copy{transform:translateY(var(--copy-y,0));will-change:transform}.colour-image{clip-path:none;inset:var(--reveal-y,12%) var(--reveal-x,31%);will-change:inset}.colour-shade{opacity:1}.closing{min-height:100svh;display:grid;place-items:center;padding:70px 5% 95px}.closing-logo{width:130px;margin-bottom:24px}.closing .eyebrow{margin-bottom:22px}.closing h2{font-size:clamp(85px,min(13.7vw,20svh),200px);margin-bottom:26px}.closing-copy{margin:0 0 22px}.closing-footer{font-size:10px}.closing-footer>span:first-child{padding-left:130px}.next-frame{left:12%;}.good-days{min-height:780px}.colour-scene{min-height:660px}body[data-motion=off] .sticker.is-playing{animation:none!important}body[data-motion=off] .colour-image{inset:0!important}body[data-motion=off] .colour-copy{transform:none!important}
@media(max-width:1000px){.hero-bottom{font-size:10px}.hero-bottom>span:first-child{padding-left:130px}.masthead-note{font-size:12px}.scene-topline{font-size:10px}.moment figcaption{font-size:12px}}
@media(max-width:700px){.eyebrow{font-size:11px}.hero-description{font-size:16px}.round-link{font-size:10px}.hero-photo figcaption{font-size:9px}.hero-bottom{font-size:10px}.hero-bottom>span:first-child{padding-left:0}.scene-topline{font-size:10px}.moments-copy .eyebrow{font-size:10px}.moments-copy p:last-child{font-size:16px}.moments-copy{top:48%}.zoom-hint{font-size:8px}.scene-footnote{font-size:9px;letter-spacing:0}.scene-footnote span{font-size:12px}.colour-image{inset:var(--reveal-y,12%) var(--reveal-mobile-x,15%)}.colour-copy .eyebrow{font-size:10px}.colour-copy p:last-child{font-size:16px}.next-frame{font-size:10px;left:7%}.closing{display:block;min-height:900px;padding:100px 6% 220px}.closing-topline{font-size:9px}.closing .eyebrow{font-size:10px}.closing h2{font-size:18.6vw}.closing-copy{font-size:16px;margin:26px 0 24px}.closing-logo{margin-bottom:38px}.closing-footer{font-size:9px}.closing-footer>span:first-child{padding-left:0}.closing-footer>a{font-size:9px}.moment-one{top:9%}.moment-two{bottom:8%}.moment-camel{bottom:10%}.closing-heart{bottom:110px}.closing-dubai{bottom:112px}}
@media(max-height:550px){.scroll-scene{height:auto;min-height:0}.sticky-stage{position:relative}.hero-copy{padding-top:40px}.closing{min-height:800px}.closing h2{font-size:clamp(85px,12vw,160px)}}
@media(prefers-reduced-motion:reduce){.sticker.is-playing{animation:none!important}.colour-image{inset:0}.moments-copy,.colour-copy{transform:none}}
@media(max-width:700px){.good-days .sticky-stage{height:100svh}.moment-two{bottom:10%}.moment-camel{bottom:12%}}
@media(max-width:700px){.motion-toggle{width:44px;height:44px;min-height:44px;justify-content:center;padding:0}.motion-label{display:none}.closing-footer{right:75px}.closing-footer>a{max-width:110px}}

/* Restore the editorial frame and original logo treatment. */
.masthead{height:124px;justify-content:center;border:0;background:var(--paper);isolation:isolate}
.logo{width:164px;aspect-ratio:1105/392;mix-blend-mode:darken}
.logo img{width:113.484%;left:-7.783%;top:-106.378%;transform:none}
.hero{min-height:max(690px,calc(100svh - 124px));grid-template-columns:58% 42%}
.hero-copy{padding-top:10px;padding-bottom:92px}
h1{font-size:clamp(65px,7.55vw,132px);letter-spacing:-.058em;line-height:1.05}
.hero-art{padding:20px 22px 86px 40px}
.hero-photo{padding:7px;transform:rotate(1.6deg);box-shadow:0 15px 36px #4732270d}
.hero-image-window>img{height:min(59svh,625px)}
.hero-heart{width:clamp(105px,10.8vw,164px);left:-15px;bottom:49px;transform:rotate(-10deg)}
.round-link{letter-spacing:.08em}
.circle-arrow{border-color:#443c3933}
.good-strip{border-color:#443c3914;background:#f0ece4;padding:24px 0}
.moment{padding:7px;box-shadow:0 12px 32px #69464610}
.next-frame{left:8.4%}
.closing-main{background:var(--paper);isolation:isolate}
.closing-logo{width:144px;margin-bottom:27px}
.closing h2{letter-spacing:-.045em}
.location{font-size:12px;letter-spacing:.2em;margin:0 0 26px;color:#786b64}
.instagram-link{background:#4d403d;border-color:#4d403d;gap:21px;padding:13px 26px;min-height:62px;font-size:18px}
.instagram-link>span:last-child{font-size:25px;margin-left:19px}
.closing-footer{left:4.2%;right:4.2%;bottom:25px;border:0;justify-content:flex-end;color:#776b65}
.closing-footer>a{display:grid;place-items:center;width:44px;height:44px;min-height:44px}
.closing-footer>a>span{margin:0;font-size:24px}
.zoom-hint{justify-content:flex-end;padding:18px 12px 12px}
.zoom-hint>span{font-size:24px}
@media(max-width:1000px){.hero-art{padding-left:20px;padding-right:10px}.hero-heart{left:-20px}}
@media(max-width:700px){
 .masthead{height:107px}.masthead .logo{width:137px}.hero{min-height:0}.hero-copy{padding:29px 0 0}
 h1{font-size:clamp(40px,12vw,82px);letter-spacing:-.055em;margin-bottom:24px}
 .round-link{font-size:10px}.hero-art{margin-top:26px;padding:0 12px 61px 24px}.hero-image-window>img{height:425px}
 .hero-heart{width:110px;height:137px;left:-6px;bottom:33px}.good-strip{padding:20px 0}.next-frame{left:7%}
 .closing{min-height:840px;padding-bottom:190px}.closing-logo{width:138px;margin-bottom:35px}
 .closing-heart{bottom:84px}.closing-dubai{bottom:86px}.closing-footer{left:6%;right:6%;bottom:25px}
}
@media(max-width:370px){h1{font-size:11.8vw}.hero-image-window>img{height:365px}.hero-art{padding-left:17px;padding-right:6px}.closing{min-height:800px}}

/* Motion layers restored: entrances, depth, float, tilt and playful tap effects. */
.masthead .logo{animation:logo-arrive 1.25s cubic-bezier(.16,1,.3,1) both}
#hero-title .line{animation:none}
#hero-title{transform:translate3d(0,var(--hero-title-y,0px),0)}
.motion-word,.motion-letter{display:inline-block;opacity:1;transform:translate3d(0,0,0) rotate(0deg);transition:transform 1.05s cubic-bezier(.16,1,.3,1),opacity .7s ease;transition-delay:calc(var(--order,0)*90ms)}
.motion-letter{transition-duration:1.15s,.75s;transition-delay:calc(var(--order,0)*52ms)}
body[data-motion=on] [data-entrance=waiting] .motion-word,body[data-motion=on] [data-entrance=waiting] .motion-letter{opacity:0;transform:translate3d(0,.7em,0) rotate(5deg)}
.hero-image-window{overflow:hidden}
.hero-image-window>img{transform:scale(var(--hero-zoom,1.025));transform-origin:50% 58%}
.hero-photo{transform:perspective(1100px) translate3d(0,var(--hero-photo-y,0px),0) rotate(calc(1.6deg + var(--hero-rotate,0deg))) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .24s ease-out,box-shadow .4s ease}
.hero-photo:hover,.moment:hover{box-shadow:0 22px 45px #4732271c}
.moment-one{transform:perspective(1000px) translate3d(var(--one-x,0px),var(--one-y,0px),0) rotate(var(--one-r,-11deg)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.moment-two{transform:perspective(1000px) translate3d(var(--two-x,0px),var(--two-y,0px),0) rotate(var(--two-r,10deg)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.moment{transition:transform .24s ease-out,box-shadow .4s ease}
.sticker{translate:var(--follow-x,0px) var(--follow-y,0px)}
.sticker img{animation:sticker-bob 5.5s ease-in-out infinite}
.hero-heart img{animation-delay:-.9s}.moment-camel img{animation-duration:6.5s;animation-delay:-2.4s}.moment-dubai img{animation-duration:7s;animation-delay:-1.5s}
.moment-dubai,.moment-camel{rotate:var(--sticker-turn,0deg)}
.float-gently{animation:none}
.closing-heart{translate:var(--follow-x,0px) calc(var(--follow-y,0px) + var(--closing-drift,0px));rotate:var(--closing-turn,0deg)}
.closing-dubai{translate:var(--follow-x,0px) calc(var(--follow-y,0px) + var(--closing-drift,0px));rotate:calc(var(--closing-turn,0deg)*-1)}
.closing-dubai img{animation-delay:-2.8s}
.closing-sparkle{animation:sparkle-breathe 4.8s ease-in-out infinite}.sparkle-two{animation-delay:-2.1s}
.strip-track img{animation:sparkle-turn 15s linear infinite}
.instagram-link{translate:var(--follow-x,0px) var(--follow-y,0px);transition:background .3s,transform .3s,translate .25s ease-out,box-shadow .3s}
.instagram-link>span:last-child{display:inline-block;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.instagram-link:hover{box-shadow:0 9px 24px #3f502e20}.instagram-link:hover>span:last-child{transform:translate(4px,-4px)}
.sparkle-particle{position:fixed;width:25px;height:35px;object-fit:contain;z-index:35;pointer-events:none}
.scene:not(.is-on-screen) .sticker img,.scroll-scene:not(.is-on-screen) .sticker img,.closing:not(.is-on-screen) .closing-sparkle,.good-strip:not(.is-on-screen) .strip-track,.good-strip:not(.is-on-screen) .strip-track img,body.page-inactive *,body.page-inactive *::after{animation-play-state:paused}
@keyframes logo-arrive{from{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}
@keyframes sticker-bob{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-9px) rotate(1.5deg)}}
@keyframes sparkle-breathe{0%,100%{transform:scale(.86) rotate(-9deg);opacity:.75}50%{transform:scale(1.08) rotate(9deg);opacity:1}}
@keyframes sparkle-turn{to{transform:rotate(360deg)}}
@media(max-width:700px){.hero-photo,.moment{transition-duration:.12s}.sticker img{animation-name:sticker-bob-small}.sparkle-particle{width:19px;height:27px}}
@keyframes sticker-bob-small{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}
body[data-motion=off] .motion-word,body[data-motion=off] .motion-letter{opacity:1!important;transform:none!important;transition:none!important}
body[data-motion=off] #hero-title,body[data-motion=off] .hero-image-window>img{transform:none}
body[data-motion=off] .hero-photo{transform:rotate(1.6deg)}
body[data-motion=off] .sticker,body[data-motion=off] .instagram-link{translate:none!important;rotate:none!important}
body[data-motion=off] .sticker img,body[data-motion=off] .closing-sparkle{animation:none!important;transform:none}
@media(prefers-reduced-motion:reduce){.motion-word,.motion-letter{opacity:1!important;transform:none!important;transition:none!important}#hero-title,.hero-image-window>img{transform:none}.hero-photo{transform:rotate(1.6deg)}.sticker,.instagram-link{translate:none!important;rotate:none!important}.sticker img,.closing-sparkle{animation:none!important;transform:none}}

/* Art direction: warm photographic prints, olive accents and generous type. */
:root{--blush:#eee0d9;--rose-ink:#765052;--print:#fffcf5}
body::after{opacity:.024}
.masthead{height:132px;margin:0 5.5%}
.masthead::before,.masthead::after{content:'';height:1px;background:#cf78812e;flex:1;max-width:400px}
.masthead .logo{margin:0 clamp(30px,5vw,80px)}
.hero{padding:0 5.5%;grid-template-columns:57% 43%;min-height:max(650px,calc(100svh - 132px))}
.hero-copy{padding:0 0 86px}
h1{font-size:clamp(64px,7.4vw,126px);line-height:1.06;letter-spacing:-.054em;margin-bottom:38px}
.hero-art{padding:15px 15px 83px 37px}
.hero-photo,.moment{background:var(--print);padding:9px 9px 18px;box-shadow:0 2px 3px #493c2810,0 18px 38px -15px #493c2830}
.hero-image-window,.photo-zoom{outline:1px solid #443c3910;outline-offset:-1px}
.hero-image-window>img{height:clamp(420px,60svh,640px);object-position:50% 52%}
.hero-heart{left:-21px;bottom:48px;width:clamp(110px,11.4vw,174px)}
.circle-arrow{width:52px;height:52px;color:var(--green);border-color:#3f502e45;transition:background .3s,transform .3s,color .3s}
.round-link:hover .circle-arrow{background:var(--green);color:var(--paper)}

/* The ticker is the visual seam between the cream and blush scenes. */
.good-strip{position:relative;z-index:4;background:var(--green);border:0;padding:23px 0}
.strip-track{gap:42px}
.strip-track span{color:var(--paper);font-size:clamp(27px,2.8vw,44px);letter-spacing:-.035em}
.strip-track img{width:27px;height:35px}
.good-days{background:var(--blush)}
.moments-copy{left:19%;right:19%}
.moments-copy h2{color:var(--ink);line-height:1.07;letter-spacing:-.055em;margin:0}
.moments-copy h2 em{color:var(--rose-ink)}
.moment{padding:8px 8px 17px}
.moment-one{left:4%;top:8%;width:21%;max-width:320px}
.moment-two{right:4%;bottom:8%;width:19%;max-width:290px}
.moment-dubai{right:15%;top:12%;width:14%;max-width:220px}
.moment-camel{left:17%;bottom:11%;width:11%;max-width:175px}
.photo-zoom>img{height:min(35svh,350px)}
.moment-two .photo-zoom>img{height:min(32svh,320px)}
.zoom-hint{inset:auto 10px 10px auto;width:32px;height:32px;padding:0;border:1px solid #fffcf59c;border-radius:50%;background:#3f382c42;backdrop-filter:blur(6px);justify-content:center}
.zoom-hint>span{font-family:var(--sans);font-size:20px;line-height:1}

.colour-scene{background:#303c29}
.colour-copy h2{font-size:clamp(76px,9.8vw,158px);line-height:1;letter-spacing:-.055em;margin:0;text-shadow:0 3px 32px #17221024}
.colour-shade{background:linear-gradient(90deg,#172210b5 0%,#17221028 62%,#17221008),linear-gradient(0deg,#17221055,transparent 28%)}
.colour-caption{right:6%;bottom:45px}
.colour-dots{gap:10px}
.colour-dots i{width:14px;height:14px;box-shadow:0 0 0 4px #f7f3ec10}
.next-frame{left:8.4%;bottom:34px}
.next-frame>span{width:50px;height:50px}

.closing{padding:84px 5% 104px}
.closing::before{content:'';position:absolute;left:5.5%;right:5.5%;top:28px;height:1px;background:#cf788132}
.closing-main{background:transparent;isolation:auto}
.closing-logo{background:var(--paper);isolation:isolate;width:146px;margin-bottom:30px}
.closing-logo img{mix-blend-mode:darken}
.location{font-size:10px;letter-spacing:.3em;margin-bottom:27px}
.closing h2{letter-spacing:-.048em;line-height:.92;margin-bottom:35px}
.instagram-link{background:var(--green);border-color:var(--green);min-height:60px;padding:14px 25px;gap:17px;font-size:17px;box-shadow:0 6px 16px #3f502e0b}
.instagram-link:hover{background:#2d3c21;border-color:#2d3c21}
.instagram-link svg{width:20px;height:20px}
.instagram-link>span:last-child{font-size:24px;margin-left:13px}
.closing-heart{right:5%;top:26%;width:13%;max-width:200px}
.closing-dubai{left:5%;top:52%;width:16%;max-width:240px}
.sparkle-one{left:21%;top:23%;width:35px;height:50px}
.sparkle-two{right:23%;bottom:19%;width:23px;height:34px}
.closing-footer>a{border:1px solid #443c3924;border-radius:50%;color:var(--green)}

@media(min-width:1600px){.hero{max-width:1720px}.hero-copy{padding-left:1%}.hero-art{padding-right:3%}}
@media(min-width:701px) and (max-width:1000px){
 .masthead{height:120px}.hero{min-height:max(630px,calc(100svh - 120px));padding:0 4.5%}
 .hero-art{padding-left:16px;padding-right:4px}.hero-copy{padding-bottom:88px}
 .hero-image-window>img{height:clamp(380px,58svh,540px);min-height:0}
 h1{font-size:7.5vw}.hero-heart{left:-20px;width:120px}
 .moments-copy{left:15%;right:15%}.moments-copy h2{font-size:7.7vw}
 .moment-one{left:3%;width:23%;top:8%}.moment-two{right:3%;width:21%;bottom:8%}
 .moment-dubai{right:13%;width:20%}.moment-camel{left:15%;width:15%}
 .closing-heart{right:2%;width:16%}.closing-dubai{left:2%;width:18%}
}
@media(max-width:700px){
 .masthead{height:112px;margin:0 6%}.masthead .logo{width:135px;margin:0 28px}
 .hero{padding:0 6%;min-height:0}.hero-copy{padding:23px 0 0}
 h1{font-size:clamp(39px,11.8vw,82px);line-height:1.06;letter-spacing:-.052em;margin-bottom:23px}
 .circle-arrow{width:44px;height:44px;font-size:21px}
 .hero-art{margin-top:26px;padding:0 5px 62px 23px}
 .hero-photo{padding:7px 7px 15px}
 .hero-image-window>img{height:clamp(330px,82vw,520px);min-height:0;object-position:50% 52%}
 .hero-heart{width:clamp(100px,20vw,122px);height:145px;left:-7px;bottom:31px}
 .good-strip{padding:20px 0}.strip-track{gap:28px}.strip-track span{font-size:29px}.strip-track img{width:22px;height:29px}
 .moments-copy{left:6%;right:6%;top:49%}.moments-copy h2{font-size:clamp(44px,11.8vw,79px);line-height:1.08}
 .moment{padding:6px 6px 12px}
 .moment-one{width:37%;left:6%;top:10%}.moment-two{width:35%;right:7%;bottom:10%}
 .photo-zoom>img{height:clamp(150px,31vw,205px)}.moment-two .photo-zoom>img{height:clamp(145px,30vw,198px)}
 .moment-dubai{width:29%;right:9%;top:16%;height:105px}
 .moment-camel{width:21%;left:17%;bottom:12%;height:140px}
 .zoom-hint{width:28px;height:28px;right:7px;bottom:7px}.zoom-hint>span{font-size:18px}
 .colour-copy{left:7%;top:48%}.colour-copy h2{font-size:clamp(62px,15.5vw,109px)}
 .colour-shade{background:linear-gradient(90deg,#172210a3,#17221014),linear-gradient(0deg,#17221055,transparent 28%)}
 .colour-caption{right:7%;bottom:45px}.colour-dots i{width:12px;height:12px}
 .next-frame{left:7%;bottom:30px}.next-frame>span{width:44px;height:44px}
 .closing{min-height:820px;padding:94px 6% 205px}.closing::before{left:6%;right:6%;top:24px}
 .closing-logo{width:138px;margin-bottom:33px}.location{font-size:10px;margin-bottom:28px}
 .closing h2{font-size:18.2vw;line-height:.98;margin-bottom:33px}
 .instagram-link{font-size:16px;min-height:58px;padding:13px 21px;gap:15px}.instagram-link>span:last-child{margin-left:9px}
 .closing-heart{width:24%;height:120px;max-width:140px;top:auto;bottom:89px;right:13%}
 .closing-dubai{width:31%;height:120px;top:auto;bottom:90px;left:9%}
 .sparkle-one{width:25px;height:39px;left:8%;top:24%}.sparkle-two{width:19px;height:30px;right:5%;top:40%;bottom:auto}
}
@media(max-width:370px){
 .masthead{height:102px}.masthead .logo{width:125px;margin:0 23px}
 .hero-art{padding-left:18px}.hero-image-window>img{height:330px}
 .closing{min-height:780px;padding-top:86px}.instagram-link{font-size:15px;gap:13px}
}
