/* =========================================================
   Sciton Wishlist 2026 – Pardot Landing Page
   Desktop = Figma "PROOF 2" (1440px stage, scaled 1024–1439)
   Mobile/tablet (<1024px) = stacked UX
   ========================================================= */
:root{
  --z:1;
  --red-dark:#6a1b18;
  --red:#b40001;
  --red-line:#ff0200;
  --green:#1e412f;
  --green-2:#1f4431;
  --cream:#f1ece2;
  --cream-light:#f7f3ea;
  --beige:#e9e3d7;
  --grey:#a9a9a9;
  --serif:'Instrument Serif',Georgia,'Times New Roman',serif;
  --sans:'Instrument Sans',Arial,Helvetica,sans-serif;
  --img:'https://storage.googleapis.com/imgs-slxdev/SCI/SLX_Sciton%20Wishlist%202026/assets/';
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
body.slx-wl{margin:0;background:var(--cream);color:#000;font-family:var(--serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
:where(.slx-wl) img{max-width:100%;height:auto;}
.slx-wl h1,.slx-wl h2,.slx-wl h3,.slx-wl h4,.slx-wl p{margin:0;font-weight:400;}
:where(.slx-wl) a{color:inherit;}
.wl-page{position:relative;overflow:hidden;overflow:clip;}
.wl-page :focus-visible{outline:2px solid var(--red);outline-offset:3px;}

/* ---------- shared buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;border:0;border-radius:100px;cursor:pointer;
  font-family:var(--sans);font-weight:600;font-size:15px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease;}
.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.18);}
.btn--white{background:#fff;color:var(--red-dark);}
.btn--red{background:var(--red);color:#fff;}
.btn--red:hover{background:#9a0001;}

/* ---------- desktop stage ---------- */
.stage{position:relative;width:1440px;margin:0 auto;zoom:var(--z);}
@supports not (zoom:1){
  .stage,.postcard-wrap{zoom:normal;transform:scale(var(--z));transform-origin:50% 0;}
  .stage-top{margin-bottom:calc(3232px * (var(--z) - 1));}
  .stage-vision{margin-bottom:calc(556px * (var(--z) - 1));}
  .stage-feed{margin-bottom:calc(291px * (var(--z) - 1));}
  .stage-footer{margin-bottom:calc(465px * (var(--z) - 1));}
  .postcard-wrap{margin-bottom:calc(840px * (var(--z) - 1));}
}

/* =========================================================
   HERO + WISHES  (stage 1440 x 3232)
   ========================================================= */
.sec-top{position:relative;z-index:0;background:var(--beige) url('https://storage.googleapis.com/imgs-slxdev/SCI/SLX_Sciton%20Wishlist%202026/assets/WishTagBackground.jpg') center bottom/max(100%,1440px) auto no-repeat;}
.stage-top{height:3232px;}
.bg-red{position:absolute;left:0;right:0;top:0;height:calc(658px * var(--z));z-index:2;
  background:var(--red-dark) url('https://storage.googleapis.com/imgs-slxdev/SCI/SLX_Sciton%20Wishlist%202026/assets/HeroBackground.jpg') center top/cover no-repeat;
  -webkit-clip-path:url(#wlHeroClip);clip-path:url(#wlHeroClip);}
.bg-cream{position:absolute;left:0;width:100%;top:calc(354px * var(--z));height:calc(1010px * var(--z));z-index:0;display:block;}
.clip-defs{position:absolute;width:0;height:0;overflow:hidden;}
.hero-top,.hero-mid{display:contents;}

/* nav */
.nav{position:absolute;left:70px;right:69px;top:25px;height:76px;z-index:5;display:flex;align-items:center;justify-content:space-between;}
.nav__logo{display:block;width:79px;height:76px;}
.nav__logo img{display:block;width:79px;height:76px;}
.nav__toggle{display:none;}
.nav__menu{display:flex;align-items:center;gap:40px;}
.nav__link{font-family:var(--sans);font-weight:600;font-size:15px;line-height:18px;letter-spacing:.2em;text-transform:uppercase;color:#fff;text-decoration:none;position:relative;}
.nav__link::after{content:"";position:absolute;left:0;right:.2em;bottom:-6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease;}
.nav__link:hover::after{transform:scaleX(1);}
.nav__cta{width:272px;height:48px;font-size:15px;}

.hero__logo{position:absolute;left:136px;top:179px;width:654px;z-index:5;}
.hero__logo img{display:block;width:654px;height:auto;}
.hero__star{position:absolute;left:1238px;top:159px;width:131px;z-index:5;animation:wlTwinkle 4s ease-in-out infinite;}
@keyframes wlTwinkle{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.8;transform:scale(.93);}}
.hero__copy{position:absolute;left:820px;top:185px;width:520px;z-index:5;}
.hero__script{display:block;width:256px;height:auto;}
.hero__title{margin-top:1px !important;font-family:var(--serif);font-size:80px;line-height:80px;color:#fff;}

.lights{position:absolute;display:block;width:1240px;height:auto;max-width:none !important;pointer-events:none;}
.lights--hero{left:566px;top:435px;z-index:1;}
.lights--tag{left:-359px;top:1096px;z-index:3;transform:rotate(3.5deg) scaleX(-1);}
.hero__tag{position:absolute;left:204px;top:496px;width:440px;max-width:none !important;z-index:4;transform-origin:50% 0;animation:wlSway 6s ease-in-out infinite;}
@keyframes wlSway{0%,100%{transform:rotate(0deg);}50%{transform:rotate(1.2deg);}}
.intro{position:absolute;left:732px;top:823px;width:491px;z-index:4;}
.eyebrow{font-family:var(--sans);font-weight:600;font-size:15px;line-height:15px;letter-spacing:.2em;text-transform:uppercase;color:var(--red);}
.intro__title{margin-right:-24px;margin-top:20px !important;font-size:50px;line-height:50px;color:var(--red-dark);}
.intro__body{font-size:20px;line-height:1.3;color:#000;}
.intro__title + .intro__body{margin-top:20px !important;}
.intro__body + .intro__body{margin-top:26px !important;}
.hero__gifts{position:absolute;left:931px;top:1150px;width:534px;max-width:none !important;z-index:4;}

/* ---------- wish cards ---------- */
.wishes{position:absolute;left:123px;top:1680px;width:1195px;z-index:6;scroll-margin-top:100px;}
.wishes__track{display:flex;flex-wrap:wrap;justify-content:center;gap:50px;}
.wish-slide{flex:0 0 365px;width:365px;}
.wishes__arrow,.wishes__dots{display:none;}

.wish{--u:1px;position:relative;width:100%;aspect-ratio:365/676;perspective:1800px;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;}
.wish:focus-visible .wish__inner{outline:2px solid var(--red);outline-offset:6px;border-radius:12px;}
.wish__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.45,.05,.25,1);}
.wish.is-flipped .wish__inner{transform:rotateY(180deg);}
.wish__face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:visibility 0s linear .35s;}
.wish__back{transform:rotateY(180deg);visibility:hidden;}
.wish.is-flipped .wish__front{visibility:hidden;}
.wish.is-flipped .wish__back{visibility:visible;}
.wish__card{position:absolute;left:calc(-20 * var(--u));top:calc(-20 * var(--u));width:calc(425 * var(--u)) !important;height:calc(736 * var(--u)) !important;max-width:none !important;display:block;pointer-events:none;}
@media (hover:hover){
  .wish:not(.is-flipped):hover .wish__inner{transform:rotateY(-8deg) translateY(-6px);}
}

.wish__front-in{position:absolute;left:0;right:0;top:calc(141 * var(--u));display:flex;flex-direction:column;align-items:center;}
.wish__head{display:flex;gap:calc(40 * var(--u));width:calc(272 * var(--u));}
.wish__num{flex:0 0 calc(80 * var(--u));display:flex;flex-direction:column;gap:calc(20 * var(--u));}
.wish__num img{display:block;width:calc(80 * var(--u));height:calc(41 * var(--u));}
.wish__num span{display:block;font-size:calc(80 * var(--u));line-height:calc(58 * var(--u));color:var(--red-dark);}
.wish__title{flex:0 0 calc(152 * var(--u));white-space:nowrap;font-family:var(--serif);font-size:calc(30 * var(--u));line-height:1;color:var(--red-dark);}
.wish__img{display:block;margin-top:calc(15 * var(--u));width:calc(200 * var(--u));height:calc(254 * var(--u));}
.wish__img--1{height:calc(263 * var(--u));}
.wish__img--5{width:calc(222 * var(--u));}
.wish__quote{margin-top:calc(5 * var(--u)) !important;width:calc(280 * var(--u));white-space:nowrap;font-style:italic;font-size:calc(18 * var(--u));line-height:1.2;text-align:center;color:var(--green-2);}
.wish__cta{display:block;margin-top:calc(31 * var(--u));width:calc(280 * var(--u));font-family:var(--sans);font-weight:500;font-size:calc(12 * var(--u));line-height:1;letter-spacing:.2em;text-transform:uppercase;text-align:center;color:var(--red);}
.wish:hover .wish__cta{text-decoration:underline;text-underline-offset:3px;}

.wish__back-in{position:absolute;left:calc(43 * var(--u));width:calc(278 * var(--u));top:calc(120 * var(--u));bottom:0;display:flex;flex-direction:column;justify-content:center;color:#fff;}
.wish__lead{white-space:nowrap;font-family:var(--serif);font-size:calc(24 * var(--u));line-height:1.3;color:#fff;}
.wish__text{margin-top:calc(10 * var(--u)) !important;font-family:var(--sans);font-size:calc(14 * var(--u));line-height:1.3;color:#fff;}
.magic{margin-top:calc(30 * var(--u));border-left:calc(3 * var(--u)) solid var(--red-line);padding-left:calc(18.5 * var(--u));}
.magic__title{display:block;width:calc(228 * var(--u));height:auto;max-width:none !important;margin:calc(-7 * var(--u)) 0 calc(-1 * var(--u)) calc(-3 * var(--u));}
.magic__lists{display:flex;gap:calc(20 * var(--u));margin-top:calc(20 * var(--u));}
.magic__lists ul{margin:0;padding:0 0 0 calc(17 * var(--u));width:calc(var(--w) * var(--u));flex:none;font-family:var(--serif);font-size:calc(16 * var(--u));line-height:1.3;color:#fff;}
.magic__lists li{padding-left:0;white-space:nowrap;}
.magic__lists li::marker{font-size:.8em;}
.wish__btn{margin-top:calc(30 * var(--u));width:100%;min-height:calc(60 * var(--u));padding:calc(12 * var(--u)) calc(30 * var(--u));text-wrap:balance;font-size:calc(14 * var(--u));line-height:1.3;}

/* =========================================================
   YOUR VISION (556)
   ========================================================= */
.sec-vision{position:relative;z-index:2;background:var(--red-dark) url('https://storage.googleapis.com/imgs-slxdev/SCI/SLX_Sciton%20Wishlist%202026/assets/YourVIsionBackground.jpg') center/cover no-repeat;scroll-margin-top:0;}
.stage-vision{height:556px;}
.vision__holly{position:absolute;left:1175px;top:-149px;width:235px;z-index:2;}
.vision__copy{position:absolute;left:260px;width:921px;top:150px;text-align:center;color:#fff;z-index:2;}
.vision__title{font-size:64px;line-height:1;color:#fff;white-space:nowrap;}
.vision__text{width:600px;margin:22px auto 0 !important;font-size:20px;line-height:1.2;color:#fff;}
.vision__btn{margin-top:42px;width:260px;height:47px;}
.vision__fine{margin-top:15px !important;font-size:12px;line-height:16px;color:#fff;}
.vision__gift{position:absolute;max-width:none !important;z-index:3;}
.vision__gift--silk{left:39px;top:325px;width:296px;}
.vision__gift--trl{left:1058px;top:397px;width:363px;}

/* =========================================================
   WHAT'S ON YOUR WISHLIST (Walls.io feed)
   ========================================================= */
.sec-feed{position:relative;z-index:1;padding-bottom:calc(150px * var(--z));background:var(--cream) url('https://storage.googleapis.com/imgs-slxdev/SCI/SLX_Sciton%20Wishlist%202026/assets/WhatsOnYourWishlistBackground.jpg') center top/max(100%,1440px) auto repeat-y;}
.stage-feed{height:291px;}
.lights--feed{left:-178px;top:-155px;z-index:1;transform:rotate(-9deg);}
.feed__head{position:absolute;left:507px;top:150px;width:427px;z-index:2;text-align:center;}
.feed__title{font-size:50px;line-height:1;color:var(--red-dark);white-space:nowrap;}
.feed__text{margin-top:20px !important;font-size:16px;line-height:21px;color:var(--green-2);}
.feed__wall{position:relative;z-index:2;width:min(1198px, calc(100% - 64px));margin:0 auto;min-height:400px;}
.feed__wall iframe{display:block;width:100% !important;border:0;}

/* =========================================================
   FORM / POSTCARD (1062)
   ========================================================= */
.sec-form{position:relative;z-index:1;background:var(--green) url('https://storage.googleapis.com/imgs-slxdev/SCI/SLX_Sciton%20Wishlist%202026/assets/FormBackground.jpg') center/cover no-repeat;padding:calc(150px * var(--z)) 0;}
.postcard-wrap{width:1126px;margin:0 auto;zoom:var(--z);}
.postcard{position:relative;perspective:2400px;}
.postcard__inner{position:relative;display:grid;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.45,.05,.25,1),height .4s ease;}
.postcard.is-flipped .postcard__inner{transform:rotateY(180deg);}
.pc-face{grid-area:1/1;align-self:start;position:relative;min-height:762px;border-radius:5px;
  background:var(--cream) url('https://storage.googleapis.com/imgs-slxdev/SCI/SLX_Sciton%20Wishlist%202026/assets/WhatsOnYourWishlistBackground.jpg') center/cover no-repeat;
  box-shadow:10px 10px 30px rgba(0,0,0,.5);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:visibility 0s linear .4s;}
.pc-back{transform:rotateY(180deg);visibility:hidden;}
.postcard.is-flipped .pc-front{visibility:hidden;}
.postcard.is-flipped .pc-back{visibility:visible;}
.pc-border{position:absolute;inset:20px;border:2px solid var(--red);border-radius:10px;pointer-events:none;}

/* front */
.pc-front{padding:60px 60px 60px;}
.pcf-head{display:flex;justify-content:space-between;gap:40px;}
.pcf-head__copy{width:642px;}
.pcf-title{margin:-7px 0 0 -8px !important;line-height:0;}
.pcf-title img{display:block;width:399px;height:auto;max-width:none !important;}
.pcf-sub{margin-top:5px !important;font-size:20px;line-height:20px;color:var(--green);white-space:nowrap;}
.pcf-sub em{color:var(--red);}
.pcf-head__actions{width:314px;flex:none;display:flex;flex-direction:column;gap:20px;}
.pcf-count{display:flex;justify-content:space-between;align-items:center;font-family:var(--sans);font-weight:600;font-size:12px;line-height:15px;letter-spacing:.2em;text-transform:uppercase;color:#000;}
.pcf-reset{background:none;border:0;padding:0;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--grey);transition:color .2s;}
.pcf-reset:hover{color:var(--red);}
.pcf-next{height:49px;width:314px;}
.pcf-next--bottom{display:none;}
.board{position:relative;margin-top:40px;height:518px;border:2px solid var(--red);border-radius:10px;}
.board::before{content:"";position:absolute;inset:3px;border:2px solid var(--red);border-radius:5px;pointer-events:none;}
.board__hint{position:absolute;left:0;right:0;top:27px;text-align:center;font-family:var(--sans);font-weight:600;font-size:12px;line-height:15px;letter-spacing:.2em;text-transform:uppercase;color:#000;}
.board__group{position:absolute;left:3px;right:3px;}
.board__group--a{top:82px;}
.board__group--b{top:258px;}
.board__label{display:block;width:179px;height:32px;}
.board__stickers{display:flex;flex-wrap:wrap;margin:25px 0 0 19px;}
.board__group--a .board__stickers{gap:0 7px;}
.board__group--a .sticker{width:78px;height:78px;}
.board__group--b .board__stickers{gap:0 8px;width:960px;margin-top:25px;row-gap:0;}
.board__group--b .sticker{width:80px;height:79px;}
.sticker{position:relative;padding:0;margin:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .2s cubic-bezier(.3,1.6,.5,1);}
.sticker img{position:absolute;left:0;top:0;width:100%;height:auto;aspect-ratio:1/1;display:block;pointer-events:none;transition:opacity .25s ease;}
.sticker .s-on{opacity:0;}
.sticker[aria-pressed="true"] .s-on{opacity:1;}
.sticker[aria-pressed="true"] .s-off{opacity:0;}
.sticker:hover{transform:scale(1.08) rotate(-3deg);}
.sticker[aria-pressed="true"]{animation:wlPop .35s ease;}
@keyframes wlPop{0%{transform:scale(1);}40%{transform:scale(1.18) rotate(4deg);}100%{transform:scale(1);}}
.sticker:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:8px;}

/* back */
.pc-back{padding:66px 106px 66px 82px;}
.pcb-divider{position:absolute;left:521px;top:19px;bottom:23px;width:2px;background:var(--red);}
.pcb-header{position:absolute;left:522px;top:20px;width:584px;height:auto;max-width:none !important;border-top-right-radius:10px;pointer-events:none;}
.pcb-lefthead{width:378px;}
.pcb-stamp{display:block;width:183px;height:auto;}
.pcb-title{margin-top:32px !important;font-size:50px;line-height:50px;color:var(--red-dark);}
.pcb-title em{color:var(--red);}
.pcb-intro{margin-top:15px !important;font-size:18px;line-height:1.2;color:var(--green);}
.pcb-dear{display:block;width:176px;height:auto;margin:28px 0 0;}
.pcb-form{display:contents;}
.pcb-back{position:absolute;left:608px;top:654px;width:412px;background:none;border:0;padding:0;cursor:pointer;font-family:var(--sans);font-weight:600;font-size:12px;line-height:15px;letter-spacing:.2em;text-transform:uppercase;color:var(--grey);transition:color .2s;}
.pcb-back:hover{color:var(--red);}
.postcard.is-thanks .pcb-back{top:auto;bottom:66px;}
.postcard.is-thanks .pcb-dear{display:none;}
.pcb-thanks{display:none;position:absolute;left:608px;top:300px;width:412px;color:var(--green);}
.postcard.is-thanks .pcb-thanks{display:block;animation:wlFadeUp .6s ease .2s both;}
@keyframes wlFadeUp{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
.pcb-thanks__title{font-size:44px;line-height:1.05;color:var(--red);}
.pcb-thanks__title em{color:var(--green);}
.pcb-thanks__rule{display:block;height:2px;background:var(--red);margin:20px 0;}
.pcb-thanks__text{font-size:20px;line-height:1.3;color:var(--green);}
.pcb-thanks__btn{margin-top:30px;width:100%;height:49px;}

/* =========================================================
   CONTACT A SCITON EXPERT (1017) – iframed Pardot form
   ========================================================= */
.form-note{margin:-70px auto 46px !important;text-align:center;font-size:22px;line-height:24px;color:var(--cream);}
.sec-contact{position:relative;z-index:0;background:var(--cream) url('https://storage.googleapis.com/imgs-slxdev/SCI/SLX_Sciton%20Wishlist%202026/assets/ContactSectionBackground.jpg') center/cover no-repeat;}
.stage-contact{padding:150px 0;}
.contact-card{position:relative;z-index:2;width:900px;margin:0 auto;padding:50px 150px;border-radius:5px;text-align:center;color:#fff;
  background:var(--green) url('https://storage.googleapis.com/imgs-slxdev/SCI/SLX_Sciton%20Wishlist%202026/assets/ContactFormBackground.jpg') center/cover no-repeat;}
.contact__title{font-size:50px;line-height:1.2;color:#fff;}
.contact__sub{margin-top:15px !important;font-size:16px;line-height:21px;color:#fff;}
.contact__iframe{display:block;width:100%;height:440px;margin-top:40px;border:0;background:transparent;overflow:hidden;transition:height .25s ease;}
.lights--contact{width:986px;left:686px;top:-77px;z-index:3;transform:rotate(11deg);}
/* bow knot pinned on the card's top-left corner at every size (offsets scale with the bow width) */
.contact__bow{--bw:298px;position:absolute;width:var(--bw);left:calc(var(--bw) * -0.4027);top:calc(var(--bw) * -0.2349);max-width:none !important;z-index:3;pointer-events:none;}

/* =========================================================
   FOOTER (465)
   ========================================================= */
.sec-footer{position:relative;z-index:1;background:var(--red-dark) url('https://storage.googleapis.com/imgs-slxdev/SCI/SLX_Sciton%20Wishlist%202026/assets/FooterBackground.jpg') center/cover no-repeat;}
.stage-footer{height:465px;padding:100px 100px 0 100px;}
.footer__logo{display:block;width:284px;height:auto;}
.footer__rule{margin:30px 0 0;border:0;height:1px;background:#fff;width:1232px;}
.footer__fine{margin-top:30px !important;font-family:var(--sans);font-size:13px;line-height:13px;color:var(--cream);}
.footer__copy{margin-top:30px !important;font-family:var(--sans);font-size:13px;line-height:16px;color:#fff;}

/* =========================================================
   TABLET + MOBILE  (< 1024px)
   ========================================================= */
@media (max-width:1023px){
  .stage,.postcard-wrap{width:auto;zoom:1;}
  .stage-top,.stage-vision,.stage-feed,.stage-footer{height:auto;}
  .bg-red,.bg-cream{display:none;}
  .sec-top{background-size:1440px auto;background-position:center bottom;}

  /* hero top (red) */
  .hero-top{display:block;position:relative;z-index:2;padding:16px 20px 88px;text-align:center;
    background:var(--red-dark) url('https://storage.googleapis.com/imgs-slxdev/SCI/SLX_Sciton%20Wishlist%202026/assets/HeroBackground.jpg') center top/cover no-repeat;
    -webkit-clip-path:ellipse(150% 100% at 50% 0%);clip-path:ellipse(150% 100% at 50% 0%);}
  .nav{position:relative;left:auto;right:auto;top:auto;height:56px;z-index:30;}
  .nav__logo,.nav__logo img{width:58px;height:56px;}
  .nav__toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;border:0;background:transparent;cursor:pointer;}
  .nav__toggle span{display:block;height:2px;width:24px;background:#fff;border-radius:2px;transition:transform .25s,opacity .25s;}
  .nav__toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .nav__toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
  .nav__toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  .nav__menu{position:absolute;top:64px;right:0;left:0;z-index:20;flex-direction:column;gap:6px;padding:18px;border-radius:12px;background:rgba(80,18,16,.97);box-shadow:0 14px 30px rgba(0,0,0,.35);
    opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s,transform .25s,visibility 0s linear .25s;}
  .nav.is-open .nav__menu{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .25s;}
  .nav__link{display:block;padding:12px 0;font-size:14px;}
  .nav__cta{margin-top:8px;width:100%;max-width:300px;height:46px;font-size:14px;}

  .hero__logo{position:relative;left:auto;top:auto;width:min(78vw,460px);margin:22px auto 0;}
  .hero__logo img{width:100%;}
  .hero__star{left:auto;right:4%;top:70px;width:clamp(58px,13vw,96px);}
  .hero__copy{position:relative;left:auto;top:auto;width:auto;margin:22px auto 0;}
  .hero__script{width:clamp(170px,44vw,240px);margin:0 auto;}
  .hero__title{font-size:clamp(40px,10.5vw,64px);line-height:1;}

  /* hero mid (cream) */
  .hero-mid{display:flex;flex-direction:column;align-items:center;position:relative;z-index:auto;margin-top:-70px;padding:40px 24px calc(min(56vw,300px) * .3 + 30px);}
  .hero-mid::before{content:"";position:absolute;inset:0;z-index:0;background:var(--cream-light);
    -webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 70px));clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 70px));}
  .lights{position:relative;left:auto;top:auto;transform:none;}
  .lights--hero{width:150%;max-width:none;margin:-34px -25% -40px;z-index:3;align-self:center;}
  .lights--tag{display:none;}
  .hero__tag{position:relative;left:auto;top:auto;width:min(58vw,300px);margin:-104px auto 0;z-index:4;animation:none;}
  .intro{position:relative;left:auto;top:auto;width:100%;max-width:560px;margin-top:30px;text-align:left;}
  .intro__title{font-size:clamp(34px,8.6vw,46px);line-height:1.05;margin-right:0;}
  .intro__body{font-size:18px;}
  .hero__gifts{position:absolute;left:auto;top:auto;right:-5%;bottom:0;width:min(56vw,300px);margin:0;transform:translateY(46%);z-index:3;}

  /* wishes carousel */
  .wishes{--pt:calc(min(56vw,300px) * .44);position:relative;left:auto;top:auto;width:auto;padding:var(--pt) 0 40px;scroll-margin-top:0;}
  .wishes__track{flex-wrap:nowrap;gap:0;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:24px 0 44px;}
  .wishes__track::-webkit-scrollbar{display:none;}
  .wish-slide{flex:0 0 100%;width:100%;display:flex;justify-content:center;scroll-snap-align:center;scroll-snap-stop:always;}
  .wishes{--cardw:min(365px, calc(100vw - 72px));}
  .wish{width:var(--cardw);--u:calc(var(--cardw) / 365);}
  /* arrows like the Figma mobile mockup: plain red chevrons either side of the card */
  .wishes__arrow{display:flex;align-items:center;justify-content:center;position:absolute;z-index:3;top:calc(var(--pt) + 24px + var(--cardw) * 676 / 365 / 2);transform:translateY(-50%);width:34px;height:52px;padding:0;border:0;background:none;color:var(--red);cursor:pointer;transition:opacity .2s,transform .2s;-webkit-tap-highlight-color:transparent;}
  .wishes__arrow svg{width:20px;height:20px;}
  .wishes__arrow svg path{stroke-width:2;}
  .wishes__arrow--prev{left:calc(50% - var(--cardw) / 2 - 32px);}
  .wishes__arrow--next{right:calc(50% - var(--cardw) / 2 - 32px);}
  .wishes__arrow--prev:hover{transform:translate(-3px,-50%);}
  .wishes__arrow--next:hover{transform:translate(3px,-50%);}
  .wishes__arrow[disabled]{opacity:.3;cursor:default;transform:translateY(-50%);}
  .wishes__dots{display:flex;justify-content:center;gap:10px;margin-top:-18px;}
  .wishes__dot{width:10px;height:10px;padding:0;border-radius:50%;border:1.5px solid var(--red);background:transparent;cursor:pointer;transition:background .2s,transform .2s;}
  .wishes__dot[aria-selected="true"]{background:var(--red);transform:scale(1.15);}
  @media (hover:hover){.wish:not(.is-flipped):hover .wish__inner{transform:none;}}

  /* vision */
  .stage-vision{padding:110px 24px 110px;}
  .vision__holly{left:auto;right:-10px;top:-70px;width:110px;}
  .vision__copy{position:relative;left:auto;top:auto;width:auto;max-width:640px;margin:0 auto;}
  .vision__title{font-size:clamp(38px,9vw,56px);line-height:1.05;white-space:normal;}
  .vision__text{width:auto;font-size:18px;line-height:1.3;}
  .vision__btn{margin-top:32px;width:100%;max-width:280px;}
  .vision__gift--silk{left:-14px;top:auto;bottom:0;width:min(36vw,220px);transform:translateY(48%);}
  .vision__gift--trl{left:auto;right:-18px;top:auto;bottom:0;width:min(40vw,250px);transform:translateY(56%);}

  /* contact (mobile/tablet) */
  .form-note{margin:0 auto 22px !important;max-width:520px;padding:0 10px;font-size:18px;line-height:1.3;}
  .stage-contact{padding:calc(17vw + 44px) 30px 64px;}
  .contact-card{width:auto;max-width:720px;min-height:0;padding:72px 22px 30px;}
  .contact__title{font-size:clamp(32px,8vw,44px);line-height:1.1;}
  .contact__title br{display:none;}
  .contact__iframe{margin-top:28px;}
  /* bow on the card's top-left corner, ribbon tails falling over the card edge */
  .contact__bow{--bw:92px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25));}
  /* light string: right half of the screen (like desktop), hanging from behind the section above */
  .lights--contact{position:absolute;width:62vw;left:auto;right:-8vw;top:-4vw;transform:rotate(8deg);}
  /* feed */
  .sec-feed{padding-bottom:70px;background-size:1440px auto;}
  .stage-feed{padding:calc(min(40vw,250px) * .55 + 70px) 20px 36px;}
  .lights--feed{position:absolute;width:min(170vw,1000px);left:50%;top:-40px;transform:translateX(-50%) rotate(-4deg);}
  .feed__head{position:relative;left:auto;top:auto;width:auto;max-width:520px;margin:0 auto;}
  .feed__title{font-size:clamp(34px,8.6vw,46px);white-space:normal;}
  .feed__wall{width:calc(100% - 24px);}

  /* form */
  .sec-form{padding:70px 12px;}
  .postcard-wrap{max-width:720px;margin:0 auto;}
  .pc-face{min-height:0;}
  .pc-border{inset:10px;}
  .pc-front{padding:34px 26px 34px;}
  .pcf-head{flex-direction:column;gap:20px;}
  .pcf-head__copy{width:auto;}
  .pcf-title{margin:0 !important;}
  .pcf-title img{width:min(100%,360px);}
  .pcf-sub{margin-top:10px !important;font-size:18px;line-height:1.25;white-space:normal;}
  .pcf-head__actions{width:auto;gap:14px;}
  .pcf-next{width:100%;}
  .board{height:auto;margin-top:24px;padding:22px 10px 26px;}
  .board__hint{position:static;margin-bottom:22px;letter-spacing:.14em;font-size:11px;}
  .board__group{position:static;}
  .board__group--b{margin-top:22px;}
  .board__label{margin-left:-8px;width:150px;height:auto;}
  .board__stickers,.board__group--b .board__stickers{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:auto;margin:14px 0 0;}
  .board__group--a .sticker,.board__group--b .sticker{width:100%;height:auto;aspect-ratio:1/1;}
  .pcf-next--bottom{display:flex;width:100%;margin-top:20px;}

  .pc-back{padding:0 26px 34px;display:flex;flex-direction:column;}
  .pcb-divider{display:none;}
  .pcb-header{position:relative;left:auto;top:auto;width:calc(100% + 32px);margin:10px -16px 0;order:-2;border-radius:0 8px 0 0;}
  .pcb-lefthead{width:auto;margin-top:6px;}
  .pcb-stamp{width:130px;}
  .pcb-title{margin-top:18px !important;font-size:40px;line-height:1;}
  .pcb-back{position:static;width:auto;margin-top:16px;order:10;padding:8px 0;}
  .pcb-thanks{position:static;width:auto;margin-top:30px;order:5;}
  .pcb-thanks__title{font-size:36px;}
  .pcb-thanks__text{font-size:18px;}
}
@media (min-width:640px) and (max-width:1023px){
  .contact__bow{--bw:132px;}
  .stage-contact{padding-left:56px;padding-right:56px;}
  .contact-card{padding-top:84px;}
  .hero-mid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);column-gap:36px;align-items:center;padding:40px 40px 80px;}
  .lights--hero{grid-column:1/-1;width:130%;margin:-50px -15% -40px;}
  .hero__tag{grid-column:1;grid-row:2;width:100%;max-width:320px;margin:-60px 0 0;}
  .intro{grid-column:2;grid-row:2;margin-top:40px;}
  .hero-mid{padding-bottom:150px;}
  .hero__gifts{width:min(40vw,340px);right:-3%;}
  .wishes{--pt:150px;}
  .vision__gift--silk{width:min(28vw,250px);}
  .vision__gift--trl{width:min(30vw,280px);}
  .stage-feed{padding-top:170px;}
  .board__stickers,.board__group--b .board__stickers{grid-template-columns:repeat(6,1fr);}
  .stage-footer{padding:70px 40px;}
}
@media (max-width:1023px){
  .stage-footer{padding:60px 24px 50px;}
  .footer__logo{width:200px;}
  .footer__rule{width:auto;margin-top:26px;}
  .footer__fine{margin-top:24px !important;line-height:1.4;}
  .footer__copy{margin-top:14px !important;}
}
@media (max-width:380px){
  .board__stickers,.board__group--b .board__stickers{grid-template-columns:repeat(3,1fr);}
}
@media (prefers-reduced-motion:reduce){
  .hero__star,.hero__tag{animation:none;}
  .wish__inner,.postcard__inner{transition:none;}
  .wish__face,.pc-face{transition:none;}
}