.plumery-home{--home-lilac:#F6F1E7;--home-paper:#F6F1E7;--home-ink:#1C2733}.plumery-home .site-header{background:#F6F1E7;border-bottom:1px solid #1C273318;padding:22px 5%;max-width:none}.plumery-home .wordmark{color:var(--home-ink)}.plumery-home .logo-dot{display:none}.plumery-home .logo-img{width:31px;height:36px;object-fit:contain;margin-right:10px}.plumery-home .wordmark small{font-size:10px;letter-spacing:.05em}.plumery-stage{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#E4D9C2 0%,transparent 55%),#F6F1E7;color:var(--home-ink);padding:48px 5% 24px;transition:background-color .7s;min-height:770px}.plumery-stage[data-feeling="celebrate"]{background-color:#ECE7D3}.plumery-stage[data-feeling="just-because"]{background-color:#EFE2CC}.stage-intro{text-align:center;position:relative;z-index:3}.stage-intro .eyebrow{font-size:10px;letter-spacing:.19em;margin:0 0 18px}.stage-intro h1{font-size:clamp(48px,5.4vw,80px);font-weight:400;line-height:.97;letter-spacing:-.055em;margin:0}.stage-intro h1 em{font-weight:400;color:#764C1C}.stage-intro>p:last-child{font-size:14px;line-height:1.5;margin:20px 0 0}.card-orbit{position:relative;height:390px;max-width:1150px;margin:12px auto 0;perspective:1800px;touch-action:pan-y;outline-offset:-5px}.orbit-guide{position:absolute;inset:130px -10% -145px;border:1px solid #1C273321;border-radius:50%;transform:rotate(-7deg);pointer-events:none}.orbit-card{position:absolute;left:50%;top:30px;width:244px;background:none;border:0;padding:0;cursor:pointer;z-index:calc(10 - var(--slot)*var(--slot));transform:translateX(calc(-50% + var(--slot)*310px)) translateY(calc(var(--slot)*var(--slot)*38px)) rotate(calc(var(--slot)*-13deg)) scale(calc(1 - var(--slot)*var(--slot)*.08));transition:transform .72s cubic-bezier(.22,.8,.2,1),filter .72s;transform-origin:50% 110%;filter:drop-shadow(0 18px 14px #1C273324);color:inherit}.orbit-card:not(.is-current){filter:drop-shadow(0 12px 10px #1C273318)}.orbit-paper{display:block;animation:paper-breathe 6s ease-in-out infinite;animation-delay:calc(var(--slot)*-.7s);text-align:center;background:#fff9ee;border-radius:2px;overflow:hidden;box-shadow:inset 4px 0 0 #1C27330b}.orbit-card .art-card{width:100%;max-width:none;min-height:305px;padding:23px 22px 18px;box-shadow:none;transform:none;background:transparent}.orbit-card .art{height:137px}.orbit-card .art-card p{font-size:26px;line-height:1.08;margin:10px 0}.orbit-card .art-card p em{font-size:37px}.orbit-card .art-card .tiny{font-size:6px;letter-spacing:.12em}.card-pick{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-top:1px solid #1C273312;background:#fffdf5;font-size:10px;letter-spacing:.03em}.card-pick span{font-size:18px}.orbit-card:focus-visible{outline:3px solid #A06C2C;outline-offset:7px}.orbit-note{position:absolute;right:2%;top:6px;font:italic 19px/1.2 Georgia,serif;transform:rotate(10deg);color:#764C1C}.stage-bottom{position:relative;z-index:20;display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:22px;max-width:1180px;margin:15px auto 0}.orbit-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.orbit-arrow{border:1px solid #1C273340;background:transparent;border-radius:50%;width:44px;height:44px;font-size:19px;cursor:pointer;color:inherit}.orbit-arrow:hover{background:#fff6}.orbit-controls>span{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.08em}.motion-toggle{width:100%;border:0;background:none;font-size:10px;color:#55606B;text-align:left;padding:8px 0;cursor:pointer}.selected-caption{text-align:center}.selected-caption .eyebrow{font-size:8px;letter-spacing:.16em;margin:0 0 7px}.selected-caption h2{font-size:31px;line-height:1.05;font-weight:400;letter-spacing:-.025em;margin:0 0 8px}.selected-caption>p:last-child{font-size:11px;color:#55606B;margin:0}.stage-actions{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.stage-actions .button{font-size:12px;padding:16px 21px;background:#1C2733;color:#F6F1E7;border-radius:3px}.sample-open{border:0;background:none;cursor:pointer;color:#1C2733;font-size:11px;padding:10px 4px}.stage-footnote{text-align:center;font-size:8px;letter-spacing:.22em;margin:30px 0 0;color:#55606B}.plumery-home #collection[hidden]{display:none}.plumery-home .collection{scroll-margin-top:24px}.plumery-home .how{margin-top:55px}.sample-dialog{background:#F6F1E7;color:#1C2733;border:0;border-radius:10px;padding:24px;width:min(860px,94vw);max-height:94dvh;overflow:auto;box-shadow:0 24px 90px #0004}.sample-dialog::backdrop{background:#1C2733b8;backdrop-filter:blur(7px)}.sample-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.sample-heading .eyebrow{font-size:9px;margin:0 0 5px}.sample-heading h2{font-size:30px;margin:0}.sample-close{border:1px solid #1C273330;border-radius:50%;background:none;width:44px;height:44px;cursor:pointer;font-size:25px;color:inherit}.sample-dialog cardly-card{display:block;width:100%}.sample-hint{text-align:center;font-size:12px}.sample-dialog>.button{display:block;margin:20px auto 0}.motion-paused .orbit-paper,.stage-offscreen .orbit-paper,.stage-background .orbit-paper{animation-play-state:paused}@keyframes paper-breathe{0%,100%{transform:translateY(0) rotate(.4deg)}50%{transform:translateY(-9px) rotate(-.4deg)}}@media(max-width:850px){.stage-bottom{grid-template-columns:1fr 1fr}.selected-caption{grid-column:1/-1;grid-row:1}.stage-actions{grid-column:2;grid-row:2}.orbit-controls{grid-column:1;grid-row:2}.card-orbit{height:380px}.orbit-card{transform:translateX(calc(-50% + var(--slot)*255px)) translateY(calc(var(--slot)*var(--slot)*40px)) rotate(calc(var(--slot)*-12deg)) scale(calc(1 - var(--slot)*var(--slot)*.12))}.orbit-note{right:0;font-size:16px}.plumery-stage{min-height:800px}}@media(max-width:550px){.plumery-home .site-header{padding:16px 5%}.plumery-home .wordmark{font-size:25px}.plumery-home .wordmark small{display:block;font-size:7px;letter-spacing:.03em}.plumery-home .site-header nav{gap:13px}.plumery-home .site-header nav a{display:none}.plumery-stage{padding:32px 5% 22px;min-height:740px}.stage-intro h1{font-size:49px}.stage-intro .eyebrow{font-size:8px;margin-bottom:17px}.stage-intro>p:last-child{font-size:12px;margin-top:16px}.card-orbit{height:345px;margin:8px -5.5% 0}.orbit-card{top:27px;width:204px;transform:translateX(calc(-50% + var(--slot)*185px)) translateY(calc(var(--slot)*var(--slot)*32px)) rotate(calc(var(--slot)*-12deg)) scale(calc(1 - var(--slot)*var(--slot)*.13))}.orbit-card .art-card{min-height:267px;padding:20px 18px 13px}.orbit-card .art{height:116px}.orbit-card .art-card p{font-size:23px}.orbit-card .art-card p em{font-size:32px}.card-pick{padding:11px 13px;font-size:9px}.orbit-note{display:none}.stage-bottom{gap:18px 8px;margin-top:12px}.selected-caption h2{font-size:27px}.selected-caption>p:last-child{font-size:11px}.selected-caption .eyebrow{font-size:8px}.stage-actions .button{padding:14px 13px;font-size:10px}.stage-actions{gap:2px}.orbit-controls{gap:9px}.orbit-arrow{width:39px;height:39px}.orbit-controls>span{font-size:9px}.motion-toggle{font-size:9px}.sample-open{font-size:10px}.stage-footnote{font-size:6px;margin-top:22px}.sample-dialog{padding:17px}.sample-heading h2{font-size:24px}.sample-hint{font-size:11px}.plumery-home .how{margin-top:28px}}@media(prefers-reduced-motion:reduce){.orbit-paper{animation:none}.orbit-card,.plumery-stage{transition:none}}
.stage-intro>p,.stage-footnote{max-width:none}.stage-intro .eyebrow,.stage-intro>p:last-child{margin-left:auto;margin-right:auto}.selected-caption>p{max-width:none}.sample-hint{max-width:none}@media(min-width:851px){.plumery-stage{padding-top:32px;min-height:0}.stage-intro h1{font-size:clamp(48px,4.8vw,65px)}.card-orbit{height:355px}.orbit-card{top:20px;width:224px}.orbit-card .art-card{min-height:277px;padding:20px 20px 16px}.orbit-card .art{height:116px}.orbit-card .art-card p{font-size:24px}.orbit-card .art-card p em{font-size:35px}.selected-caption h2{font-size:29px}.stage-bottom{margin-top:12px}.stage-footnote{margin-top:22px}}

/* Lower home sections use the hero's type: Fraunces Black Italic headings, plum with light-blue accents. */
.plumery-home #collection h2,.plumery-home .how h2,.plumery-home .closing h2,.plumery-home .section h1,.plumery-home .selected-caption h2,.plumery-home .gif-invitation h3,.plumery-home .steps h3,.plumery-home .card-meta h3{font-family:'Fraunces',Georgia,serif;font-style:normal;font-weight:400;letter-spacing:-.02em;line-height:1.08;color:#1C2733}
.plumery-home #collection h2,.plumery-home .how h2,.plumery-home .closing h2{font-size:clamp(40px,4.6vw,68px)}
.plumery-home .steps h3,.plumery-home .card-meta h3{font-size:clamp(20px,1.8vw,26px);font-weight:600}
.plumery-home .how h2 em,.plumery-home .closing h2 em,.plumery-home #collection h2 em,.plumery-home .keep-accent{color:#764C1C}
.plumery-home .eyebrow{font-weight:600;letter-spacing:.19em}
.plumery-home .card-meta p,.plumery-home .section-heading p{color:#55606B}

/* Feature-first home: quiet paper surrounds the colour and movement of the card itself. */
.keepze-home{background:var(--paper);color:var(--ink)}
.keepze-home .site-header{position:sticky;top:0;z-index:45;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid #1c273316}
.keepze-home .hero{margin:0}
.home-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.88fr);gap:clamp(44px,8vw,130px);align-items:center;min-height:min(760px,calc(100vh - 100px));max-width:none;margin:0;padding:clamp(48px,calc(10vw - 24px),118px) max(var(--page-pad),calc(50% - var(--page-max)/2 + var(--page-pad))) clamp(54px,calc(10vw - 24px),104px);overflow:hidden}
/* Hero background: four washed-out seasons, each on screen for 5 seconds (20s loop), under a paper wash.
   The whole layer fades left to right: 59% visible at the left edge, gone (0%) by 60% of the page width. */
.home-hero .season-bg{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,.59) 0%,rgba(0,0,0,0) 60%);mask-image:linear-gradient(to right,rgba(0,0,0,.59) 0%,rgba(0,0,0,0) 60%)}
.home-hero .season-bg::after{content:"";position:absolute;inset:0;background:rgba(246,241,231,0)}
.home-hero .season-scene{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;animation:home-season 20s infinite}
.home-hero .season-rainy{background-image:url(../assets/seasons/rainy.svg)}
.home-hero .season-summer{background-image:url(../assets/seasons/summer.svg);animation-delay:5s}
.home-hero .season-fall{background-image:url(../assets/seasons/fall.svg);animation-delay:10s}
.home-hero .season-snowy{background-image:url(../assets/seasons/snowy.svg);animation-delay:15s}
@keyframes home-season{0%{opacity:0}4%{opacity:1}25%{opacity:1}29%{opacity:0}100%{opacity:0}}
/* site.css switches off every animation under Reduce motion. The season dissolve is opacity only (nothing moves), so it keeps cycling. */
@media(prefers-reduced-motion:reduce){.home-hero .season-scene{animation:home-season 20s infinite!important}.home-hero .season-summer{animation-delay:5s!important}.home-hero .season-fall{animation-delay:10s!important}.home-hero .season-snowy{animation-delay:15s!important}}
.home-hero::before{content:"";position:absolute;z-index:-1;inset:9% 2% 9% 44%;background:#e4d9c270;border-radius:48% 52% 46% 54% / 52% 44% 56% 48%;transform:rotate(-4deg)}
.home-hero-copy{max-width:620px}
.home-hero .eyebrow,.home-story .eyebrow,.home-closing .eyebrow{margin:0 0 18px}
.home-hero h1{max-width:9.4ch;font:400 clamp(56px,6.4vw,92px)/.96 var(--font-display);letter-spacing:-.055em;margin:0;color:var(--ink)}
.home-lede{font-size:clamp(17px,1.5vw,20px);line-height:1.55;max-width:39ch;margin:28px 0 0;color:var(--muted)}
.home-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:34px}
.home-actions .button,.home-closing .button{padding:16px 25px}
.home-watch{min-height:44px;padding:10px 0;text-underline-offset:6px;text-decoration-color:var(--bronze)}
.home-honesty{font-size:13px;color:var(--muted);margin:22px 0 0;max-width:42ch}
.home-keeper-welcome{display:flex;align-items:center;gap:13px;margin-top:22px;max-width:42ch;color:var(--muted)}.home-keeper-welcome img{flex:0 0 auto;width:58px;height:48px;object-fit:contain}.home-keeper-welcome p{display:grid;gap:2px;margin:0;font-size:13px;line-height:1.4}.home-keeper-welcome strong{color:var(--ink);font-weight:700}.home-keeper-welcome span{display:block}
.home-hero-object{position:relative;min-width:0;min-height:460px;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;perspective:1200px}
.hero-card-paper{position:relative;z-index:4;width:min(290px,78%);transform:rotate(7deg) translate(8%,-5%);filter:drop-shadow(0 24px 18px #1c273340);cursor:pointer;transition:transform .35s ease,filter .35s ease}
/* Wide screens: scale the hero card and envelope together (aspect ratio untouched) so they keep pace with the wider layout. */
@media(min-width:1500px){.hero-card-paper,.hero-envelope{scale:1.2}}
@media(min-width:1800px){.hero-card-paper,.hero-envelope{scale:1.4}}
.hero-card-paper:hover,.hero-card-paper:focus-visible{transform:rotate(4deg) translate(8%,-9%);filter:drop-shadow(0 34px 25px #1c27334d);outline:0}
.hero-card-paper .art-card{width:100%;max-width:none;min-height:auto;aspect-ratio:5/7;padding:24px 18px 17px;border-radius:3px}.hero-card-paper .art{height:160px}.hero-card-paper .art-card p{font-size:30px}.hero-card-paper .art-card .tiny{font-size:6px}
.hero-envelope{position:absolute;z-index:2;width:min(390px,95%);aspect-ratio:1.42;background:#f0e5d0;transform:rotate(-9deg) translate(-4%,11%);box-shadow:0 25px 32px #1c27332e;border:1px solid #a06c2c2c;overflow:hidden}.hero-envelope::before,.hero-envelope::after{content:"";position:absolute;background:#e3d2b7;border:1px solid #a06c2c1c}.hero-envelope::before{width:82%;height:82%;left:-24%;bottom:-48%;transform:rotate(39deg)}.hero-envelope::after{width:82%;height:82%;right:-24%;bottom:-48%;transform:rotate(-39deg)}.hero-envelope-flap{position:absolute;z-index:2;left:0;right:0;top:-1px;height:63%;background:#ead9bf;clip-path:polygon(0 0,100% 0,50% 100%);border-bottom:1px solid #a06c2c26}.hero-seal{position:absolute;z-index:3;top:49%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--bronze);color:var(--paper);font:italic 600 25px/1 var(--font-display);box-shadow:0 4px 7px #1c273345}
.hero-scribble{position:absolute;z-index:5;font:italic 400 18px/1.15 var(--font-display);color:var(--bronze-deep);pointer-events:none}.scribble-one{top:6%;right:0;transform:rotate(7deg)}.scribble-two{bottom:4%;left:0;transform:rotate(-9deg)}
.home-story{max-width:var(--page-max);margin:0 auto;padding:0 var(--page-pad)}
.home-steps{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.8fr);gap:clamp(36px,8vw,110px);padding:84px 0 104px;border-top:1px solid #a06c2c4a}
.home-section-title h2,.feature-copy h2,.home-closing h2{font:400 clamp(42px,4.9vw,68px)/1.01 var(--font-display);letter-spacing:-.045em;margin:0;color:var(--ink)}
.home-steps ol{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;list-style:none;padding:0;margin:7px 0 0;counter-reset:steps}.home-steps li{padding-top:18px;border-top:1px solid #1c273324}.home-steps li>span{font:600 12px/1 var(--font-body);letter-spacing:.14em;color:var(--bronze-deep)}.home-steps h3{font:400 25px/1.12 var(--font-display);margin:33px 0 10px}.home-steps p{font-size:15px;line-height:1.55;color:var(--muted);margin:0;max-width:19ch}
.feature-copy h2{font-size:clamp(38px,4vw,52px)}
/* The story shares the hero's paper, ink and bronze, with the real card art at its heart. */
.home-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,88px);align-items:center;padding:72px 0}
.home-feature-opening{padding-top:76px}
.feature-copy{min-width:0;max-width:470px}
.feature-copy p:not(.eyebrow){font-size:17px;line-height:1.58;color:var(--muted);max-width:39ch;margin:22px 0 0}
.feature-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 20px;margin-top:28px}
.feature-actions .button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:48px;padding:14px 22px;text-decoration:none}
.feature-actions .text-button{display:inline-flex;align-items:center;min-height:44px;padding:9px 0;text-decoration-color:var(--bronze);text-underline-offset:6px}
.feature-copy .feature-hint{font-size:13px;line-height:1.5;margin-top:15px}
.feature-visual{position:relative;isolation:isolate;display:block;width:100%;min-width:0;min-height:460px;margin:0;padding:0;overflow:hidden;border:1px solid #a06c2c20;border-radius:24px;background:radial-gradient(ellipse at 75% 15%,#fffaf0 0%,transparent 65%),#ece4d4;color:var(--ink);text-align:left;text-decoration:none;cursor:pointer;appearance:none;transition:box-shadow .25s ease,border-color .25s ease}
.feature-visual:hover{border-color:#a06c2c60;box-shadow:0 12px 30px #1c273310}
.feature-visual:focus-visible{outline:3px solid var(--bronze);outline-offset:5px}
.opening-cover,.together-cover{position:absolute;display:block;z-index:2;border-radius:3px;box-shadow:0 16px 24px #1c273330}
.opening-cover .art-card,.together-cover .art-card{display:block;width:100%;height:auto;min-height:0;max-width:none;margin:0;padding:0;line-height:0;transform:none;border-radius:3px;background:var(--paper);box-shadow:none;overflow:hidden}
.opening-cover .img-card img,.together-cover .img-card img{display:block;width:100%;height:auto;object-fit:contain;border-radius:2px;pointer-events:none}
.opening-cover::after,.together-cover::after{content:"";position:absolute;inset:0;border-right:1px solid #d5ccba;border-bottom:2px solid #bfb6a4;border-radius:3px;pointer-events:none}
.opening-cover{left:6%;top:12%;width:43%;transform:rotate(-6deg)}
.opening-letter{position:absolute;z-index:1;left:49%;top:12%;display:flex;flex-direction:column;width:44%;min-height:68%;padding:28px 22px;box-sizing:border-box;background:#fffaf2;border:1px solid #e7dcc9;border-radius:3px;box-shadow:0 15px 24px #1c273322;transform:rotate(4deg)}
.paper-salutation{display:block;font:600 12px/1.4 var(--font-body);letter-spacing:.06em;color:var(--bronze-deep)}
.paper-message{display:block;font:400 17px/1.5 var(--font-display);letter-spacing:0;color:var(--ink)}
.opening-letter .paper-message{margin-top:24px}
.paper-signoff{display:block;font:italic 400 17px/1.35 var(--font-display);color:var(--bronze-deep)}
.opening-letter .paper-signoff{margin-top:auto;padding-top:25px}
.story-art-caption{position:absolute;left:6%;right:6%;bottom:24px;display:block;color:var(--bronze-deep);font:400 13px/1.5 var(--font-body);text-align:center}
.together-art{min-height:500px;background:radial-gradient(ellipse at 15% 15%,#fffaf0 0%,transparent 65%),#e8e3d6}
.together-spread{position:absolute;z-index:1;left:8%;top:9%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:84%;min-height:69%;background:#fffaf2;border:1px solid #e7dcc9;border-radius:3px;box-shadow:0 15px 24px #1c273322;transform:rotate(3deg)}
.together-page{display:block;min-width:0;padding:24px 21px}
.together-page-left{background:linear-gradient(90deg,transparent 94%,#d2c5ae33);border-right:1px solid #ddcfb8}
.together-page-right{background:linear-gradient(90deg,#d2c5ae20,transparent 8%)}
.together-page-left>.paper-message{margin-top:18px}
.group-paper-note{display:block}
.group-paper-note+.group-paper-note{margin-top:22px;padding-top:20px;border-top:1px solid #a06c2c25}
.group-paper-note .paper-message{font-size:16px;line-height:1.45}
.group-paper-note .paper-signoff{margin-top:10px;font-size:16px}
.together-cover{left:6%;bottom:16%;width:28%;transform:rotate(-7deg)}
.home-coming{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center;margin:0 0 28px;padding:30px 0 38px;border-top:1px solid #a06c2c30}
.coming-mark{width:54px;aspect-ratio:1;display:grid;place-items:center;border:1px solid #a06c2c60;border-radius:50%;color:var(--bronze);font:400 30px/1 var(--font-display)}
.home-coming .eyebrow{margin-bottom:10px}
.home-coming h2{font:400 clamp(24px,2.5vw,32px)/1.15 var(--font-display);letter-spacing:-.025em;margin:0;color:var(--ink)}
.home-coming p:not(.eyebrow){font-size:15px;line-height:1.6;color:var(--muted);max-width:52ch;margin:12px 0 0}
.home-coming .text-button{justify-self:end;min-height:44px;padding:10px 0;text-decoration-color:var(--bronze);text-underline-offset:6px;white-space:nowrap}
.keepze-home .how{max-width:var(--page-max);margin:0 auto;padding:76px var(--page-pad);background:var(--ink);color:var(--paper);display:grid;grid-template-columns:.85fr 1.35fr;gap:clamp(46px,8vw,124px)}.keepze-home .how h2{color:var(--paper);font-size:clamp(45px,5vw,68px)}.keepze-home .how .eyebrow{color:var(--bronze-light)}.keepze-home .how-intro p{color:#f6f1e7b0}.keepze-home .how .text-button{color:var(--paper);text-decoration-color:var(--bronze-light)}.keepze-home .steps{margin:0}.keepze-home .steps li{border-color:#f6f1e726}.keepze-home .steps li>span{color:var(--bronze-light)}.keepze-home .steps h3{color:var(--paper)}.keepze-home .steps p{color:#f6f1e7ae}
.keepze-home .collection{padding-top:94px}.keepze-home .collection .section-heading h2 em{color:var(--bronze-deep)}
.keepze-home .keep-middle{padding-top:86px}.keepze-home .make-own{padding-top:64px}.home-closing{max-width:var(--page-max);margin:0 auto;padding:106px var(--page-pad) 116px;text-align:center;border-top:1px solid #a06c2c4a}.home-closing h2{margin:0 auto;max-width:14ch}.home-closing>p:not(.eyebrow){font-size:17px;color:var(--muted);margin:22px auto 32px;max-width:38ch}.home-closing .button{display:inline-flex}
@media(max-width:1000px) and (min-width:801px){
  .home-feature{gap:36px}
  .feature-visual{min-height:430px}
  .together-art{min-height:470px}
  .opening-letter{padding:22px 17px;min-height:70%}
  .opening-letter .paper-message{font-size:16px;margin-top:20px}
  .together-page{padding:20px 16px}
  .group-paper-note .paper-message{font-size:16px}
  .together-page-left>.paper-message{font-size:16px}
}
@media(max-width:800px){.home-hero{grid-template-columns:1fr;min-height:0;padding-top:28px;gap:24px}.home-hero .season-bg{-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,.9) 0%,rgba(0,0,0,.45) 100%);mask-image:linear-gradient(to right,rgba(0,0,0,.9) 0%,rgba(0,0,0,.45) 100%)}.home-hero::before{inset:14px -8% auto -6%;height:290px}.home-hero h1{font-size:clamp(51px,14vw,70px)}.home-hero-object{min-height:390px;order:-1;zoom:.62}.hero-card-paper{width:min(242px,67%)}.hero-envelope{width:min(340px,92%)}.scribble-one{right:5%;top:1%}.scribble-two{left:4%;bottom:3%}.home-steps,.home-feature{grid-template-columns:1fr}.home-steps{padding:62px 0 72px;gap:36px}.home-steps ol{gap:17px}.keepze-home .how{grid-template-columns:1fr;padding-top:64px;padding-bottom:64px}}
@media(max-width:800px){
  .home-feature{padding:58px 0;gap:28px}
  .home-feature .feature-copy{order:-1;max-width:580px}
  .feature-visual{min-height:490px;max-width:580px;justify-self:center}
  .opening-cover{left:8%;width:40%;top:10%}
  .opening-letter{left:49%;width:43%;top:11%;min-height:69%;padding:30px 24px}
  .opening-letter .paper-message{font-size:18px}
  .together-spread{top:8%;min-height:72%}
  .together-page{padding:28px 24px}
  .together-cover{width:27%;bottom:16%}
  .home-coming{grid-template-columns:auto minmax(0,1fr);gap:18px 22px;padding:28px 0 34px}
  .home-coming .text-button{grid-column:2;justify-self:start}
}
@media(max-width:560px){.home-hero{padding-left:5%;padding-right:5%;padding-bottom:52px}.home-lede{font-size:16px}.home-actions{align-items:flex-start;flex-direction:column;gap:10px}.home-keeper-welcome{align-items:flex-start}.home-keeper-welcome img{width:52px;height:43px}.home-steps ol{grid-template-columns:1fr}.home-steps h3{margin-top:17px}.home-steps li{display:grid;grid-template-columns:45px 1fr;column-gap:10px}.home-steps li>span{grid-row:1 / span 2;padding-top:4px}.home-steps h3{margin:0}.home-steps p{grid-column:2;margin-top:8px}.home-story{padding:0 5%}}
@media(max-width:560px){
  .home-feature{padding:48px 0;gap:25px}
  .feature-copy h2{font-size:clamp(36px,10vw,50px)}
  .feature-copy p:not(.eyebrow){font-size:16px;line-height:1.6;margin-top:19px}
  .feature-actions{align-items:flex-start;gap:10px 18px;margin-top:24px}
  .feature-copy .feature-hint{font-size:13px;margin-top:13px}
  .feature-visual{min-height:440px;border-radius:18px}
  .together-art{min-height:470px}
  .opening-cover{left:5%;top:12%;width:41%;transform:rotate(-4deg)}
  .opening-letter{left:48%;top:10%;width:47%;min-height:72%;padding:23px 17px;transform:rotate(2deg)}
  .opening-letter .paper-message{font-size:16px;line-height:1.5;margin-top:20px}
  .opening-letter .paper-signoff{font-size:16px;padding-top:22px}
  .story-art-caption{left:7%;right:7%;bottom:22px;font-size:12px}
  .together-spread{left:6%;width:88%;top:7%;min-height:74%;transform:rotate(2deg)}
  .together-page{padding:23px 16px}
  .together-page-left>.paper-message{font-size:16px;line-height:1.45;margin-top:16px}
  .group-paper-note .paper-message,.group-paper-note .paper-signoff{font-size:16px}
  .group-paper-note+.group-paper-note{margin-top:18px;padding-top:16px}
  .together-cover{width:28%;left:5%;bottom:16%;transform:rotate(-5deg)}
  .home-coming{grid-template-columns:minmax(0,1fr);gap:16px;padding:26px 0 32px}
  .coming-mark{display:none}
  .home-coming h2{font-size:27px}
  .home-coming .text-button{grid-column:auto}
}
@media(max-width:370px){
  .feature-visual{min-height:450px}
  .opening-art{min-height:500px}
  .opening-cover{left:5%;width:39%;top:11%}
  .opening-letter{left:46%;width:49%;padding:22px 14px;min-height:75%}
  .opening-letter .paper-message{font-size:16px;line-height:1.4}
  .together-art{min-height:485px}
  .together-page{padding:22px 12px}
  .group-paper-note .paper-message{font-size:16px;line-height:1.4}
  .together-cover{bottom:16%;width:29%}
}
@media(prefers-reduced-motion:reduce){.hero-card-paper{transition:none}.home-hero::before{transform:none}.hero-envelope,.hero-card-paper,.hero-scribble{transform:none}.feature-visual{transition:none}.opening-cover,.opening-letter,.together-cover,.together-spread{transform:none}}

.hero-card-paper .img-card { position:relative; }
.hero-card-paper .img-card::after { content:''; position:absolute; inset:0; pointer-events:none; border-right:1px solid #d5ccba; border-bottom:1px solid #bfb6a4; transform:translate(.55px,.7px); }

/* Homepage footer logo in gold. */
.keepze-home footer .wordmark{color:#C8962E}