@font-face{font-family:Sticker;src:url('assets/headline.otf')}@font-face{font-family:SF;src:url('assets/sf-medium.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:SF;src:url('assets/sf-bold-subset.otf') format('opentype');font-weight:700;font-display:swap}
:root{--headline-size:50px;--body-size:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:SF,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--body-size);font-weight:500;line-height:1.5;color:#171717;background:#aaa;isolation:isolate}body:before{content:'';position:fixed;inset:0;z-index:-1;background:url('assets/concrete.webp') center/cover no-repeat;pointer-events:none}a{color:inherit}strong{font-weight:700}p{font-size:var(--body-size);margin:0 auto 20px;text-align:left;max-width:680px;text-wrap:pretty;orphans:2;widows:2}h1,h2,h3{margin:0;font-weight:500}h3{font-size:22px;line-height:1.3;font-weight:700;text-wrap:balance}main{max-width:1220px;margin:auto}section{padding:64px 60px;text-align:center}figure{margin:32px auto;max-width:650px}figure>a{display:inline-block}.artwork{max-width:100%;width:320px;height:auto;max-height:440px;object-fit:contain;filter:drop-shadow(8px 10px 6px #0007);transform:none}figcaption{font-size:14px;line-height:1.4;text-align:center;max-width:580px;margin:22px auto 0;text-wrap:balance}.art-details{font-size:14px;line-height:1.35}.art-details strong{font-size:14px;display:block;font-weight:700;margin-bottom:3px}.art-details span{display:block}.eyebrow{text-align:center;font-size:14px;font-weight:700;letter-spacing:.045em;margin-bottom:25px;line-height:1.45;text-wrap:balance}.lead{font-size:23px;font-weight:700;line-height:1.4;text-align:center;text-wrap:balance}.copy{max-width:680px;margin:auto}.card{width:calc(100% - 68px);margin:30px auto;border-radius:28px;box-shadow:0 7px 14px #0003}.concrete{margin:28px auto}.sticker-stack{display:flex;flex-direction:column;align-items:center;margin:0 auto 30px;padding:0 8px;font-family:Sticker,sans-serif;font-size:var(--headline-size);line-height:1.14;color:#111;text-align:center;max-width:100%;width:max-content}.sticker{display:block;width:max-content;white-space:nowrap;position:relative;isolation:isolate;padding:10px 15px 8px;margin:-1px 0 0;color:#111!important;transform:translateX(var(--offset,0)) rotate(var(--angle,0deg));z-index:var(--layer,1);filter:drop-shadow(2px 5px 2px #0008)}.sticker:before{content:'';position:absolute;inset:0;z-index:-1;background:#f6f5f1 url('assets/sticker-texture.jpg') var(--crop-x,-50px) var(--crop-y,-62px)/580px auto;clip-path:var(--cut,polygon(0 1%,99.5% 0,100% 99%,.3% 100%))}.slug-button{display:block;width:max-content;max-width:100%;min-width:280px;margin:25px auto 0;padding:15px 22px;border-radius:8px;background:#171717;color:#fff;font-size:18px;font-weight:700;text-decoration:none;line-height:1.3;text-align:center;white-space:nowrap}.slug-button:hover{background:#343434}.launch-slug{background:#111;color:#fff;text-align:center;padding:20px 24px;font-size:19px;line-height:1.3;font-weight:700;letter-spacing:.04em}.gold{background:linear-gradient(115deg,#b39a4e 0%,#e3ce7b 26%,#d1b762 49%,#e9d893 70%,#c0a456 100%)}.hero{padding-top:35px;padding-bottom:30px}.announcement{font-size:16px;margin-bottom:24px}.hero-intro{max-width:630px}.hero-art{margin-top:28px}.hero-art .artwork{width:215px;max-height:310px}.quick-offer{margin:30px auto 0;padding:28px 30px;background:#f0dc8b;border-radius:19px;display:flex;align-items:center;gap:26px;max-width:720px;text-align:left;border:1px solid #8b733f4d}.offer-amount{font-size:54px;font-weight:700;letter-spacing:-.04em;line-height:1}.quick-offer .eyebrow{text-align:left;margin:0 0 9px;font-size:15px}.quick-offer p:not(.eyebrow){font-size:20px;margin:0 0 15px}.quick-offer a{font-size:17px;font-weight:700}.explain .work-marilyn .artwork{width:330px}.artist figure{margin:35px auto}.artist .artwork{max-height:440px}.haring{background:#efb342}.haring .artwork{width:490px}.bonus{background:#0d9561 url('assets/green-canvas.jpg') center/cover;color:#fff;padding-top:45px;padding-bottom:40px}.bonus figure{margin:28px auto}.bonus .artwork{width:215px;max-height:245px}.bonus .art-details{font-size:13px}.bonus .art-details strong{font-size:13px}.offer-copy{max-width:590px;margin:auto}.offer-copy p{font-size:18px;text-align:center;margin-bottom:13px}.conditions{font-size:13px;font-weight:500;text-align:center;line-height:1.5;max-width:580px;margin:20px auto 0}.steps-section{background:#8dc8c3}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px;text-align:left}.steps h3{text-align:left;font-size:22px;margin-bottom:15px}.steps h3 span{margin-right:8px}.steps p{font-size:20px;margin-bottom:0}.warhol{background:#bc4224;color:#fff}.warhol .artwork{width:375px}.trust{background:#496c82;color:#fff}.trust-copy{display:grid;grid-template-columns:1fr 1fr;gap:28px 45px;margin:35px auto 40px;max-width:850px}.trust-copy h3{text-align:center;margin-bottom:12px}.trust-copy p{font-size:20px;margin-bottom:0}.trust figure{margin-top:40px}.trust .artwork{width:285px;max-height:440px}.hockney{background:#3f5526;color:#fff}.hockney .artwork{width:280px}.lounge{background:#282727;color:#fff}.lounge-image{display:block;width:100%;height:auto;max-height:780px;object-fit:cover;object-position:center;box-shadow:7px 9px 8px #0006}.lounge figure{max-width:760px;margin-top:35px}.lounge figcaption{font-size:17px;margin-top:20px}.nara{background:#80511a;color:#fff}.nara .artwork{width:300px}.questions{display:grid;grid-template-columns:.8fr 1fr;gap:45px;align-items:start;padding-top:35px}.phone-column{min-width:0}.phone-animation{display:block;width:135%;max-width:none;height:940px;object-fit:contain;margin:-140px -17.5% -125px}.phone-column p{position:relative;font-size:20px;max-width:420px}.questions-copy{position:relative;min-width:0}.faq{margin-top:35px}.faq details{border-top:1px solid #0005;padding:20px 0;text-align:left}.faq details:last-child{border-bottom:1px solid #0005}.faq summary{text-align:center;font-weight:700;font-size:20px;cursor:pointer;line-height:1.4}.faq p{font-size:20px;padding-top:15px;margin-bottom:0}.closing{background:#d8bc60}.closing p{text-align:center}.trade-panel{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:center;background:#c7b995;border-radius:24px;margin:30px auto;width:calc(100% - 68px);padding:40px 45px}.trade-contact p{font-size:16px;text-align:center}.trade-panel figure{margin:0}.trade-panel .artwork{width:100%;max-height:340px}.trade-panel .art-details,.trade-panel .art-details strong{font-size:13px}footer{background:#090909;color:#fff;text-align:center;padding:28px 24px 40px}.footer-logo{display:block;width:220px;height:auto;margin:0 auto 25px}.instagram-copy{text-align:center;font-size:18px;max-width:520px;margin-bottom:18px}.instagram-link{display:block;width:34px;height:34px;margin:0 auto 27px}.instagram-link svg{width:100%;height:100%}.copyright{font-size:13px;text-align:center;margin-bottom:18px}.footer-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;font-size:13px}a:focus-visible,summary:focus-visible{outline:3px solid #ead260;outline-offset:5px}
@media(max-width:900px){section{padding:55px 38px}.steps{grid-template-columns:1fr;gap:27px}.trust-copy{gap:25px}.questions{display:block}.phone-animation{width:100%;height:850px;margin:-125px 0 -115px}.phone-column p{max-width:600px;margin-bottom:45px}.questions-copy{max-width:720px;margin:auto}.trade-panel{padding:40px 30px;gap:30px}}
@media(max-width:600px){:root{--headline-size:32px;--body-size:20px}body:before{background-image:url('assets/concrete-mobile.jpg')}section{padding:48px 23px}.card{width:calc(100% - 28px);margin:24px auto;border-radius:24px;padding:42px 20px}.concrete{margin:24px auto;padding:45px 24px}.launch-slug{font-size:17px;padding:17px 16px;line-height:1.35;letter-spacing:.035em}.hero{padding:27px 19px}.announcement{font-size:15px;margin-bottom:22px}.eyebrow{font-size:13px;margin-bottom:22px}.sticker-stack{margin-bottom:26px;padding:0 5px}.sticker{padding:8px 10px 7px}.hero-intro{font-size:20px}.hero-art .artwork{width:58%;max-width:185px;max-height:275px}.hero-art{margin-top:27px}.art-details,.art-details strong{font-size:14px;line-height:1.35}.slug-button{font-size:16px;width:100%;min-width:0;padding:15px 12px;margin-top:23px;border-radius:7px}.quick-offer{padding:24px 15px;margin-top:26px;gap:15px;align-items:flex-start}.offer-amount{font-size:41px;line-height:1.1}.quick-offer .eyebrow{font-size:12px;letter-spacing:.04em}.quick-offer p:not(.eyebrow){font-size:18px;line-height:1.45}.quick-offer a{font-size:16px}.lead{font-size:22px}.explain .work-marilyn .artwork{width:82%;max-width:290px}.artist figure{margin-top:30px}.haring .artwork{width:91%;max-width:330px}.bonus{padding:37px 20px}.bonus .artwork{width:59%;max-width:195px;max-height:215px}.bonus figure{margin:24px auto}.bonus .art-details,.bonus .art-details strong{font-size:12px}.offer-copy p{font-size:18px;line-height:1.45}.conditions{font-size:12px;font-weight:500;margin-top:17px}.steps{margin-top:29px;gap:26px}.steps h3{font-size:21px}.steps p{font-size:20px}.warhol .artwork{width:84%;max-width:330px}.trust-copy{grid-template-columns:1fr;gap:26px;margin:28px 0 36px}.trust-copy h3{font-size:22px}.trust-copy p{font-size:20px}.trust .artwork{width:75%;max-width:280px;max-height:none}.hockney .artwork{width:73%;max-width:270px}.nara .artwork{width:77%;max-width:280px}.lounge figure{margin:28px -2px 0}.lounge-image{height:470px;max-height:none;object-fit:cover;object-position:center}.lounge figcaption{font-size:16px;line-height:1.4}.questions{padding:24px 24px 45px;overflow:hidden}.phone-animation{width:125%;height:780px;margin:-116px -12.5% -110px}.phone-column p{font-size:20px;margin-bottom:35px}.faq summary{font-size:19px}.faq p{font-size:20px;line-height:1.5}.closing p{font-size:20px}.trade-panel{width:calc(100% - 28px);grid-template-columns:1fr;padding:32px 22px;margin:24px auto;gap:25px}.trade-contact p{font-size:16px}.trade-panel .artwork{width:92%;max-height:none}.footer-logo{width:185px;margin-bottom:18px}.instagram-copy{font-size:17px;max-width:310px}.footer-links{font-size:12px;gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Optical centring compensates for the supplied logo's uneven internal padding. */
.footer-logo{position:relative;left:19px}@media(max-width:600px){.footer-logo{left:16px}}

/* Finesse: quieter typography, fewer panels and a more compact rhythm. */
:root{--body-size:17px}
section{padding:44px 52px}.card{margin:22px auto;padding:46px 48px}.concrete{margin:18px auto}.lead{font-size:20px}h3,.steps h3,.trust-copy h3{font-size:18px}
p{margin-bottom:16px}.sticker-stack{margin-bottom:25px}.eyebrow{margin-bottom:20px}.slug-button{font-size:16px;padding:13px 20px;margin-top:21px;min-width:250px}
.bare{background:transparent;color:#171717;box-shadow:none;border-radius:0}
.steps p,.trust-copy p,.phone-column p,.faq p,.closing p{font-size:var(--body-size)}.faq summary{font-size:17px}.faq details{padding:17px 0}
.quick-offer{background:#b4ccc7;border-color:#617c7440;padding:22px 25px;gap:25px}.bonus-artwork{width:145px;max-height:150px;flex:0 0 auto}.quick-offer p:not(.eyebrow){font-size:17px}.quick-offer a{font-size:15px}.quick-offer .eyebrow{font-size:12px}
.offer-copy p{font-size:16px}.art-details,.art-details strong{font-size:13px}.lounge figcaption{font-size:15px}
.trade-panel{background:transparent;border-radius:0;margin:18px auto;padding:30px 45px}.trade-contact p{font-size:14px}
.brand-signoff{text-align:center;padding:12px 24px 22px}.footer-logo{width:200px;margin:0 auto;mix-blend-mode:screen}.instagram-copy{font-size:15px}
@media(max-width:900px){section{padding:38px 30px}.card{padding:38px 28px}.steps{gap:22px}.trust-copy{gap:22px}.trade-panel{padding:28px 26px}}
@media(max-width:600px){
:root{--body-size:16px}
section{padding:31px 24px}.card{padding:32px 20px;margin:17px auto}.concrete{margin:14px auto;padding:32px 24px}.hero{padding:25px 19px}.hero-intro{font-size:16px;line-height:1.5}
.lead{font-size:18px;line-height:1.4}.eyebrow{font-size:12px;margin-bottom:19px}.announcement{font-size:13px}.sticker-stack{margin-bottom:22px}
.slug-button{font-size:15px;padding:13px 10px;margin-top:20px;min-width:0}.art-details,.art-details strong{font-size:12px;line-height:1.4}figcaption{margin-top:18px}
.quick-offer{padding:19px 15px;gap:17px;align-items:center;margin-top:22px}.bonus-artwork{width:95px;max-height:110px}.quick-offer .eyebrow{font-size:11px;margin-bottom:7px}.quick-offer p:not(.eyebrow){font-size:15px;line-height:1.45;margin-bottom:10px}.quick-offer a{font-size:14px}
.steps{margin-top:23px;gap:21px}.steps h3,.trust-copy h3{font-size:17px;margin-bottom:10px}.steps p,.trust-copy p,.phone-column p,.faq p,.closing p{font-size:16px}
.trust-copy{gap:22px;margin:24px 0 28px}.artist figure{margin:25px auto}.offer-copy p{font-size:16px}.conditions{font-size:11px}.lounge figcaption{font-size:14px}.questions{padding:24px 24px 30px}.faq summary{font-size:16px}.faq details{padding:16px 0}.faq{margin-top:25px}
.trade-panel{padding:25px 22px;margin:15px auto;gap:22px}.trade-contact p{font-size:14px}.brand-signoff{padding:8px 24px 20px}.footer-logo{width:165px;left:14px}.instagram-copy{font-size:14px;max-width:290px}footer{padding:27px 24px 32px}
}

/* App references: aligned art, rounded colour cards and gentle gradients. */
.quick-offer{background:linear-gradient(125deg,#b32921,#cb3d30 58%,#a92723);color:#fff;border:0;align-items:stretch;gap:26px;border-radius:22px}.quick-offer>div{display:flex;flex-direction:column;justify-content:space-between;padding:0}.bonus-artwork{width:160px;height:170px;max-height:none;object-fit:contain;object-position:center}.quick-offer .eyebrow{margin-bottom:8px}.quick-offer p:not(.eyebrow){margin-bottom:12px}.quick-offer a{align-self:flex-start}
.bonus{background:linear-gradient(135deg,#74a845,#92b757 48%,#558c4c);color:#171717}.bonus .artwork{width:310px;max-height:330px}
.lounge{background:radial-gradient(ellipse at 82% 12%,#edce92 0%,transparent 58%),linear-gradient(140deg,#cba771,#e4c890 52%,#b7915e);color:#171717}.lounge picture{display:block}.lounge-image{height:auto;max-height:none;border-radius:18px}.lounge figure{max-width:850px}
.phone-column{position:relative}.phone-animation{position:relative;z-index:1;height:790px;margin:-145px -17.5% -150px}.phone-column:before{content:'';position:absolute;width:48%;height:22px;left:26%;top:475px;border-radius:50%;background:#0003;filter:blur(13px);z-index:0}.app-invite{text-align:center!important;max-width:none!important;margin-bottom:28px!important;line-height:1.5}.app-invite span{display:block;white-space:nowrap}
.closing.card{padding-top:26px;padding-bottom:26px}.closing .sticker-stack{margin-bottom:18px}.closing p{margin-bottom:12px}.closing .slug-button{margin-top:16px}.footer-logo{mix-blend-mode:normal;background:#090909;border-radius:0}
@media(max-width:900px){.phone-animation{width:100%;height:730px;margin:-120px 0 -130px}.phone-column:before{top:440px}}
@media(max-width:600px){
.quick-offer{padding:20px 16px;gap:17px}.bonus-artwork{width:112px;height:140px}.quick-offer>div{min-width:0}.quick-offer p:not(.eyebrow){font-size:14px;line-height:1.4}.quick-offer .eyebrow{font-size:11px}.quick-offer a{font-size:13px}
.bonus .artwork{width:83%;max-width:280px;max-height:none}.lounge-image{height:auto;max-height:none;border-radius:15px}.lounge figure{margin-top:24px}
.phone-animation{height:690px;width:125%;margin:-124px -12.5% -136px}.phone-column:before{top:395px;width:56%;left:22%;height:18px}.app-invite{margin-bottom:28px!important}.questions{padding-top:12px}.single-line{padding:0 2px}.closing.card{padding-top:22px;padding-bottom:22px;margin-top:8px;margin-bottom:8px}
}

/* Metallic hero and gentle app-inspired card gradients. */
.gold{background:linear-gradient(112deg,#886419 0%,#c69926 13%,#f0d768 27%,#ae7b19 42%,#e4bb40 57%,#fff0a0 69%,#c99b29 83%,#946b1b 100%);background-size:180% 100%;animation:gold-shimmer 16s ease-in-out infinite}
@keyframes gold-shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.hero-art .artwork{width:300px;max-height:380px}.hero-art{margin-top:30px;margin-bottom:27px}
.quick-offer{padding:20px 24px;align-items:stretch}.quick-offer>div{padding:0;justify-content:space-between}.quick-offer .eyebrow{margin:0}.quick-offer p:not(.eyebrow){margin:5px 0}.bonus-artwork{height:165px;width:155px}
.haring{background:linear-gradient(135deg,#f2bc54,#efa933 58%,#e5a33a)}.warhol{background:linear-gradient(140deg,#a93624,#c3462c 52%,#a52d24)}.bonus{background:linear-gradient(135deg,#74a845,#86b24d 50%,#659849)}
.sticker-stack{max-width:none;position:relative;left:50%;transform:translateX(-50%);margin-left:0;margin-right:0}.single-line{font-size:var(--headline-size)}
.phone-column{transform:translateY(-15px)}.phone-column .app-invite{margin-top:-7px}.footer-logo{left:0;filter:drop-shadow(7px 10px 7px #0007)}
.slug-button{transition:transform .18s ease,box-shadow .18s ease,background .18s ease;box-shadow:0 3px 6px #0002;will-change:transform}.slug-button:hover{transform:translateY(-2px);box-shadow:0 7px 12px #0003}.slug-button:active{transform:translateY(1px) scale(.985);box-shadow:0 1px 3px #0003}.quick-offer a{transition:opacity .18s ease}.quick-offer a:hover{opacity:.78}
@media(max-width:600px){.hero-art .artwork{width:79%;max-width:265px;max-height:none}.hero-art{margin-top:28px;margin-bottom:25px}.quick-offer{padding:18px 15px;gap:16px}.bonus-artwork{width:112px;height:137px}.quick-offer p:not(.eyebrow){margin:4px 0}.quick-offer .eyebrow{margin:0}.phone-column{transform:translateY(-20px)}.questions{padding-top:8px}.footer-logo{left:0}}
@media(prefers-reduced-motion:reduce){.gold{animation:none}.slug-button,.quick-offer a{transition:none}.slug-button:hover,.slug-button:active{transform:none}}

/* Final typography and interaction refinement. */
.quick-offer{display:grid;grid-template-columns:155px minmax(0,1fr);align-items:stretch}.bonus-artwork{display:block;width:100%;height:auto;max-height:none;aspect-ratio:1;object-fit:contain}.quick-offer>div{height:100%;padding:0;min-width:0}.quick-offer .eyebrow,.quick-offer p:not(.eyebrow){margin:0}.quick-offer a{line-height:1.2}
.steps h3 span{display:block;font-size:64px;color:#fff;font-weight:700;line-height:1;margin:0 0 12px;text-shadow:0 2px 3px #0002}.trust-copy h3{color:#fff;text-shadow:0 1px 2px #0004}.faq summary{text-wrap:balance}.keep-together{white-space:nowrap}
@media(hover:hover) and (pointer:fine){figure .artwork{transition:translate .25s ease,filter .25s ease}figure:hover .artwork{translate:0 -3px;filter:drop-shadow(8px 13px 8px #0007)}}
.faq details[open] p{animation:answer-in .2s ease-out}@keyframes answer-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.quick-offer{grid-template-columns:40% minmax(0,1fr);gap:16px}.bonus-artwork{width:100%;height:auto}.steps h3 span{font-size:58px;margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){figure .artwork{transition:none}.faq details[open] p{animation:none}}

/* Final finishing touches, with the earlier logo treatment restored. */
.bonus-artwork{animation:collector-heartbeat 3.2s ease-in-out infinite;transform-origin:center}
@keyframes collector-heartbeat{0%,35%,100%{transform:scale(1)}10%{transform:scale(1.035)}18%{transform:scale(1)}26%{transform:scale(1.025)}}
.lounge{background:radial-gradient(ellipse at 85% 8%,#ffe4a7 0%,transparent 52%),linear-gradient(135deg,#a47a40 0%,#e9ca87 37%,#f3d99f 57%,#b58b4d 100%);color:#171717}
.sticker:before{background-image:linear-gradient(#ffffff40,#ffffff40),url('assets/sticker-texture.jpg');background-position:0 0,var(--crop-x,-50px) var(--crop-y,-62px);background-size:auto,580px auto;background-repeat:no-repeat,repeat}.sticker{ text-shadow:0 0 1px #fff9}
.footer-logo{background:transparent;mix-blend-mode:normal;left:0;filter:drop-shadow(7px 10px 7px #0006)}
@media(prefers-reduced-motion:reduce){.bonus-artwork{animation:none}}

/* Centre the artwork's black square (x=61..472 in the 640px source), not its shadow bounds. */
.footer-logo{width:220px;left:0;transform:translateX(8.359375%)}
@media(max-width:600px){.footer-logo{width:185px;left:0}}

/* Larger centred introductory copy and final logo scale. */
.hero-intro{text-align:center;text-wrap:balance}
.footer-logo{width:253px}
@media(max-width:600px){.footer-logo{width:212.75px}}

/* Slight final logo increase; square-centre compensation remains proportional. */
.footer-logo{width:265.65px}
@media(max-width:600px){.footer-logo{width:223.3875px}}

/* Approved Art Lounge scenes stack naturally on mobile. */
.lounge-mobile-second{display:none}
@media(max-width:999px){
 .lounge figure picture{display:block}
 .lounge figure .lounge-image{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
 .lounge figure .lounge-mobile-second{margin-top:18px}
}