/* Studio gold collection. Backgrounds and the default gift come from the supplied artwork. */
.golden-page{--gold:#dcb571;--gold-pale:#f1d295;--ink:#dcb571;color:#f6ecdc;background:#0d0b08}
.golden-page::before{background-image:linear-gradient(180deg,#08060445,#07060475 60%,#090704ba),url('gold-backdrop.webp');background-position:center;background-size:cover}
.golden-page.page-portal::before,.golden-page.scene-city:not(.page-massage)::before,.golden-page.scene-celebration::before{background-image:linear-gradient(180deg,#05040324,#05040380 45%,#060503dc),url('warsaw-gold.webp');background-position:center 62%;background-size:cover}
.golden-page.page-massage::before{background-image:linear-gradient(#08060466,#080604a0),url('gold-backdrop.webp');background-position:center}
.golden-page.scene-concert::before{background-image:linear-gradient(180deg,#080603a6,#08060380 50%,#050402d9),url('concert-gold.webp');background-position:center;background-size:cover}
.golden-page .public-header{color:#e4c99b;letter-spacing:.17em}.golden-page .public-header .brand{color:var(--gold)}.golden-page .header-dot{background:var(--gold)}
.golden-page .btn-primary,.portal-refresh{background:linear-gradient(110deg,#b98c45,#ebc582 50%,#c39550);border:1px solid #e7c083;color:#1b140b;box-shadow:0 8px 28px #0004}
.golden-page .btn-primary:hover,.golden-page .btn-primary:focus-visible,.portal-refresh:hover{background:linear-gradient(110deg,#cca35f,#f4d899,#d7ae6a);color:#130f09;border-color:#f2d59e}
.golden-page .btn-outline-dark{background:#1c1814b3;color:#e9d4b1;border-color:#cfa96770}.golden-page .btn-outline-dark:hover{background:#3a2b17cc;color:#fff2d7}
.golden-page .hero-mark,.golden-page .massage-emblem,.golden-page .massage-signoff,.golden-page .saved-check{color:var(--gold-pale)}
.golden-page .surprise-card{border-color:#dcb57150;background:#14100bbb;box-shadow:0 18px 65px #0005}.golden-page .surprise-card h1{color:#fff4e2}
.golden-page .bed-card{border-color:#dcb57155;background:#221b15d9;color:#ffe9c7}.golden-page .bed-card:hover,.golden-page .bed-card:focus-visible{background:#674b25dd;border-color:#eac782}.golden-page .bed-card:first-child{background:linear-gradient(125deg,#cda265,#ecd098);color:#251b10;border-color:#f1dcae}.golden-page .bed-card small{color:inherit}
.golden-page .date-pill{color:#f5d7a4;background:#3e2b1344;border-color:#ca9d4f55}.golden-page .surprise-card .fine-print{color:#ccb99b}
.golden-page .trip-countdown{border-color:#dfb77880;background:linear-gradient(135deg,#4a341a8c,#100d09db);box-shadow:0 18px 50px #0005}
.golden-page .countdown-heart,.golden-page .countdown-unit strong{color:#f3d59d}.golden-page .countdown-unit{border-color:#d6ac664a;background:#ac813510}.golden-page .countdown-date,.golden-page .countdown-date span,.golden-page .countdown-unit span{color:#d9c49f}
.golden-page a:focus-visible,.golden-page button:focus-visible,.golden-page summary:focus-visible{outline:3px solid #f1cb7d;outline-offset:5px}
.golden-page .public-footer{color:#bca37c}.golden-page .test-banner{background:#221b0fea;border-color:#d2ac6350;color:#ead3a2}
.public-main:has(.gold-portal){padding:0 30px 34px}.gold-portal{max-width:1020px;color:#f5eedf}
.page-portal .public-header{padding:18px 6% 8px;font-size:9px;opacity:.72}
.portal-toolbar{display:flex;align-items:center;justify-content:space-between;margin:4px 0 0;gap:15px}.golden-page .portal-inbox{display:flex;align-items:center;gap:10px;color:#eec984;border:1px solid #bd965246;border-radius:50px;background:#100c08a3;font-size:12px;padding:8px 13px}.portal-inbox svg{width:18px;height:18px}.portal-logout{border:0;background:none;color:#d2b783;font-size:11px;letter-spacing:.07em;min-height:40px;padding:8px;cursor:pointer}
.portal-branding{text-align:center;margin:0 auto 28px}.studio-mark{display:flex;flex-direction:column;align-items:center;color:#f5eee4}.studio-mark-gift{color:#e7bd77;margin-bottom:14px;width:69px;height:78px}.studio-mark-gift svg{width:100%;height:100%}.studio-mark>strong{font:400 29px/1.1 Georgia,serif;letter-spacing:.45em;margin-left:.45em}.studio-mark>span{font-size:12px;font-weight:300;letter-spacing:.4em;margin:10px 0 0 .4em}.studio-divider{display:flex;align-items:center;justify-content:center;gap:17px;width:100%;margin:21px auto;color:#e5bd76}.studio-divider>span{height:1px;width:75px;background:linear-gradient(90deg,transparent,#e1b56b)}.studio-divider>span:last-child{transform:rotate(180deg)}.studio-divider>svg{width:25px;height:25px}
.portal-name{display:inline-flex;gap:13px;align-items:center;border:1px solid #e8c27e;border-radius:99px;padding:12px 23px;margin:0;font:400 21px/1.2 Georgia,serif;color:#f0d397;background:#0d0a0760}.portal-name svg{width:22px;height:22px}.portal-branding .portal-person{font-size:10px;color:#bfa782;margin:12px auto 0}
.portal-status{display:flex;align-items:center;gap:23px;max-width:800px;margin:0 auto 22px;border:1px solid #caa264;background:linear-gradient(110deg,#2a1e1099,#171008c9);border-radius:19px;padding:24px 27px;box-shadow:0 15px 45px #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.portal-status-icon{width:69px;height:69px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;border:1px solid #e1b86d;background:linear-gradient(135deg,#87602c9c,#22180f9c);color:#f2cf8d}.portal-status-icon svg{width:33px;height:33px}.portal-status-label{font:17px Georgia,serif;color:#d9cbb6}.portal-status h2{font:400 clamp(23px,4vw,33px)/1.2 Georgia,serif;margin:5px 0 6px}.portal-status p{font:16px/1.5 Georgia,serif;color:#d6c8b4;margin:0;white-space:pre-line}.status-light{display:inline-block;width:11px;height:11px;border-radius:50%;background:#f2c577;box-shadow:0 0 15px #db9f40c9;vertical-align:middle;margin-left:6px}
.gold-portal .portal-notice,.gold-portal .portal-new-summary{border-color:#e3bb6f50;background:#281d10bd;color:#e5d7bf;max-width:800px;margin:0 auto 19px;text-align:center;padding:12px 17px}.gold-portal .portal-notice a,.gold-portal .portal-new-summary a{color:#edc780}
.portal-completion{max-width:800px;margin:0 auto 22px}.portal-completion summary{color:#ceae77;text-align:center;font-size:12px;cursor:pointer;padding:11px;list-style-position:inside}.gold-portal .portal-card{background:#181109b8;border-color:#bb91593d}.gold-portal .portal-main-card{max-width:800px;margin:12px auto 24px;text-align:center}.gold-portal .portal-main-card h2{font-weight:400;color:#f9eacb}.gold-portal .portal-main-card p{color:#e4d4bd;white-space:pre-line}.gold-portal .fine-print{font-size:12px;line-height:1.8;margin:22px 0}.gold-portal .portal-main-card .btn{margin-top:18px}.portal-status-link{display:block;color:#e7c48e;text-align:center;font-size:12px;margin:0 0 24px}
.gold-portal .trip-countdown{max-width:800px;margin:0 auto 30px;padding:24px}.gold-portal .countdown-heart{display:none}.gold-portal .trip-countdown h2{font-size:24px}.gold-portal .countdown-grid{max-width:460px}.gold-portal .countdown-unit strong{font-size:32px}
.gallery-heading{text-align:center;margin:35px auto 28px;max-width:760px}.gallery-heading h2{font:400 clamp(31px,5.3vw,53px)/1.12 Georgia,serif;letter-spacing:-.025em;margin:0 0 14px;color:#fcf3e4}.gallery-heading p{font:400 clamp(17px,2.4vw,23px)/1.5 Georgia,serif;max-width:600px;margin:0 auto;color:#e2d7c6;text-wrap:balance}
.gold-portal .portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.surprise-tile{position:relative;isolation:isolate;aspect-ratio:1.5;border:1px solid #e2b66d;border-radius:19px;overflow:hidden;background:#13100b;box-shadow:0 12px 36px #0005}
.surprise-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s ease,filter .5s ease}.surprise-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#08050210,#0b070320 22%,#0a06089c 67%,#080504ed)}
.is-preparing{border-color:#ada5978a}.is-preparing .surprise-cover{filter:grayscale(1) brightness(.47)}.is-preparing .surprise-tile-icon{color:#cbc4b7;border-color:#a49c8c;background:#171613a8}.is-preparing h3{color:#d7d0c6}.is-published:hover .surprise-cover{transform:scale(1.035)}.is-published:focus-within{outline:3px solid #ffe2a2;outline-offset:4px}
.surprise-tile-icon{position:absolute;left:22px;top:20px;width:58px;height:58px;display:grid;place-items:center;border:1px solid #e6bf7a;border-radius:50%;color:#f5cd88;background:#15100696;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.surprise-tile-icon svg{width:30px;height:30px}
.surprise-tile-copy{position:absolute;left:23px;right:42px;bottom:19px;pointer-events:none}.surprise-tile h3{font:400 clamp(20px,3vw,32px)/1.1 Georgia,serif;color:#fff4df;margin:0 0 12px;text-wrap:balance;overflow-wrap:anywhere}.surprise-state{display:inline-flex;gap:8px;align-items:center;border-radius:25px;padding:6px 11px;max-width:100%;font:14px/1.2 Georgia,serif;border:1px solid #d9b173;background:#0f0b08b8;color:#e9d6b8}.surprise-state svg{width:17px;height:17px;flex-shrink:0}.state-new,.state-read{background:linear-gradient(100deg,#c7974e,#ebc98c);color:#211608;border-color:#e1b875}.state-locked{border-color:#aaa0918a;color:#c9bfae}
.surprise-open{position:absolute;inset:0;background:transparent;border:0;width:100%;height:100%;padding:0;cursor:pointer;color:#ffe3ae}.surprise-open>span:last-child{position:absolute;right:19px;bottom:54px;font:300 45px Georgia,serif}.surprise-open:focus-visible{outline-offset:-5px!important;border-radius:19px}.surprise-tile-arrow{position:absolute;right:17px;bottom:56px;color:#bab0a0;width:19px;height:23px}.surprise-tile-arrow svg{width:100%;height:100%}
.gold-portal .portal-empty{max-width:800px;margin:auto;background:#12100cb0;border-color:#b59d723b}.empty-gift{width:100%;max-width:250px;aspect-ratio:1.6;object-fit:cover;border-radius:12px;filter:grayscale(1) brightness(.5)}
.portal-signoff{margin:33px auto 26px;text-align:center;color:#d9b778}.portal-signoff .studio-divider>span{width:112px}.portal-signoff p{font:italic 21px/1.55 Georgia,serif;white-space:pre-line;margin:17px 0 0;text-wrap:balance}.portal-refresh{display:flex;align-items:center;justify-content:center;gap:19px;max-width:800px;margin:0 auto;min-height:65px;border-radius:12px;text-decoration:none;font-size:16px;font-weight:500;letter-spacing:.15em;padding:14px 22px}.portal-refresh span{font-size:29px;line-height:1}.gold-portal .portal-footnote{color:#b6a182;margin:23px auto;font-size:10px;max-width:540px}.gold-portal .test-restart .btn{color:#bb9e6b}
/* A separate cover and grouped choices for the native massage form. */
.surprise-tile h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.golden-page .massage-page{background:#110d08ae;border-color:#b990493d;border-radius:24px;overflow:hidden;padding:25px;max-width:780px}.golden-page .portal-back{color:#ddbd82}
.massage-cover,.surprise-detail-cover{position:relative;border-radius:18px;overflow:hidden;height:210px;margin:15px 0 22px;border:1px solid #deb87550}.massage-cover img,.surprise-detail-cover img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.massage-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#100b06bb)}.massage-cover>span{position:absolute;z-index:1;bottom:20px;left:25px;letter-spacing:.25em;font-size:10px;color:#f5deb5}
.golden-page .massage-header{max-width:600px;margin:24px auto}.golden-page .massage-header h1{color:#ffedcd;font-weight:400}.golden-page .massage-header p{color:#dccbac}.golden-page .massage-header .eyebrow{color:#d4b06d}.golden-page .massage-emblem{width:42px;height:42px;margin:12px auto 16px}
.massage-group-title{font:400 24px Georgia,serif;color:#e7c382;margin:29px 0 16px}.golden-page .massage-option-body{background:linear-gradient(110deg,#352715c9,#161008e6);border-color:#c8a15e5a;color:#ffebca}.golden-page .massage-option-copy strong{font-size:22px;font-weight:400}.golden-page .massage-option-copy>span{color:#d1bea1}.golden-page .massage-option-icon{color:#dfb878}.golden-page .massage-radio{border-color:#d9b47377}.golden-page .massage-option input:checked+.massage-option-body{background:linear-gradient(100deg,#815b25bb,#3c2a1599);border-color:#efd396;box-shadow:0 0 0 1px #efcd8135}.golden-page .massage-option input:checked+.massage-option-body .massage-radio{border-color:#f2d298}.golden-page .massage-option input:checked+.massage-option-body .massage-radio:after{background:#f2d298}.golden-page .massage-option input:focus-visible+.massage-option-body{outline-color:#f1cb7d}
.golden-page .massage-couple .massage-option-body{border-color:#e2bd7e;background:linear-gradient(110deg,#76502170,#1c150bbd)}.golden-page .massage-option-copy .massage-duration{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:#ddb877;font-size:11px}.massage-duration svg{width:13px;height:15px}.golden-page .massage-option-small .massage-option-copy strong{font-size:14px;font-family:inherit}.golden-page .massage-notes .form-control{background:#1b140cbf;color:#ffebcc;border-color:#c8a15e60}.golden-page .massage-notes .form-label{color:#e5c995}.golden-page .massage-note{color:#e5c992;white-space:pre-line;font-size:13px}.golden-page .massage-success{background:#342c19e0;border-color:#c4b17a77}.golden-page .massage-success strong,.golden-page .massage-success svg{color:#efcf88}.golden-page .massage-current{color:#d7c09a;border-color:#d0a566}
.surprise-detail-cover{height:240px;max-width:760px;margin:0 auto 24px}.admin-cover-preview{display:block;width:100%;max-width:320px;aspect-ratio:1.7;object-fit:cover;border-radius:12px;margin:0 0 16px;border:1px solid #ddd}
@media(min-width:900px){.gold-portal{padding:0 40px}.portal-branding{margin-top:0}.portal-status{padding:25px 30px}.surprise-tile{aspect-ratio:1.55}.golden-page.page-portal::before{background-position:center 57%}.portal-grid{margin-inline:-15px}}
@media(max-width:700px){.golden-page .surprise-card{background:transparent;border:0;box-shadow:none}.public-main:has(.gold-portal){padding:0 20px 24px}.page-portal .public-header{padding:14px 21px 3px}.portal-toolbar{margin-bottom:0}.studio-mark-gift{width:53px;height:61px;margin-bottom:12px}.studio-mark>strong{font-size:25px}.studio-mark>span{font-size:9px}.studio-divider{margin:18px auto}.portal-name{font-size:18px;padding:10px 19px}.portal-branding{margin-bottom:23px}.portal-status{padding:18px 16px;gap:14px;border-radius:15px}.portal-status-icon{width:48px;height:48px}.portal-status-icon svg{width:24px;height:24px}.portal-status-label{font-size:13px}.portal-status h2{font-size:24px}.portal-status p{font-size:14px}.status-light{width:8px;height:8px}.gold-portal .trip-countdown{padding:21px 14px}.gold-portal .trip-countdown h2{font-size:22px}.gold-portal .countdown-grid{gap:7px}.gold-portal .countdown-unit strong{font-size:27px}.gold-portal .countdown-unit span{font-size:8px}.gallery-heading{margin:32px auto 24px}.gallery-heading h2{font-size:34px;line-height:1.1}.gallery-heading p{font-size:18px}.gold-portal .portal-grid{gap:12px}.surprise-tile{aspect-ratio:.9;border-radius:14px}.surprise-tile-icon{left:13px;top:13px;width:39px;height:39px}.surprise-tile-icon svg{width:22px;height:22px}.surprise-tile-copy{left:13px;right:13px;bottom:13px}.surprise-tile h3{font-size:21px;line-height:1.1;margin-bottom:10px}.surprise-state{font-size:10px;padding:5px 7px;gap:5px}.surprise-state svg{width:12px;height:12px}.surprise-open>span:last-child{font-size:34px;right:10px;bottom:auto;top:15px}.surprise-tile-arrow{right:11px;bottom:auto;top:18px;width:15px;height:19px}.portal-signoff p{font-size:18px}.portal-refresh{font-size:14px;min-height:59px}.golden-page .massage-page{padding:17px 14px;border-radius:19px}.public-main:has(.massage-page){padding-inline:15px}.massage-cover{height:170px;margin-top:11px}.golden-page .massage-header h1{font-size:33px}.golden-page .massage-header p{font-size:14px}.golden-page .massage-option-body{padding:19px 14px;gap:12px}.golden-page .massage-option-copy strong{font-size:20px}.golden-page .massage-option-icon{width:25px;height:25px}.massage-group-title{font-size:23px}.surprise-detail-cover{height:180px}}
@media(max-width:350px){.gold-portal .portal-grid{grid-template-columns:1fr}.surprise-tile{aspect-ratio:1.4}.surprise-tile h3{font-size:25px}.surprise-tile-copy{right:38px}.surprise-state{font-size:12px}.portal-status{padding:15px 12px}.portal-status h2{font-size:21px}.portal-status-icon{width:39px;height:39px}.gallery-heading h2{font-size:29px}.studio-mark>strong{font-size:23px}.golden-page .massage-option-icon{display:none}.golden-page .massage-option-copy strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.surprise-cover{transition:none}.is-published:hover .surprise-cover{transform:none}}