:root{--ink:#144e4b;--muted:#54736f;--turquoise:#087b75;--coral:#ed9477;--line:#dce8e3;--paper:#fff;--soft:#edf8f5;--font:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:3px}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button{cursor:pointer}img{display:block;max-width:100%}.preview-ribbon{height:27px;display:flex;justify-content:center;align-items:center;gap:5px;background:#eff5f2;color:#41645e;font-size:10px;font-weight:700;letter-spacing:1.5px}.preview-ribbon span{font-weight:400;letter-spacing:.4px}.site-header{max-width:1440px;margin:auto;padding:24px 52px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;font-weight:700;font-size:25px;letter-spacing:-1px;display:inline-flex;align-items:center;gap:9px}.brand-mark{background:var(--turquoise);color:#fff;font-family:Georgia,serif;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:27px;font-weight:400;line-height:1;padding-bottom:4px}.header-tag{font-size:12px;color:var(--muted)}.header-free{font-size:12px;font-weight:700;border:1px solid var(--line);border-radius:30px;padding:11px 16px}.header-free span{padding-left:12px;color:var(--turquoise)}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:60px;padding:25px 52px 60px}.eyebrow,.tiny{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--turquoise);display:block}.eyebrow{margin-bottom:17px}h1,h2,h3,p{margin:0}h1{font-size:65px;line-height:1.03;letter-spacing:-3px;font-weight:600}h1 em{font-style:normal;color:var(--turquoise)}.subhead{max-width:500px;font-size:19px;line-height:1.45;margin-top:17px;color:var(--muted)}.offer{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;margin-top:20px;line-height:1.35}.free-dot{width:7px;height:7px;border-radius:100%;background:var(--turquoise);flex-shrink:0}.physical-note{margin-top:7px;font-size:12px;color:var(--muted);line-height:1.4}.signup{padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 45px #145b4510;align-self:start;margin-top:5px;position:relative}.form-heading h2{font-size:27px;letter-spacing:-1px;margin:9px 0}.form-note{font-size:13px;color:var(--muted)}form{margin-top:23px}.input-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:12px}form label:not(.consent){font-size:11px;font-weight:700;display:block}.input-row input,textarea{display:block;width:100%;border:1px solid #c7d8d1;background:#fdfefd;border-radius:7px;padding:12px 11px;margin-top:7px;color:var(--ink);font-size:13px;height:44px;min-width:0}input::placeholder,textarea::placeholder{color:#728882;opacity:1}.story-label{margin-top:16px}textarea{resize:vertical;min-height:61px;line-height:1.4}.consent{display:flex;align-items:flex-start;gap:10px;margin:18px 0;font-size:12px;line-height:1.52;color:#425e59}.consent input{appearance:auto;width:18px;height:18px;accent-color:var(--turquoise);margin:2px 0 0;flex-shrink:0}.consent a{font-weight:700}.cta{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;border:0;border-radius:8px;background:var(--turquoise);color:#fff;min-height:49px;padding:13px 15px;font-size:14px;font-weight:700}.cta:hover{filter:brightness(.94)}.cta span{font-size:21px}.demo-note{font-size:10px;text-align:center;letter-spacing:.3px;color:var(--muted);margin-top:11px}.demo-status{font-size:12px;line-height:1.5;margin-top:12px;padding:10px;border-radius:6px;background:var(--soft)}.mobile-art{display:none}.studio-art{position:relative;margin-top:27px;background:#eef8f5;border-radius:80px 14px 14px 14px;padding:17px 22px 13px;height:320px;overflow:hidden}.art-label{font-size:9px;letter-spacing:2px;color:#54736f;text-align:right}.studio-posters{height:258px;position:relative;display:flex;justify-content:center;align-items:center}.poster{background:#fff;padding:7px;box-shadow:0 7px 18px #17554e25;width:181px;position:absolute}.poster.back{transform:rotate(-11deg);left:11%;top:20px;width:160px}.poster.front{transform:rotate(-1deg);z-index:2;top:2px;width:180px}.poster.side{transform:rotate(10deg);right:7%;top:18px;width:162px}.art-caption{display:flex;gap:10px;align-items:center;font-size:11px;color:var(--muted);position:absolute;bottom:13px;left:22px}.caption-rule{height:1px;width:24px;background:var(--turquoise)}.journey{padding:55px 52px 61px;background:#f4f9f6}.section-title{text-align:center}.section-title h2{font-size:34px;letter-spacing:-1px;font-weight:500;margin:12px 0}.section-title p{font-size:15px;line-height:1.5;color:var(--muted)}.steps{max-width:1336px;margin:35px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.step-num{font-size:12px;display:flex;align-items:center;justify-content:center;border:1px solid #bfd8cf;border-radius:100%;height:33px;width:33px;margin-bottom:14px}.step h3{font-size:17px;margin-bottom:10px}.step p{font-size:13px;line-height:1.6;max-width:245px;color:var(--muted)}.examples{padding:66px 52px;max-width:1440px;margin:auto}.art-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:35px}.art-grid figure{margin:0}.art-grid .art{width:100%;border-radius:3px}.art-grid figcaption{margin-top:17px}.art-grid small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--turquoise);margin-bottom:7px}.art-grid h3{font-size:17px;font-weight:500}.concept-note{font-size:11px;text-align:center;color:var(--muted);margin-top:30px}.keepsakes{margin:0 52px 64px;padding:48px 65px;background:#edf7f2;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;border-radius:20px;max-width:1336px}.keepsakes h2{font-size:40px;line-height:1.15;font-weight:500;letter-spacing:-1px;margin:15px 0}.keepsakes p{font-size:15px;line-height:1.7;color:var(--muted)}.keepsakes strong{display:block;font-size:13px;margin-top:18px}.keepsake-art{display:flex;justify-content:center;align-items:center;gap:25px}.mini-frame{width:175px;flex-shrink:0;border:12px solid #e5c6a0;background:#fff;padding:12px;box-shadow:0 8px 19px #23584420}.keepsake-art span{max-width:140px;color:var(--muted);font-size:11px;line-height:1.6}footer{border-top:1px solid var(--line);padding:28px 52px 35px;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:20px;max-width:1440px;margin:auto}footer>span{font-size:11px;color:var(--muted)}footer>div{display:flex;gap:20px;font-size:12px}footer p{width:100%;font-size:10px;color:var(--muted);text-align:center}
/* 02 — Gallery: editorial typography, framed art, a composed three-column opening. */
.gallery{--paper:#f9f6ee;--soft:#f1f0e6;--line:#dfdfd1;--ink:#245a55;--muted:#63766a;--turquoise:#277d73}.gallery .preview-ribbon{background:#eaece1}.gallery .site-header{border-bottom:1px solid var(--line);margin:0 52px;padding:24px 0}.gallery .brand{font-family:Georgia,serif;font-size:28px;font-weight:400}.gallery .brand-mark{display:none}.gallery .hero{grid-template-columns:1fr 1.12fr 370px;gap:28px;padding-top:49px;padding-bottom:62px;align-items:center}.gallery .hero-main{display:contents}.gallery .intro{padding-bottom:30px}.gallery h1{font-family:Georgia,'Times New Roman',serif;font-size:53px;letter-spacing:-2px;font-weight:400;line-height:1.09}.gallery h1 em{font-style:italic}.gallery .eyebrow{line-height:1.5;font-size:9px}.gallery .subhead{font-size:17px}.gallery .offer{font-size:13px;line-height:1.6}.gallery .signup{padding:23px;border-radius:0;box-shadow:none;background:#fffdf7}.gallery .form-heading h2{font-family:Georgia,serif;font-weight:400}.gallery input,.gallery textarea,.gallery .cta{border-radius:2px}.gallery .cta{font-size:13px}.gallery-art{height:505px;position:relative}.gallery-frame{position:absolute;top:0;left:9%;width:70%;padding:16px;border:10px solid #cfb492;background:#fff9ed;box-shadow:4px 9px 12px #47351c1c}.gallery-secondary{position:absolute;width:38%;bottom:61px;right:0;border:7px solid #b39a7f;padding:8px;background:#fff9ed;box-shadow:4px 5px 12px #47351c20}.gallery-plaque{position:absolute;left:4%;bottom:-15px}.gallery-plaque span{font-size:9px;letter-spacing:2px;color:var(--muted)}.gallery-plaque p{font-family:Georgia,serif;font-size:17px;line-height:1.4;margin-top:8px}.shelf{height:7px;background:#dcccb2;position:absolute;bottom:57px;width:100%;box-shadow:0 5px 8px #58452610}.gallery .journey{background:#f0f0e4;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.gallery .section-title h2,.gallery .keepsakes h2{font-family:Georgia,serif}.gallery .step h3{font-family:Georgia,serif;font-size:20px;font-weight:400}.gallery .step-num{border:0;border-radius:0;justify-content:start;font-family:Georgia,serif;font-size:25px;width:auto}.gallery .art-grid figure{background:#eeebe0;padding:14px}.gallery .art-grid h3{font-family:Georgia,serif;font-size:18px}.gallery .keepsakes{background:#ececdd;border-radius:0}.gallery .header-free{border-radius:0}
/* 03 — Club: confident type, turquoise canvas, oversized collectible art. */
.club{--ink:#124e4b;--turquoise:#006e65;--soft:#ddf5e9;--line:#c4e1d6}.club .site-header{padding-top:21px;padding-bottom:21px}.club .brand{font-weight:900;letter-spacing:-1.4px}.club .brand-mark{border-radius:9px;background:#006e65}.club .hero{background:#bcefe4;border-radius:25px;max-width:1336px;padding:32px 38px 35px;gap:38px;grid-template-columns:1fr 396px;margin:5px auto 35px;position:relative;overflow:hidden}.club h1{font-size:69px;font-weight:900;letter-spacing:-3.5px}.club h1 em{color:#006e65}.club .subhead{color:#285f59;font-size:18px;max-width:480px}.club .eyebrow{background:#f4dd79;display:inline-block;padding:7px 10px;border-radius:4px;font-size:9px;letter-spacing:1.5px;margin-bottom:13px}.club .offer{margin-top:14px}.club .signup{border:0;border-radius:17px;padding:27px;margin-top:0;box-shadow:0 9px 0 #78c8b638}.club .form-heading h2{font-weight:800}.club .cta{background:#f3dc7b;color:#124e4b}.club-art{height:305px;position:relative;margin-top:24px}.club-tile{position:absolute;padding:7px;background:#fff6e5;box-shadow:0 7px 10px #17554e22;border-radius:2px}.club-main{width:193px;left:21%;top:0;transform:rotate(-7deg);z-index:2}.club-small{width:150px;left:55%;top:40px;transform:rotate(10deg)}.club-stamp{position:absolute;top:27px;left:1%;width:100px;height:100px;display:grid;place-items:center;text-align:center;line-height:1.4;transform:rotate(-13deg);border-radius:50%;border:2px solid #006e65;font-size:12px;font-weight:900;letter-spacing:1px;background:#a9e7d7}.club-label{position:absolute;bottom:0;left:1%;font-size:11px;font-weight:900;letter-spacing:1px}.club-label span{font-weight:400;font-size:9px;margin-left:6px}.club .journey{background:#fff}.club .step-num{background:#f4df84;border:0;font-weight:700;transform:rotate(-6deg);border-radius:8px}.club .section-title h2{font-weight:800}.club .examples{background:#f0faf6;max-width:none}.club .art-grid{max-width:1336px;margin-left:auto;margin-right:auto}.club .art-grid figure{background:#fff;padding:12px;border-radius:12px;box-shadow:0 4px 0 #cbe7dd}.club .keepsakes{margin-top:50px;background:#bcefe4}.club .keepsakes h2{font-weight:800}
@media(min-width:1441px){.keepsakes{margin-left:auto;margin-right:auto}.gallery .site-header{margin-left:auto;margin-right:auto}}
@media(min-width:761px) and (max-width:1120px){.site-header{padding:22px 30px}.header-tag{display:none}.hero{padding:22px 30px 45px;gap:30px;grid-template-columns:minmax(0,1fr) 350px}h1{font-size:51px}.poster.back{left:0}.poster.side{right:0}.gallery .site-header{margin:0 30px}.gallery .hero{grid-template-columns:1fr 350px;gap:25px}.gallery .hero-main{display:block}.gallery-art{height:290px;margin-top:20px}.gallery-frame{width:43%;left:25%}.gallery-secondary{width:25%;right:10%;bottom:25px}.gallery-plaque{display:none}.shelf{bottom:20px}.gallery .intro{padding:0}.club .hero{margin:5px 25px 30px;padding:26px;grid-template-columns:1fr 350px;gap:25px}.club h1{font-size:54px}.club-main{left:12%;width:175px}.club-small{left:55%;width:130px}.club-stamp{left:0;width:72px;height:72px;font-size:9px}.keepsakes{margin:0 30px 45px;padding:35px;gap:35px}.keepsake-art{gap:15px}.mini-frame{width:140px}}
@media(max-width:760px){.preview-ribbon{height:21px;font-size:8px;letter-spacing:1px}.preview-ribbon span{font-size:8px}.site-header,.gallery .site-header,.club .site-header{padding:12px 18px;margin:0;height:52px;max-width:none;border:0}.brand,.gallery .brand{font-size:22px;letter-spacing:-.8px}.brand-mark{width:28px;height:28px;font-size:22px}.header-tag{display:none}.header-free{font-size:9px;border:0;padding:0;background:none;max-width:100px;text-align:right;line-height:1.3}.header-free span{display:none}.hero,.gallery .hero,.club .hero{display:block;padding:8px 18px 23px;margin:0;max-width:none;border-radius:0}.hero-main,.gallery .hero-main{display:block}.intro,.gallery .intro{padding:0}.eyebrow,.gallery .eyebrow,.club .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:8px}.club .eyebrow{padding:4px 7px}h1,.gallery h1,.club h1{font-size:34px;letter-spacing:-1.5px;line-height:1.02}.gallery h1{font-size:34px;line-height:1.05}.subhead,.gallery .subhead,.club .subhead{font-size:13px;line-height:1.4;margin-top:9px;max-width:350px}.offer,.gallery .offer,.club .offer{font-size:11px;line-height:1.4;margin-top:10px;gap:6px}.free-dot{width:5px;height:5px}.physical-note{font-size:10px;line-height:1.35;margin-top:4px}.mobile-art{display:flex;gap:8px;align-items:center;margin-top:12px;height:92px;overflow:hidden;background:#edf6f1;border-radius:8px;padding:6px 9px;position:relative}.mobile-art .art{height:80px;width:64px;box-shadow:0 3px 5px #194e4620}.mobile-art .art:nth-child(1){transform:rotate(-3deg)}.mobile-art .art:nth-child(3){transform:rotate(3deg)}.mobile-art span{font-size:9px;line-height:1.45;width:64px;padding-left:6px;color:var(--muted)}.gallery .mobile-art{background:#ebe9db;border-radius:0;padding:6px 10px}.gallery .mobile-art .art{border:3px solid #c7ac88;padding:2px;background:#fff;height:80px;width:67px}.club .mobile-art{background:#a6e3d3}.club .mobile-art .art{padding:2px;background:#fff8e9}.studio-art,.gallery-art,.club-art{display:none}.signup,.gallery .signup,.club .signup{padding:14px;margin-top:12px;border-radius:10px;box-shadow:0 3px 15px #145b4508}.gallery .signup{border-radius:0}.form-heading .tiny{display:none}.form-heading h2,.gallery .form-heading h2{font-size:19px;letter-spacing:-.5px;margin:0 0 4px}.form-note{font-size:10px}.form-heading{display:flex;align-items:center;flex-wrap:wrap;column-gap:8px}.form-heading h2{margin-bottom:0}.form-note{display:none}form{margin-top:10px}.input-row{gap:10px;grid-template-columns:.8fr 1.2fr}form label:not(.consent){font-size:10px}.input-row input,textarea{height:36px;min-height:36px;font-size:12px;padding:8px 9px;margin-top:4px}.story-label{margin-top:9px}.consent{margin:12px 0 11px;font-size:11px;line-height:1.45;gap:8px}.consent input{width:17px;height:17px}.cta,.gallery .cta{min-height:41px;padding:9px 12px;font-size:12px}.cta span{font-size:18px}.demo-note{font-size:9px;margin-top:7px}.journey{padding:30px 18px}.section-title .tiny{font-size:8px;letter-spacing:1.3px}.section-title h2{font-size:26px;line-height:1.2;margin:10px 0}.section-title p{font-size:12px;line-height:1.5}.steps{grid-template-columns:1fr 1fr;gap:23px 17px;margin-top:25px}.step-num{margin-bottom:9px;width:28px;height:28px;font-size:10px}.step h3{font-size:14px;line-height:1.3;margin-bottom:7px}.gallery .step h3{font-size:17px}.gallery .step-num{font-size:23px}.step p{font-size:11px;line-height:1.6}.examples{padding:35px 18px}.art-grid{grid-template-columns:1fr 1fr;gap:23px 14px;margin-top:24px}.art-grid figcaption{margin-top:12px}.art-grid small{font-size:8px;line-height:1.5;letter-spacing:1px}.art-grid h3,.gallery .art-grid h3{font-size:14px;line-height:1.3}.gallery .art-grid figure,.club .art-grid figure{padding:8px}.concept-note{font-size:10px;line-height:1.5;margin-top:21px}.keepsakes,.club .keepsakes{display:block;margin:0 18px 30px;padding:27px 22px;border-radius:12px}.keepsakes .tiny{font-size:8px;line-height:1.5;letter-spacing:1.2px}.keepsakes h2{font-size:29px;margin:12px 0}.keepsakes p{font-size:12px;line-height:1.65}.keepsakes strong{font-size:11px;margin-top:13px}.keepsake-art{margin-top:25px;gap:22px}.mini-frame{width:120px;padding:7px;border-width:8px}.keepsake-art span{font-size:10px;max-width:110px}footer{padding:23px 18px;gap:15px}footer .brand{font-size:22px}footer>span{font-size:9px}footer>div{font-size:11px;width:100%;gap:18px}footer p{font-size:9px;text-align:left;line-height:1.5}}
