.home-preview-page{--hp-paper:#fbf3e6;--hp-stage:#1a1220;--hp-stage-2:#2a1d33;--hp-orange:#fd9a00;--hp-coral:#f15a24;background:var(--hp-stage);font-family:Nunito,sans-serif}.home-experiment{color:#1a1220;background:#fff;overflow:clip;font-family:Nunito,sans-serif}.home-experiment [x-cloak]{display:none!important}.home-experiment *{box-sizing:border-box}.home-experiment h1,.home-experiment h2,.home-experiment h3{font-family:'Bricolage Grotesque',Nunito,sans-serif;font-weight:800;letter-spacing:-.035em;text-align:left;color:inherit}.home-experiment h2{font-size:clamp(36px,4.6vw,64px);line-height:1.02;margin:0 0 24px}.hp2-wrap{width:min(1280px,100% - 64px);margin:auto}.hp2-stage{background:#1a1220;color:#fbf3e6}.hp2-paper{background:#fbf3e6}.hp2-section{padding:108px 0}.hp2-split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.hp2-eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#c2410c;margin:0 0 24px;text-transform:uppercase}.hp2-stage .hp2-eyebrow{color:#ffc266}.hp2-body{font-size:18px;color:#5e534a;line-height:1.7;max-width:530px}.hp2-hero{position:relative;background:radial-gradient(ellipse at 80% 60%,#74432780,transparent 45%),linear-gradient(120deg,#1a1220,#2a1d33);min-height:650px}.hp2-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;padding-top:85px;padding-bottom:95px}.hp2-hero h1{font-size:clamp(64px,7.8vw,108px);line-height:.94;max-width:660px;margin:0 0 30px}.hp2-play-word{display:inline-flex;align-items:center;gap:10px;background:#fd9a00;color:#1a1220;border-radius:100px;padding:0 20px 7px 12px;white-space:nowrap;margin-top:7px}.hp2-play-word>span{display:grid;place-items:center;background:#1a1220;color:#fd9a00;font-size:.31em;width:1.9em;height:1.9em;border-radius:50%;letter-spacing:0}.hp2-lead{font-size:19px;line-height:1.65;max-width:520px;color:#e1d8e5;margin:0 0 30px}.hp2-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.hp2-button{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:16px 25px;border-radius:60px;border:1px solid transparent;background:#fd9a00;color:#1a1220;font-size:14px;font-weight:800;text-decoration:none;transition:transform .2s,background .2s}.hp2-button:hover{background:#ffb335;color:#1a1220;transform:translateY(-3px)}.hp2-button-dark{background:#1a1220;color:#fbf3e6}.hp2-button-dark:hover{background:#34253d;color:#fff}.hp2-button-outline{background:transparent;border-color:#a99ba9;color:#fbf3e6}.hp2-button-outline:hover{background:#fbf3e6;color:#1a1220}.hp2-benefits{display:flex;gap:20px;flex-wrap:wrap;padding:0;list-style:none;font-size:11px;font-weight:700;color:#cbbdcc;margin:26px 0 0}.hp2-benefits li:before{content:'●';color:#fd9a00;margin-right:7px}.hp2-hero-art{height:480px;position:relative;min-width:0}.hp2-fan{position:relative;width:100%;height:100%;min-height:300px}.hp2-fan-card{position:absolute;width:40%;aspect-ratio:5/7;left:30%;top:20%;overflow:hidden;border-radius:12px;box-shadow:0 20px 45px #0004;background:#fff;transform-origin:50% 110%}.hp2-fan-card img{display:block;width:100%;height:100%;object-fit:cover}.hp2-fan-card-0{transform:rotate(-27deg) translate(-42%,18%);z-index:1}.hp2-fan-card-1{transform:rotate(-14deg) translate(-20%,5%);z-index:2}.hp2-fan-card-2{transform:rotate(3deg);z-index:5;border:2px solid #fd9a00}.hp2-fan-card-3{transform:rotate(16deg) translate(22%,5%);z-index:3}.hp2-fan-card-4{transform:rotate(29deg) translate(42%,18%);z-index:1}.hp2-fan-play{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);z-index:6;display:grid;place-items:center;width:75px;height:75px;border-radius:50%;background:#fd9a00;color:#1a1220;text-decoration:none;font-size:25px;box-shadow:0 0 0 12px #fd9a0020;animation:hp2-pulse 3s ease-in-out infinite}.hp2-fan-play:hover{color:#1a1220;background:#ffbd52}.hp2-video-chip{position:absolute;right:0;top:0;z-index:8;display:flex;align-items:center;gap:12px;background:#fbf3e6;color:#1a1220;border-radius:18px;padding:12px 17px;box-shadow:0 10px 30px #0002;transform:rotate(3deg);font-size:13px}.hp2-video-chip>span:first-child{background:#2a1d33;color:#fd9a00;padding:9px 12px;border-radius:10px;font-size:20px}.hp2-video-chip strong,.hp2-video-chip small{display:block}.hp2-video-chip small{color:#5e534a;font-size:11px}.hp2-handnote{position:absolute;left:0;top:45px;color:#ffc266;z-index:8;font-family:Caveat,cursive;font-size:30px;line-height:1;transform:rotate(-9deg)}.hp2-handnote>span{font-size:55px;display:block;margin-left:40px}.hp2-marquee{background:#fd9a00;overflow:hidden;border-block:2px solid #1a1220}.hp2-marquee-track{display:flex;width:max-content;animation:hp2-marquee 45s linear infinite}.hp2-marquee:hover .hp2-marquee-track,.hp2-marquee:focus-within .hp2-marquee-track{animation-play-state:paused}.hp2-marquee-set{display:flex;align-items:center;gap:35px;padding:16px 20px;flex-shrink:0}.hp2-marquee a{display:flex;align-items:center;gap:18px;white-space:nowrap;text-decoration:none;font-size:22px;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;color:#1a1220}.hp2-marquee img{object-fit:cover;border-radius:4px;transform:rotate(-9deg);box-shadow:0 3px 7px #0002}.hp2-marquee a>span{font-size:30px;margin-left:10px}.hp2-how-art{height:550px;position:relative}.hp2-printed-card{position:absolute;left:5%;top:60px;width:52%;aspect-ratio:5/7;background:white;padding:10px;transform:rotate(-8deg);box-shadow:0 20px 40px #32201626}.hp2-printed-card>img{width:100%;height:100%;object-fit:cover}.hp2-scan{position:absolute;bottom:25px;right:18px;background:#fff;color:#1a1220;font-size:8px;font-weight:800;border-radius:5px;padding:5px;text-align:center;text-decoration:none;box-shadow:0 3px 8px #0002}.hp2-scan span{display:block;font-size:45px;line-height:1}.hp2-phone{position:absolute;right:5%;top:10px;width:43%;height:480px;border:9px solid #1a1220;border-radius:34px;transform:rotate(6deg);box-shadow:0 24px 45px #32201640;background:#111}.hp2-phone-screen{height:100%;border-radius:24px;overflow:hidden;position:relative}.hp2-phone-screen:before{content:'';position:absolute;z-index:2;top:8px;left:32%;width:36%;height:18px;border-radius:20px;background:#111}.hp2-phone video{width:100%;height:100%;object-fit:cover}.hp2-phone-label{position:absolute;bottom:40px;left:12px;right:12px;background:#fbf3e6;padding:13px;border-radius:12px;font-family:Caveat,cursive;font-size:23px;line-height:1.1;pointer-events:none}.hp2-how-note{position:absolute;bottom:0;left:10%;font-family:Caveat,cursive;font-size:29px;color:#c2410c;transform:rotate(-7deg)}.hp2-steps{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:25px}.hp2-steps li{display:flex;gap:19px}.hp2-steps li>span{background:#fff;border:1px solid #e8d4ba;width:43px;height:43px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800}.hp2-steps h3{font-size:20px;letter-spacing:-.02em;margin:0 0 5px}.hp2-steps p{font-size:14px;color:#5e534a;line-height:1.6;margin:0}.hp2-section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:32px}.hp2-text-link{color:#c2410c;font-size:14px;font-weight:800;white-space:nowrap;text-decoration:none;padding:10px 0}.hp2-text-link:hover{text-decoration:underline;color:#8b2c0b}.hp2-product-tabs{display:flex;gap:8px;margin-bottom:30px}.hp2-product-tabs button{border:1px solid #d3c8bc;background:white;border-radius:30px;color:#5e534a;font-weight:800;padding:10px 22px}.hp2-product-tabs button[aria-pressed=true]{background:#1a1220;color:#fff;border-color:#1a1220}.home-experiment .hp-card-thumb{aspect-ratio:5/7;border-radius:12px!important;box-shadow:0 7px 16px #1a122017!important;transition:transform .2s;transform:rotate(-1deg);position:relative;overflow:hidden}.home-experiment .col-6:nth-child(even) .hp-card-thumb{transform:rotate(1.2deg)}.home-experiment .hp-card-thumb:hover{transform:translateY(-7px) rotate(0)}.home-experiment .hp-card-thumb>img{width:100%;height:100%;object-fit:cover}.home-experiment .hp-card-thumb:after{content:'Video-ready';position:absolute;bottom:9px;left:9px;background:#fbf3e6;color:#1a1220;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:800}.home-experiment .invitation-tile-cover:after{display:none}.home-experiment .invitation-cover-preview{width:100%;height:100%}.home-experiment .badge{font-size:12px;font-weight:700;border:1px solid #dfd5c9;text-decoration:none;background:#fff!important;color:#5e534a!important}.home-experiment .badge.bg-orange{background:#fd9a00!important;color:#1a1220!important;border-color:#fd9a00}.hp2-collection [data-ga-item-list-name]>div:first-child h2{font-size:24px;margin-bottom:10px!important}.hp2-collection .text-muted{color:#5e534a!important}.hp2-collection .btn-outline-purple{color:#1a1220;border-color:#1a1220}.hp2-coral{color:#c2410c}.hp2-formats{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:45px}.hp2-format{padding:42px;position:relative;overflow:hidden;border-radius:22px;min-height:550px;isolation:isolate}.hp2-format-label{font-size:10px;font-weight:800;letter-spacing:.14em}.hp2-format h3{font-size:44px;line-height:1;margin:22px 0}.hp2-format p{font-size:15px;line-height:1.7;max-width:350px}.hp2-format-printed{background:#ead9bb;color:#1a1220}.hp2-format-digital{background:#2a1d33;color:#fbf3e6}.hp2-format>img{position:absolute;width:145px;aspect-ratio:5/7;bottom:-70px;right:5%;transform:rotate(-16deg);box-shadow:0 20px 30px #0003}.hp2-format-mini{height:220px;position:absolute;width:300px;bottom:-80px;right:-15px;z-index:-1;opacity:.8}.hp2-format-mini .hp2-fan{transform:scale(.8)}.hp2-demo{padding:70px 0;background:#fd9a00;color:#1a1220;overflow:hidden}.hp2-demo .hp2-eyebrow{color:#623100}.hp2-demo h2{font-size:clamp(40px,5vw,70px)}.hp2-demo p:not(.hp2-eyebrow){font-size:16px;margin:20px 0 27px}.hp2-demo-fan{height:330px}.hp2-demo .hp2-fan-card{width:35%}.hp2-script{font:30px Caveat,cursive;color:#ffc266}.hp2-clippings{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:55px 0 35px}.hp2-clippings figure{margin:0;display:flex;flex-direction:column;gap:30px;background:#fbf3e6;color:#1a1220;padding:30px;border-radius:4px;box-shadow:0 20px 45px #0003;transform:rotate(-1.5deg)}.hp2-clippings figure:nth-child(2){background:#fd9a00;transform:rotate(1deg)}.hp2-clippings figure:nth-child(3){transform:rotate(-.5deg)}.hp2-clippings figure>span{font:800 21px 'Bricolage Grotesque',sans-serif;border-bottom:2px solid;padding-bottom:14px}.hp2-clippings blockquote{font:700 23px/1.3 'Bricolage Grotesque',sans-serif;letter-spacing:-.02em;flex:1;margin:0}.hp2-clippings figcaption{font-size:12px;font-weight:800;color:#5e534a}.hp2-stage .hp2-text-link{color:#ffc266}.hp2-use-cases{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0 30px}.hp2-use-cases span{border:1px solid #d8c5ab;border-radius:30px;padding:7px 13px;font-size:12px;font-weight:700}.hp2-team-visual{height:460px;position:relative;border:1px solid #e6d6c0;border-radius:24px;background:#f5e6d1;padding:35px}.hp2-team-label{font:28px Caveat,cursive;color:#97512e}.hp2-team-visual .hp2-fan{height:300px;min-height:0;transform:scale(.85);margin-top:-20px}.hp2-team-note{position:absolute;bottom:25px;left:25px;right:25px;background:#fffaf3;box-shadow:0 10px 20px #5530120a;border-radius:14px;padding:15px 20px}.hp2-team-note>span{float:left;color:#c2410c;font-size:37px;margin-right:14px}.hp2-team-note strong,.hp2-team-note small{display:block}.hp2-team-note strong{font-size:13px}.hp2-team-note small{color:#5e534a;font-size:11px}.hp2-final{padding:75px 0 85px;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 0,#49302f 0,transparent 55%),#1a1220}.hp2-final h2{text-align:center;font-size:clamp(45px,6.5vw,85px)}.hp2-final-fan{width:240px;height:180px;margin:0 auto 25px}.hp2-final-fan .hp2-fan{min-height:180px}.hp2-final .hp2-eyebrow{margin-top:50px}.hp2-final p:last-child{font-size:12px;color:#d8cddd;margin-top:22px}.home-preview-page>footer,.home-preview-page footer{background:#1a1220;color:#fbf3e6;border-color:#423447!important}.home-preview-page footer a,.home-preview-page footer .text-muted{color:#d9cde0!important}.home-preview-page footer h5{color:#fd9a00;font-size:12px;letter-spacing:.1em}.home-preview-page footer img{background:#fbf3e6;padding:7px;border-radius:8px}.home-preview-page nav.navbar{background:#1a1220!important;border-bottom:1px solid #473342!important;color:#fbf3e6;padding-block:20px}.home-preview-page nav .nav-link{color:#fbf3e6!important}.home-preview-page nav .dropdown-menu .nav-link,.home-preview-page nav .dropdown-item{color:#1a1220!important}.home-preview-page nav .navbar-brand img{background:#fbf3e6;border-radius:8px;padding:5px}.home-preview-page nav .btn-orange{background:#fd9a00;color:#1a1220!important}.home-preview-page nav .navbar-toggler{background:#fbf3e6}.home-experiment a:focus-visible,.home-experiment button:focus-visible{outline:3px solid #c2410c;outline-offset:5px}.hp2-stage a:focus-visible{outline-color:#fd9a00}@keyframes hp2-marquee{to{transform:translateX(-50%)}}@keyframes hp2-pulse{50%{box-shadow:0 0 0 20px #fd9a0000}}
@media(max-width:1000px){.hp2-wrap{width:calc(100% - 44px)}.hp2-hero-grid{grid-template-columns:1fr 1fr;padding-block:65px}.hp2-hero h1{font-size:76px}.hp2-hero-art{height:390px}.hp2-lead{font-size:16px}.hp2-handnote{top:30px;font-size:25px}.hp2-video-chip{font-size:11px;padding:10px;top:-15px}.hp2-split{gap:35px}.hp2-section{padding:80px 0}.hp2-how-art{height:450px}.hp2-phone{height:390px;width:47%}.hp2-how-note{font-size:23px}.hp2-format{padding:30px;min-height:520px}.hp2-clippings{gap:18px}.hp2-clippings figure{padding:22px}.hp2-clippings blockquote{font-size:19px}.hp2-team-visual{height:390px}.hp2-team-note strong{font-size:11px}.hp2-team-label{font-size:24px}.hp2-actions{gap:10px}.hp2-button{font-size:12px;padding:14px 19px}}
@media(max-width:700px){.hp2-wrap{width:calc(100% - 36px)}.hp2-section{padding:65px 0}.hp2-hero-grid{grid-template-columns:1fr;padding:50px 0 35px}.hp2-hero h1{font-size:73px;max-width:390px}.hp2-lead{font-size:16px}.hp2-hero-art{height:390px;margin-top:45px}.hp2-video-chip{right:0;top:-10px}.hp2-handnote{left:5px;top:10px}.hp2-fan-card{top:20%;width:41%}.hp2-benefits{gap:12px;font-size:10px}.hp2-eyebrow{font-size:10px;margin-bottom:18px}.hp2-split{grid-template-columns:1fr;gap:45px}.hp2-how-art{height:450px;order:2;max-width:430px;width:100%;margin:auto}.hp2-printed-card{width:50%;left:5%}.hp2-phone{height:400px;width:47%;right:5%}.hp2-section-heading{flex-direction:column;align-items:start;gap:0}.hp2-section-heading h2{margin-bottom:18px}.hp2-product-tabs{margin-top:20px}.hp2-product-tabs button{padding:10px 16px;font-size:12px}.hp2-formats{grid-template-columns:1fr;gap:20px;margin-top:30px}.hp2-format{min-height:480px;padding:30px}.hp2-format h3{font-size:42px}.hp2-demo{padding:55px 0 35px}.hp2-demo-fan{height:290px;max-width:420px}.hp2-clippings{grid-template-columns:1fr;gap:30px;margin-top:35px}.hp2-clippings figure{padding:28px}.hp2-clippings blockquote{font-size:25px}.hp2-team-visual{height:420px;padding:25px}.hp2-team-label{font-size:26px}.hp2-final{padding:50px 0 65px}.hp2-final h2{font-size:48px}.hp2-marquee a{font-size:18px}.hp2-marquee-set{padding-block:12px;gap:22px}.hp2-marquee img{width:27px;height:38px}.hp2-collection [data-ga-item-list-name]>div:first-child h2{font-size:21px}.hp2-collection .row{--bs-gutter-x:18px;--bs-gutter-y:25px}.hp2-fan-play{width:60px;height:60px;font-size:20px}}
@media(prefers-reduced-motion:reduce){.home-experiment *{animation:none!important;transition:none!important}.hp2-marquee-track{width:100%;overflow-x:auto}.hp2-marquee-set[aria-hidden=true]{display:none}}
.hp2-scan img{display:block;width:60px;height:60px}.hp2-eco-link{display:block;border:0;background:none;padding:0;margin:0 0 18px;color:#6d3317;font:700 12px Nunito,sans-serif;text-decoration:underline}.home-preview-page nav .btn-outline-secondary{color:#fbf3e6;border-color:#a99ba9}.home-preview-page nav .btn-outline-secondary:hover{color:#1a1220;background:#fbf3e6}.home-experiment .modal{color:#1a1220}
.hp2-fan-three .hp2-fan-card-0{transform:rotate(-16deg) translate(-28%,9%);z-index:1}.hp2-fan-three .hp2-fan-card-1{transform:rotate(0);z-index:3}.hp2-fan-three .hp2-fan-card-2{transform:rotate(16deg) translate(28%,9%);z-index:2;border:0}.hp2-hero{overflow:hidden}
/* Light first impression for the local homepage experiment. */
.home-preview-page nav.navbar{background:#fbf3e6!important;border-bottom-color:#e7dac9!important;color:#1a1220}
.home-preview-page nav .nav-link{color:#1a1220!important}
.home-preview-page nav .btn-outline-secondary{color:#1a1220;border-color:#827382}
.home-preview-page nav .btn-outline-secondary:hover{background:#1a1220;color:#fbf3e6}
.home-preview-page nav .navbar-brand img{background:transparent}
.home-experiment .hp2-hero{background:radial-gradient(ellipse at 80% 60%,#f5d8b9 0,transparent 52%),linear-gradient(120deg,#fbf3e6,#fffaf3);color:#1a1220}
.home-experiment .hp2-hero .hp2-eyebrow{color:#c2410c}
.home-experiment .hp2-hero .hp2-lead{color:#5e534a}
.home-experiment .hp2-hero .hp2-benefits{color:#5e534a}
.home-experiment .hp2-hero .hp2-handnote{color:#a33e19}
.home-experiment .hp2-hero .hp2-button-outline{color:#1a1220;border-color:#827382;background:transparent}
.home-experiment .hp2-hero .hp2-button-outline:hover{background:#1a1220;color:#fbf3e6}
.home-experiment .hp2-hero .hp2-video-chip{background:#fffdf8;border:1px solid #e7dac9}
/* Give the brand mark a readable size in the experimental header. */
.home-preview-page nav .navbar-brand{display:flex;align-items:center;padding:0;margin-right:24px;flex-shrink:0}
.home-preview-page nav .navbar-brand img{width:166px;height:auto;max-height:none;padding:0;border-radius:0;object-fit:contain}
.home-preview-page nav.navbar>.container{width:min(1280px,calc(100% - 64px));max-width:none;padding-inline:0}
@media(max-width:700px){.home-preview-page nav.navbar>.container{width:calc(100% - 36px)}.home-preview-page nav .navbar-brand img{width:150px}}
/* Product-led explanation: a readable open card instead of a generic phone scene. */
.hp2-inside-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:65px}.hp2-inside-copy h2{font-size:clamp(38px,4.7vw,65px)}.hp2-inside-features{list-style:none;padding:0;margin:28px 0 32px;display:grid;gap:21px}.hp2-inside-features li{display:flex;gap:14px}.hp2-inside-features li>span{flex:0 0 35px;width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#f3e2c8;color:#9d3d1a;font-size:18px}.hp2-inside-features strong{display:block;font-size:15px;font-weight:800;margin-bottom:3px}.hp2-inside-features p{margin:0;font-size:13px;line-height:1.6;color:#5e534a}.hp2-open-card-scene{position:relative;padding:46px 0 52px;min-width:0}.hp2-example-label{display:block;text-align:center;margin-bottom:25px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#8a4e2c}.hp2-open-card{display:grid;grid-template-columns:1fr 1fr;border-radius:9px;background:#fffdf7;box-shadow:0 3px 0 #e3d4be,0 22px 50px #5a372522;transform:rotate(-3deg);min-height:430px;position:relative}.hp2-open-card:after{content:'';position:absolute;left:50%;top:0;bottom:0;width:18px;transform:translateX(-50%);background:linear-gradient(90deg,#50382000,#50382012,#50382000);pointer-events:none}.hp2-open-page{padding:30px 25px;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}.hp2-open-page-left{background:linear-gradient(90deg,#fffdf7,#f8f2e8);border-radius:9px 0 0 9px}.hp2-open-page-right{border-radius:0 9px 9px 0;gap:18px}.hp2-open-star{font-size:34px;color:#ce6a41;margin:0 0 12px}.hp2-card-greeting{font:700 33px/1.05 Caveat,cursive;color:#a44341;margin:0 0 18px;transform:rotate(-5deg)}.hp2-card-handwriting{font:600 25px/1.35 Caveat,cursive;color:#5e4d63;margin:0 0 12px}.hp2-card-signature{font:600 22px Caveat,cursive;align-self:end;color:#76526e}.hp2-paper-wish{background:#fae6d4;transform:rotate(5deg);padding:13px;margin-top:25px;box-shadow:0 4px 9px #683a1710;width:90%}.hp2-paper-wish>span{font-size:25px;color:#b84c42}.hp2-paper-wish p{font:600 20px/1.2 Caveat,cursive;margin:4px 0 7px}.hp2-paper-wish strong{font:700 15px Caveat,cursive}.hp2-card-video{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:#f2ddc3;border:6px solid white;box-shadow:0 5px 15px #4c2e1820;transform:rotate(4deg);text-decoration:none}.hp2-card-video>img{width:100%;height:100%;object-fit:cover}.hp2-card-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#fd9a00;color:#1a1220;font-size:17px;box-shadow:0 0 0 7px #ffffff70}.hp2-card-video-caption{position:absolute;bottom:0;left:0;right:0;background:#fffdf3e8;color:#5e3c43;font:600 16px Caveat,cursive;text-align:center;padding:4px}.hp2-small-wish{display:flex;align-items:start;gap:7px;background:#eaf2ec;padding:12px 10px;width:100%;border-radius:6px;transform:rotate(-3deg);text-align:left}.hp2-small-wish>span{font-size:20px}.hp2-small-wish p{font:600 20px/1.15 Caveat,cursive;margin:0;color:#4a6558}.hp2-small-wish strong{display:block;font-size:14px;margin-top:6px}.hp2-small-wish-pink{background:#f8e9ed;transform:rotate(3deg)}.hp2-small-wish-pink p{color:#8d5268}.hp2-small-wish-pink>span{color:#c36270}.hp2-open-card-note{display:block;text-align:right;font:600 27px Caveat,cursive;color:#a43f20;margin:28px 15px 0;transform:rotate(-4deg)}
/* Delivery formats retain the original product descriptions and photography. */
.hp2-delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.hp2-delivery-card{border:1px solid #e3d6c6;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;background:#fffaf2;color:#1a1220}.hp2-delivery-image{position:relative;aspect-ratio:3/2;overflow:hidden}.hp2-delivery-image>img{width:100%;height:100%;object-fit:cover;object-position:center 52%;display:block}.hp2-delivery-image>span{position:absolute;left:22px;top:22px;background:#fffaf3;color:#1a1220;border-radius:25px;padding:8px 12px;font-size:9px;letter-spacing:.09em;font-weight:800;box-shadow:0 3px 12px #0001}.hp2-delivery-copy{padding:30px 34px 34px;display:flex;flex-direction:column;align-items:start;flex:1}.hp2-delivery-copy h3{font-size:32px;margin:0 0 18px}.hp2-delivery-copy p{font-size:16px;line-height:1.65;max-width:480px;margin:0 0 12px}.hp2-delivery-copy .hp2-button{margin-top:auto}.hp2-delivery-copy .hp2-eco-link{margin:3px 0 24px}.hp2-delivery-digital{background:#efe7f3;border-color:#e0d2e6}.hp2-delivery-digital .hp2-button{margin-top:27px}.hp2-delivery-digital .hp2-delivery-image img{object-position:center 55%}
@media(max-width:1000px){.hp2-inside-grid{grid-template-columns:1fr;gap:20px}.hp2-inside-copy h2 br{display:none}.hp2-inside-copy h2{max-width:650px}.hp2-inside-copy .hp2-body{max-width:650px}.hp2-open-card-scene{width:min(650px,100%);margin:auto;padding-top:20px}.hp2-delivery-copy{padding:25px}.hp2-delivery-copy h3{font-size:28px}.hp2-delivery-copy p{font-size:14px}}
@media(max-width:700px){.hp2-delivery-grid{grid-template-columns:1fr;gap:25px}.hp2-delivery-image{aspect-ratio:4/3}.hp2-delivery-copy{padding:26px}.hp2-delivery-copy p{font-size:15px}.hp2-delivery-copy h3{font-size:31px}.hp2-open-card{min-height:340px;transform:rotate(-2deg)}.hp2-open-page{padding:20px 13px}.hp2-card-greeting{font-size:27px}.hp2-card-handwriting{font-size:20px}.hp2-card-signature{font-size:19px}.hp2-paper-wish{padding:10px;margin-top:18px;width:100%}.hp2-paper-wish p{font-size:18px}.hp2-open-page-right{gap:14px}.hp2-small-wish{padding:9px 7px;gap:4px}.hp2-small-wish p{font-size:18px}.hp2-small-wish>span{font-size:16px}.hp2-card-video{border-width:4px;aspect-ratio:1}.hp2-card-video-caption{font-size:14px}.hp2-card-video-play{width:34px;height:34px;font-size:13px}.hp2-open-card-note{font-size:23px}.hp2-inside-copy h2{font-size:42px}.hp2-inside-copy h2 br{display:block}}
.hp2-teams{background:#f3ede3}.hp2-teams-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:35px}.hp2-teams-heading>div:first-child{max-width:720px}.hp2-teams-heading .hp2-body{max-width:650px}.hp2-teams-heading .hp2-actions{flex-direction:column;align-items:start;flex-shrink:0;margin-bottom:8px}.hp2-team-features{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-bottom:45px}.hp2-team-features>div{border-top:1px solid #d9cbbd;padding-top:22px}.hp2-team-features i{font-size:24px;color:#ad481c;display:block;margin-bottom:12px}.hp2-team-features strong{display:block;font-size:16px;font-weight:800;margin-bottom:8px}.hp2-team-features p{font-size:14px;line-height:1.65;color:#5e534a;margin:0;max-width:330px}.hp2-dashboard-frame{border:1px solid #d7cbbb;border-radius:16px;overflow:hidden;box-shadow:0 25px 65px #3826101a;background:#fff}.hp2-dashboard-frame>img{display:block;width:100%;height:auto}.hp2-browser-bar{display:flex;align-items:center;gap:7px;padding:12px 17px;background:#e8e0d5;border-bottom:1px solid #d8cec0}.hp2-browser-bar>span{width:8px;height:8px;background:#bcad9d;border-radius:50%}.hp2-browser-bar>b{font-size:10px;font-weight:700;text-align:center;flex:1;color:#6c5c4d;padding-right:40px}.hp2-dashboard-caption{text-align:center;font-size:12px;color:#5e534a;margin:20px 0 0}.hp2-media-options{position:absolute;inset:0;pointer-events:none;z-index:7}.hp2-media-option{position:absolute;display:flex;gap:8px;align-items:center;background:#fffdf6;color:#1a1220;box-shadow:0 7px 20px #442b1620;border:1px solid #e4d6c1;border-radius:12px;padding:9px 13px;font-size:11px;font-weight:800;white-space:nowrap}.hp2-media-option i{font-size:16px;color:#9c3b18}.hp2-media-text{top:33%;left:0;transform:rotate(-7deg)}.hp2-media-photos{right:-10px;top:41%;transform:rotate(8deg);background:#f2eafa}.hp2-media-gifs{bottom:6%;left:8%;transform:rotate(-5deg);background:#eaf3ec}.hp2-media-gifts{bottom:-1%;right:9%;transform:rotate(5deg);background:#fff0cf}@media(max-width:1000px){.hp2-teams-heading{flex-direction:column;align-items:start;gap:20px}.hp2-teams-heading .hp2-actions{flex-direction:row;align-items:center}.hp2-team-features{gap:22px}.hp2-media-option{padding:7px 10px;font-size:10px}.hp2-media-option i{font-size:14px}.hp2-media-text{top:33%;left:0}.hp2-media-photos{right:-5px;top:49%}}@media(max-width:700px){.hp2-team-features{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.hp2-team-features>div{padding-top:17px;display:grid;grid-template-columns:28px 1fr;column-gap:10px}.hp2-team-features i{grid-row:span 2;font-size:21px}.hp2-team-features strong{font-size:15px}.hp2-team-features p{grid-column:2;max-width:none;font-size:13px}.hp2-dashboard-frame{border-radius:10px}.hp2-browser-bar{padding:9px 12px}.hp2-browser-bar>b{font-size:8px}.hp2-dashboard-caption{font-size:11px}.hp2-media-text{top:35%;left:-5px}.hp2-media-photos{top:54%;right:0}.hp2-media-gifs{bottom:4%;left:0}.hp2-media-gifts{bottom:0;right:0}.hp2-media-option{padding:7px 10px;font-size:10px}.hp2-media-option i{font-size:13px}}
.hp2-app-downloads{margin-top:30px;padding-top:20px;border-top:1px solid #e2d3bf}.hp2-app-downloads>p{font-size:12px;color:#5e534a;margin:0 0 12px}.hp2-app-downloads>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hp2-app-downloads a{display:block}.hp2-app-downloads img{display:block;width:auto;height:42px;max-width:155px;object-fit:contain}
.hp2-app-section{background:radial-gradient(ellipse at 85% 50%,#4e334c80,transparent 60%),#1a1220}.hp2-app-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:85px;align-items:center}.hp2-app-copy h2{font-size:clamp(38px,4.5vw,64px);max-width:700px}.hp2-app-copy h2>span{color:#ffc266}.hp2-app-description{font-size:18px;line-height:1.75;color:#e0d4e3;max-width:550px;margin:0 0 30px}.hp2-store-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:24px}.hp2-store-buttons a{display:block;border-radius:9px;outline-offset:5px}.hp2-store-buttons img{display:block;height:52px;width:auto;max-width:190px;object-fit:contain}.hp2-app-browser-link{font-size:13px;color:#e3d5e3;text-underline-offset:4px}.hp2-app-browser-link:hover{color:#ffc266}.hp2-app-visual{position:relative;padding:10px 0 30px;min-width:0}.hp2-app-photo{aspect-ratio:1;border-radius:28px 28px 100px 28px;overflow:hidden;border:1px solid #ffffff25;transform:rotate(3deg);box-shadow:0 25px 60px #0004}.hp2-app-photo img{display:block;width:100%;height:100%;object-fit:cover}.hp2-app-note{position:absolute;bottom:5px;left:-25px;right:25px;background:#fbf3e6;color:#1a1220;border-radius:16px;box-shadow:0 10px 30px #0003;padding:17px 20px;display:flex;align-items:center;gap:14px;transform:rotate(-3deg)}.hp2-app-note>span{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#fd9a00;color:#1a1220}.hp2-app-note strong{font-size:13px;display:block}.hp2-app-note small{font-size:11px;color:#5e534a;display:block;margin-top:3px}@media(max-width:1000px){.hp2-app-grid{gap:40px}.hp2-app-description{font-size:16px}.hp2-store-buttons{gap:10px}.hp2-store-buttons img{height:43px;max-width:160px}.hp2-app-note{left:-10px;right:10px;padding:14px}}@media(max-width:700px){.hp2-app-grid{grid-template-columns:1fr;gap:40px}.hp2-app-copy h2{font-size:42px}.hp2-app-visual{max-width:430px;width:100%;margin:auto;padding-inline:10px}.hp2-app-note{left:0;right:20px}.hp2-store-buttons img{height:45px;max-width:165px}}
.hp2-single-card-scene{height:auto;min-height:500px;padding:45px 0 0;display:flex;flex-direction:column;justify-content:center}.hp2-single-card-caption{font:600 29px Caveat,cursive;color:#a33e19;text-align:center;margin:0 0 23px;transform:rotate(-5deg)}.hp2-hero-open-card{min-height:385px;width:100%;transform:rotate(-4deg)}.hp2-hero-open-card .hp2-open-page{padding:22px 18px}.hp2-hero-open-card .hp2-card-greeting{font-size:31px;margin-bottom:15px}.hp2-hero-open-card .hp2-card-handwriting{font-size:23px}.hp2-hero-open-card .hp2-card-signature{font-size:20px}.hp2-hero-open-card .hp2-open-page-right{gap:13px}.hp2-hero-open-card .hp2-card-video{aspect-ratio:4/3}.hp2-hero-open-card .hp2-small-wish p{font-size:20px}.hp2-hero-gif{text-align:center;display:flex;flex-direction:column;margin-top:12px;gap:2px}.hp2-hero-gif>span{font-size:42px;line-height:1;color:#c86677;display:block;animation:hp2-gif-heart 2s ease-in-out infinite}.hp2-hero-gif small{font:600 16px Caveat,cursive;color:#8a6470}.hp2-hero-gift{background:#fff0cb;border:1px dashed #e2c78b;border-radius:9px;display:flex;align-items:center;gap:9px;padding:10px;margin-top:14px;width:100%;text-align:left;transform:rotate(4deg)}.hp2-hero-gift>i{font-size:25px;color:#aa4e1c}.hp2-hero-gift strong{display:block;font-size:10px;line-height:1.4;color:#51351c}.hp2-hero-gift small{display:block;font-size:8px;color:#775a3c;margin-top:3px}.hp2-single-card-legend{display:flex;align-items:center;justify-content:center;gap:8px 16px;flex-wrap:wrap;list-style:none;padding:0;margin:30px 0 0}.hp2-single-card-legend li{display:flex;gap:5px;align-items:center;font-size:10px;color:#5e534a;font-weight:700}.hp2-single-card-legend i{font-size:14px;color:#a3421d}@keyframes hp2-gif-heart{50%{transform:scale(1.13) rotate(7deg)}}@media(max-width:1000px) and (min-width:701px){.hp2-hero-grid{grid-template-columns:1fr;gap:25px}.hp2-hero-copy{max-width:650px}.hp2-single-card-scene{max-width:620px;width:100%;margin:auto}.hp2-hero-copy h1{max-width:650px}}@media(max-width:700px){.hp2-single-card-scene{padding-top:0;min-height:0;margin-top:20px;margin-bottom:18px}.hp2-single-card-caption{font-size:26px}.hp2-hero-open-card{min-height:350px;transform:rotate(-2deg)}.hp2-hero-open-card .hp2-open-page{padding:20px 12px}.hp2-hero-open-card .hp2-card-greeting{font-size:27px}.hp2-hero-open-card .hp2-card-handwriting{font-size:20px}.hp2-hero-open-card .hp2-card-signature{font-size:18px}.hp2-hero-open-card .hp2-card-video{aspect-ratio:1}.hp2-hero-open-card .hp2-small-wish p{font-size:18px}.hp2-hero-gift{padding:8px;gap:6px}.hp2-hero-gift strong{font-size:9px}.hp2-hero-gift small{font-size:8px}.hp2-hero-gift>i{font-size:21px}.hp2-single-card-legend{gap:10px 13px;margin-top:23px}.hp2-single-card-legend li{font-size:10px}}
/* Readable, playful callouts around the card instead of a tiny feature legend. */
.hp2-single-card-scene{padding:65px 25px 5px}.hp2-single-card-caption{margin-bottom:34px}.hp2-card-callouts{position:absolute;inset:0;pointer-events:none;z-index:6}.hp2-card-callout{position:absolute;display:flex;align-items:center;gap:8px;border:1px solid #e4d5bf;background:#fffdf8;border-radius:13px;padding:11px 15px;font-size:13px;font-weight:800;color:#38243d;box-shadow:0 8px 22px #58391b18;white-space:nowrap}.hp2-card-callout>i{color:#a43e19;font-size:21px}.hp2-card-callout>b{font-family:Caveat,cursive;position:absolute;font-size:38px;font-weight:600;color:#a44220;line-height:1}.hp2-callout-text{left:-15px;top:105px;transform:rotate(-8deg)}.hp2-callout-text>b{right:7px;top:47px;transform:rotate(8deg)}.hp2-callout-video{right:-5px;top:53px;transform:rotate(6deg);background:#fff3d6}.hp2-callout-video>b{left:5px;top:47px}.hp2-callout-photos{right:-18px;top:48%;transform:rotate(7deg);background:#f1e9fa}.hp2-callout-photos>b{left:-17px;top:38px}.hp2-callout-gifs{left:-20px;bottom:140px;transform:rotate(-6deg);background:#e9f3eb}.hp2-callout-gifs>b{right:-5px;top:-34px}.hp2-callout-gifts{right:-3px;bottom:90px;transform:rotate(5deg);background:#fff0cf}.hp2-callout-gifts>b{left:12px;top:-35px}.hp2-everything-note{position:relative;z-index:7;text-align:center;font:600 28px/1.2 Caveat,cursive;color:#9c3e1c;transform:rotate(-3deg);margin:45px 0 10px}.hp2-everything-note strong{font-family:'Bricolage Grotesque',sans-serif;display:block;color:#38243d;font-size:19px;letter-spacing:-.02em;transform:rotate(3deg);margin-top:9px}@media(max-width:700px){.hp2-single-card-scene{padding:70px 13px 0;margin-top:18px}.hp2-single-card-caption{margin-bottom:30px;font-size:25px}.hp2-card-callout{font-size:12px;padding:8px 11px;gap:6px;border-radius:11px}.hp2-card-callout>i{font-size:18px}.hp2-card-callout>b{font-size:31px}.hp2-callout-text{left:0;top:78px}.hp2-callout-text>b{top:39px}.hp2-callout-video{top:20px;right:1px}.hp2-callout-video>b{top:39px}.hp2-callout-photos{right:0;top:49%}.hp2-callout-photos>b{left:-9px;top:33px}.hp2-callout-gifs{left:0;bottom:135px}.hp2-callout-gifts{right:0;bottom:85px}.hp2-everything-note{font-size:26px;margin-top:60px}.hp2-everything-note strong{font-size:18px}}
.hp2-callout-gifts{left:12%;right:auto;bottom:80px;transform:rotate(-4deg)}.hp2-callout-gifts>b{left:65%;top:-36px}.hp2-callout-gifs{top:53%;bottom:auto;left:-20px}.hp2-callout-gifs>b{right:-5px;top:-34px}@media(max-width:700px){.hp2-callout-gifts{left:9%;right:auto;bottom:80px}.hp2-callout-gifs{left:0;top:54%;bottom:auto}}

/* Scroll-driven opening is limited to the lower example; no-JS stays open. */
.hp2-scroll-cover{display:none}
.hp2-scroll-card{perspective:1600px;--card-open:1}
.hp2-scroll-card.is-enhanced .hp2-open-card{transform:translateX(calc((1 - var(--card-open))*-24%)) rotate(-3deg);background:transparent;box-shadow:none;isolation:isolate}
.hp2-scroll-card.is-enhanced .hp2-open-page-left{opacity:var(--card-open);transform-origin:right center;transform:rotateY(calc((1 - var(--card-open))*12deg))}
.hp2-scroll-card.is-enhanced .hp2-open-page-right{background:#fffdf7;box-shadow:0 3px 0 #e3d4be,0 22px 50px #5a372522}
.hp2-scroll-card.is-enhanced .hp2-scroll-cover{display:flex;position:absolute;z-index:3;right:0;top:0;width:50%;height:100%;border:0;border-radius:0 10px 10px 0;background:#eed4ba;color:#783a33;align-items:center;justify-content:center;flex-direction:column;gap:20px;padding:24px;transform-origin:left center;transform:perspective(1200px) rotateY(calc(-8deg - var(--card-open)*172deg));opacity:clamp(0,calc(2 - var(--card-open)*2.8),1);backface-visibility:hidden;box-shadow:4px 4px 0 #d1b799,10px 18px 35px #50382025;cursor:pointer}
.hp2-scroll-cover-art{font:700 100px/1 Caveat,cursive;color:#bb543e}
.hp2-scroll-cover-title{font:700 clamp(32px,4vw,55px)/1 Caveat,cursive}
.hp2-scroll-cover-hint{font:800 12px/1.5 Nunito,sans-serif;color:#783a33}
.hp2-scroll-cover:focus-visible{outline:3px solid #b74a20;outline-offset:6px}
.hp2-scroll-card.is-tapped .hp2-open-card,.hp2-scroll-card.is-tapped .hp2-scroll-cover,.hp2-scroll-card.is-tapped .hp2-open-page-left{transition:transform .85s ease,opacity .85s ease}
@media(prefers-reduced-motion:reduce){.hp2-scroll-card .hp2-scroll-cover{display:none}.hp2-scroll-card .hp2-open-page{opacity:1;transform:none}}
/* Hold the example in view: arrive closed, unfold, then reveal the phone. */
#how-it-works .hp2-inside-grid{align-items:start}
#how-it-works .hp2-inside-copy{position:sticky;top:55px}
.hp2-card-scroll-track{height:calc(100vh + 800px);min-width:0}
.hp2-card-scroll-track .hp2-scroll-card{position:sticky;top:12vh;--card-open:0;--phone-reveal:0;padding-top:20px;padding-bottom:90px}
.hp2-scroll-card.is-enhanced .hp2-scroll-cover{opacity:1;transform:perspective(1200px) rotateY(calc(var(--card-open)*-180deg));background:#eed4ba}
.hp2-scroll-card.is-enhanced .hp2-open-page-left{opacity:clamp(0,calc(var(--card-open)*2 - .25),1)}
.hp2-card-phone{position:absolute;z-index:5;right:0;bottom:65px;width:155px;padding:7px;border-radius:25px;background:#201925;box-shadow:0 18px 35px #24162d40;opacity:var(--phone-reveal,0);transform:translateY(calc((1 - var(--phone-reveal,0))*100px)) rotate(calc(-9deg + var(--phone-reveal,0)*15deg));pointer-events:none}
.hp2-card-phone:before{content:'';position:absolute;width:48px;height:12px;background:#201925;top:7px;left:50%;transform:translateX(-50%);border-radius:0 0 9px 9px}
.hp2-card-phone-screen{background:#fff7e9;border-radius:19px;padding:24px 10px 16px;text-align:center;min-height:260px;color:#62445b}
.hp2-card-phone-screen>span{font:800 12px Nunito,sans-serif;display:block;color:#b8641f}
.hp2-card-phone-screen>strong{font:700 24px/1.1 Caveat,cursive;display:block;margin:15px 0}
.hp2-card-phone-screen>img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border:4px solid #fff;transform:rotate(-4deg)}
.hp2-card-phone-screen>p{font:600 18px/1.15 Caveat,cursive;margin:14px 0}
.hp2-phone-caption{position:absolute;right:0;bottom:20px;max-width:200px;font:600 23px/1.1 Caveat,cursive;color:#a43f20;opacity:var(--phone-reveal,0)}
.hp2-scroll-card.is-tapped .hp2-card-phone{transition:transform .85s ease,opacity .85s ease}
@media(max-width:1000px){#how-it-works .hp2-inside-copy{position:static}.hp2-card-scroll-track{height:calc(100vh + 650px)}.hp2-card-scroll-track .hp2-scroll-card{width:min(650px,100%);top:8vh}}
@media(max-width:700px){.hp2-card-phone{width:120px;right:8px;bottom:75px;border-radius:21px}.hp2-card-phone-screen{min-height:210px;border-radius:15px;padding:20px 7px 10px}.hp2-card-phone-screen>strong{font-size:21px;margin:10px 0}.hp2-card-phone-screen>p{font-size:16px}.hp2-phone-caption{font-size:20px;max-width:150px;bottom:27px}.hp2-scroll-card .hp2-open-card-note{padding-right:90px;font-size:21px}}
@media(prefers-reduced-motion:reduce){.hp2-card-scroll-track{height:auto}.hp2-card-scroll-track .hp2-scroll-card{position:relative;top:auto;--card-open:1;--phone-reveal:1}#how-it-works .hp2-inside-copy{position:static}}
.hp2-scroll-card .hp2-open-card-note{opacity:calc(1 - var(--phone-reveal,0))}
@media(min-width:1001px) and (max-height:850px){.hp2-card-scroll-track .hp2-scroll-card{top:5vh;padding-bottom:35px}.hp2-scroll-card .hp2-open-card{min-height:380px}.hp2-scroll-card .hp2-open-page{padding:20px}.hp2-scroll-card .hp2-open-page-right{gap:12px}.hp2-scroll-card .hp2-paper-wish{margin-top:15px}.hp2-scroll-card .hp2-card-handwriting{font-size:23px}.hp2-scroll-card .hp2-small-wish p{font-size:18px}.hp2-scroll-card .hp2-card-phone{bottom:40px}.hp2-scroll-card .hp2-phone-caption{bottom:0}}
/* The left inside page is the reverse of the opening cover, on the same hinge. */
.hp2-scroll-card.is-enhanced .hp2-open-card{perspective:1200px}
.hp2-scroll-card.is-enhanced .hp2-open-page-left{position:relative;z-index:2;opacity:1;transform-origin:right center;transform:rotateY(calc(180deg - var(--card-open)*180deg));backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 3px 0 #e3d4be,0 18px 35px #5a372518}
.hp2-scroll-card.is-enhanced .hp2-scroll-cover{transform:rotateY(calc(var(--card-open)*-180deg));backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:4px 4px 0 #d1b799,10px 18px 35px #50382025}
@media(prefers-reduced-motion:reduce){.hp2-scroll-card.is-enhanced .hp2-open-page-left{transform:none}}
.hp2-editor-demo{padding:80px 0}
.hp2-editor-demo-grid{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:55px}
.hp2-editor-demo h2{font-size:clamp(40px,4.6vw,66px);line-height:1.02}
.hp2-editor-demo p{max-width:420px;font-size:17px;line-height:1.65}
.hp2-editor-demo .hp2-editor-demo-detail{font-size:14px;margin:0 0 25px}
.hp2-editor-preview{margin:0;border:1px solid #49300f30;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 22px 45px #62350025;transform:rotate(-1deg)}
.hp2-editor-preview-bar{display:flex;align-items:center;gap:15px;padding:13px 17px;background:#fff8ec;border-bottom:1px solid #e4dbcf;color:#7d6550}
.hp2-editor-preview-bar>span{font-size:10px;letter-spacing:3px;color:#d8b68a}
.hp2-editor-preview-bar>strong{font-size:12px;font-weight:800}
.hp2-editor-preview>img{display:block;width:100%;height:auto}
.hp2-editor-preview figcaption{padding:14px 18px;border-top:1px solid #eee6db;font-size:12px;color:#67576c}
@media(max-width:1000px){.hp2-editor-demo-grid{grid-template-columns:1fr;gap:32px}.hp2-editor-demo p{max-width:650px}.hp2-editor-preview{transform:none}.hp2-editor-demo{padding:55px 0}}
/* A camera-like AR view, rather than a second miniature webpage. */
.hp2-card-phone .hp2-ar-screen{position:relative;overflow:hidden;padding:0;min-height:280px;background:#bf9c77;border-radius:19px}
.hp2-ar-camera{position:absolute;inset:0;background:linear-gradient(173deg,#c1b3a1 0%,#dac5aa 40%,#b58558 41%,#a7794e 70%,#765039 100%)}
.hp2-ar-camera:before{content:'';position:absolute;left:-12px;top:46px;width:46px;height:45px;background:#ba873c;border-radius:3px 3px 10px 10px;box-shadow:3px 5px 8px #34281d35}
.hp2-ar-camera:after{content:'';position:absolute;right:-10px;top:14px;width:42px;height:35px;border-radius:50%;background:#62704a;filter:blur(4px)}
.hp2-ar-paper{position:absolute;left:18%;top:43%;width:72%;height:39%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff1d7;border-radius:2px;transform:perspective(350px) rotateX(38deg) rotateZ(-14deg);box-shadow:3px 7px 5px #42302050;color:#9f4335}
.hp2-ar-paper>span{font:600 35px/1 Caveat,cursive}.hp2-ar-paper>strong{font:700 27px/1.2 Caveat,cursive}.hp2-ar-paper>small{font:800 7px Nunito,sans-serif;margin-top:10px;color:#ae772f}
.hp2-ar-focus{position:absolute;left:13%;right:10%;top:38%;height:47%;border:1px solid #ffffff95;border-radius:8px;box-shadow:0 0 15px #ffffff12}
.hp2-card-phone-screen>.hp2-ar-label{position:absolute;bottom:12px;left:8px;right:8px;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 5px;border-radius:18px;background:#fff8ecd9;color:#302435;font:800 11px Nunito,sans-serif;backdrop-filter:blur(6px)}
.hp2-ar-label>i{font-size:19px;line-height:1}
@media(max-width:700px){.hp2-card-phone .hp2-ar-screen{min-height:220px;border-radius:15px}.hp2-card-phone-screen>.hp2-ar-label{font-size:9px;gap:4px;left:5px;right:5px;padding:7px 3px}.hp2-ar-label>i{font-size:16px}.hp2-ar-paper>strong{font-size:22px}.hp2-ar-paper>span{font-size:27px}}
.hp2-scroll-card.is-enhanced .hp2-scroll-cover{padding:0;background:#faf5e3;overflow:hidden}
.hp2-scroll-cover-image{display:block;width:100%;height:100%;object-fit:contain;background:#faf5e3}
.hp2-scroll-cover .hp2-scroll-cover-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:20px;padding:6px 10px;background:#fffdf0ed;font-size:10px;box-shadow:0 2px 8px #51381e15}
.hp2-ar-paper{padding:0;background:#faf5e3;overflow:hidden;height:auto;aspect-ratio:576/812}
.hp2-ar-paper>img{display:block;width:100%;height:100%;object-fit:contain}
.hp2-ar-paper{top:29%;left:14%;width:76%}
.hp2-ar-focus{display:none}
/* Local typography comparison with the BuzlyLabs headline treatment. */
.home-experiment .hp2-hero h1{font-family:Manrope,sans-serif;font-weight:650;letter-spacing:-.05em;line-height:1.04}
/* Keep the word's own text baseline; the play icon must not set it. */
.home-experiment .hp2-play-word{display:inline-block;position:relative;vertical-align:baseline;padding-left:.85em;line-height:inherit}
.home-experiment .hp2-play-word>span{position:absolute;left:.14em;top:50%;transform:translateY(-50%);width:1.9em;height:1.9em;font-size:.31em}
.home-experiment .hp2-inside-copy h2{font-family:Manrope,sans-serif;font-weight:650;letter-spacing:-.05em;line-height:1.06}
.hp2-hero-gif>img{display:block;width:100px;height:80px;object-fit:contain;border-radius:3px;margin:auto}
.home-experiment .hp2-small-wish,.home-experiment .hp2-small-wish-pink{background:transparent;border:0;box-shadow:none}
@media(prefers-reduced-motion:reduce){.hp2-hero-gif>img{display:none}}
.home-experiment h1,.home-experiment h2,.home-experiment h3{font-family:Manrope,sans-serif;font-weight:650;letter-spacing:-.05em}
.home-preview-page footer .igreet-footer-icon{width:64px!important;height:64px!important;object-fit:contain;padding:0!important;filter:none!important;border-radius:13px}
.hp2-personal-photo{width:78%;margin:0 auto;transform:rotate(-4deg)}
.hp2-personal-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px}
.hp2-callout-photos{top:51%}
.hp2-callout-gifs{top:59%;left:-20px}
.hp2-callout-gifs>b{top:-5px;right:-36px;transform:rotate(45deg)}
@media(max-width:700px){.hp2-callout-gifs{top:59%;left:-3px}.hp2-callout-gifs>b{right:-27px;top:-2px}.hp2-callout-photos{top:51%}}
.home-experiment .hp2-play-word>span{background:transparent;color:#1a1220;border-radius:0;font-size:.43em;left:.3em;width:1em;height:1em}
.hp2-personal-photo img{height:auto;max-height:150px;object-fit:cover}
.hp2-personal-photo{flex-shrink:0}
@media(max-width:700px){.hp2-personal-photo img{max-height:135px}}
.hp2-callout-gifs{top:53%}
.hp2-callout-gifs>b{top:-20px;right:-28px;transform:none}
@media(max-width:700px){.hp2-callout-gifs{top:53%}.hp2-callout-gifs>b{top:-17px;right:-24px}}
/* Avoid a narrow, stretched book at laptop and tablet widths. */
@media(max-width:1300px){
 .hp2-hero-grid{grid-template-columns:1fr;gap:30px}
 .hp2-single-card-scene{container-type:inline-size;max-width:680px;width:100%;margin-inline:auto;min-height:0}
 .hp2-hero-open-card{aspect-ratio:1.32;min-height:0}
 .hp2-hero-open-card .hp2-open-page{padding:3.5cqw 3cqw;justify-content:flex-start}
 .hp2-hero-open-card .hp2-card-greeting{font-size:4.8cqw;margin-bottom:2.2cqw;line-height:1.05}
 .hp2-hero-open-card .hp2-card-handwriting{font-size:3.6cqw;line-height:1.3;margin-bottom:1.8cqw}
 .hp2-hero-open-card .hp2-card-signature{font-size:3.2cqw}
 .hp2-hero-open-card .hp2-hero-gif{margin:2cqw 0}
 .hp2-hero-open-card .hp2-hero-gif>img{width:16cqw;height:12cqw}
 .hp2-hero-open-card .hp2-hero-gift{padding:1.4cqw;gap:1cqw;margin-top:1.5cqw;flex-shrink:0}
 .hp2-hero-open-card .hp2-hero-gift strong{font-size:1.8cqw;line-height:1.3}
 .hp2-hero-open-card .hp2-hero-gift small{font-size:1.5cqw}
 .hp2-hero-open-card .hp2-hero-gift>i{font-size:4cqw}
 .hp2-hero-open-card .hp2-open-page-right{gap:2.2cqw}
 .hp2-hero-open-card .hp2-card-video{aspect-ratio:4/3;flex-shrink:0;border-width:1cqw}
 .hp2-hero-open-card .hp2-card-video-caption{font-size:2.5cqw;padding:.6cqw}
 .hp2-hero-open-card .hp2-card-video-play{width:7cqw;height:7cqw;font-size:2.5cqw}
 .hp2-hero-open-card .hp2-personal-photo{width:78%;margin:0 auto}
 .hp2-hero-open-card .hp2-personal-photo img{height:auto;max-height:none;aspect-ratio:4/3}
 .hp2-hero-open-card .hp2-small-wish{padding:1cqw;gap:1cqw}
 .hp2-hero-open-card .hp2-small-wish p{font-size:3.1cqw}
 .hp2-hero-open-card .hp2-small-wish strong{font-size:2.4cqw}
 .hp2-hero-open-card .hp2-small-wish>span{font-size:3cqw}
 .hp2-callout-gifs{top:51%;left:-10px}
 .hp2-callout-photos{top:49%}
 .hp2-callout-gifts{bottom:80px;left:11%}
}
.hp2-gift-inline-callout{display:none}
@media(max-width:1300px){
 .hp2-card-callouts>.hp2-callout-gifts{display:none}
 .hp2-hero-gift{position:relative}
 .hp2-hero-gift>.hp2-gift-inline-callout{display:flex;top:calc(100% + 26px);left:0;bottom:auto;transform:rotate(-4deg);background:#fff0cf;pointer-events:none}
 .hp2-gift-inline-callout>b{top:-30px;right:12px}
}
@media(max-width:1300px){.hp2-callout-gifs>b{right:12px;top:-27px}}
@media(max-width:700px){.hp2-single-card-caption{font-size:20px;width:70%;margin-left:auto;text-align:right}.hp2-callout-gifs>b{right:15px;top:-24px}}
/* Rounded & Friendly / Option B: only the hero headline. */
.home-experiment .hp2-hero h1{font-family:Nunito,sans-serif;font-weight:800;letter-spacing:-.045em;line-height:1.08;color:#1a1220}
.home-experiment .hp2-hero h1 .hp2-play-word{display:inline-block;position:relative;vertical-align:baseline;font-family:Nunito,sans-serif;font-weight:900;line-height:1.12;letter-spacing:-.045em;color:#1a1220;background:#fd9a00;border-radius:999px;padding:.065em .24em .105em .88em;white-space:nowrap;margin-top:7px}
.home-experiment .hp2-hero h1 .hp2-play-label{font:inherit;font-weight:900;letter-spacing:inherit;display:inline}
.home-experiment .hp2-hero h1 .hp2-play-word>span{position:absolute;left:.34em;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:1.9em;height:1.9em;font-size:.34em;line-height:1;letter-spacing:0;background:#1a1220;color:#fd9a00;border-radius:50%;padding-left:.08em;box-sizing:border-box}
.home-experiment .hp2-hero h1 .hp2-play-label{display:inline-block;line-height:1.12}
/* Compare the complete hero headline with the Manrope section headings. */
.home-experiment .hp2-hero h1{font-family:Manrope,sans-serif;font-weight:650;letter-spacing:-.05em}
.home-experiment .hp2-hero h1 .hp2-play-word{font-family:Manrope,sans-serif;font-weight:650;letter-spacing:-.05em}
.home-experiment .hp2-hero h1 .hp2-play-label{font-weight:650}
/* Match the icon's left inset to its top and bottom breathing room. */
.home-experiment .hp2-hero h1 .hp2-play-word{padding-left:1em}
.home-experiment .hp2-hero h1 .hp2-play-word>span{left:.7em}
/* Use the same paper back and crease as the category listing. */
.home-experiment .hp-card-thumb.catalog-folded-card{aspect-ratio:3/4;position:relative;overflow:visible;border-radius:3px;isolation:isolate;background:transparent;box-shadow:none;width:calc(100% - 10px);margin:6px 10px 12px 0}
.home-experiment .hp-card-thumb.catalog-folded-card>img{object-fit:contain;border-radius:3px}
.home-experiment .hp-card-thumb.catalog-folded-card:after{content:'';position:absolute;inset:0 auto 0 0;width:7%;height:auto;padding:0;border-radius:3px 0 0 3px;background:linear-gradient(90deg,#321e0f1f,#ffffff2e 25%,transparent);pointer-events:none;z-index:1}
.hp-gallery-video-label{position:absolute;bottom:9px;left:9px;background:#fbf3e6;color:#1a1220;border-radius:20px;padding:4px 8px;font:800 9px Nunito,sans-serif;z-index:2}
.home-experiment .hp2-hero h1 .hp2-play-word{padding-left:1.1em}
.home-experiment .hp2-hero h1 .hp2-play-word>span{left:.9em}
/* Balanced orange after the word, and less empty space above the hero. */
.home-experiment .hp2-hero h1 .hp2-play-word{padding-right:.4em}
.hp2-hero-grid{padding-top:22px}
@media(max-width:700px){.hp2-hero-grid{padding-top:32px}}
.home-experiment .hp-card-thumb.catalog-folded-card{aspect-ratio:auto;height:auto}
.home-experiment .hp-card-thumb.catalog-folded-card>img{height:auto!important}
/* Two pages with the proportions of the actual open-card viewer (about 1.43:1). */
.hp2-single-card-scene{container-type:inline-size}
.hp2-hero-open-card{aspect-ratio:1.43;min-height:0}
.hp2-hero-open-card .hp2-open-page{min-height:0;padding:3cqw 2.7cqw}
.hp2-hero-open-card .hp2-card-greeting{font-size:4.7cqw;line-height:1.05;margin-bottom:2cqw}
.hp2-hero-open-card .hp2-card-handwriting{font-size:3.5cqw;line-height:1.25;margin-bottom:1.6cqw}
.hp2-hero-open-card .hp2-card-signature{font-size:3cqw}
.hp2-hero-open-card .hp2-hero-gif{margin:2cqw 0}
.hp2-hero-open-card .hp2-hero-gif>img{width:16cqw;height:11cqw}
.hp2-hero-open-card .hp2-hero-gift{padding:1.3cqw;gap:1cqw;margin-top:1.3cqw;flex-shrink:0}
.hp2-hero-open-card .hp2-hero-gift strong{font-size:1.8cqw;line-height:1.3}
.hp2-hero-open-card .hp2-hero-gift small{font-size:1.5cqw}
.hp2-hero-open-card .hp2-hero-gift>i{font-size:4cqw}
.hp2-hero-open-card .hp2-open-page-right{gap:1.8cqw}
.hp2-hero-open-card .hp2-card-video{aspect-ratio:16/10;flex-shrink:0;border-width:.8cqw}
.hp2-hero-open-card .hp2-card-video-caption{font-size:2.4cqw;padding:.5cqw}
.hp2-hero-open-card .hp2-card-video-play{width:7cqw;height:7cqw;font-size:2.5cqw}
.hp2-hero-open-card .hp2-personal-photo{width:68%;margin:0 auto;flex-shrink:0}
.hp2-hero-open-card .hp2-personal-photo img{height:auto;max-height:none;aspect-ratio:4/3}
.hp2-hero-open-card .hp2-small-wish{padding:.8cqw;gap:.8cqw}
.hp2-hero-open-card .hp2-small-wish p{font-size:2.9cqw}
.hp2-hero-open-card .hp2-small-wish strong{font-size:2.2cqw}
.hp2-hero-open-card .hp2-small-wish>span{font-size:3cqw}
/* Keep the two lower annotations attached to their content as proportions change. */
.hp2-card-callouts>.hp2-callout-gifs,.hp2-card-callouts>.hp2-callout-gifts{display:none}
.hp2-hero-gif,.hp2-hero-gift{position:relative}
.hp2-gif-inline-callout{display:flex;width:max-content;right:calc(100% + 10px);top:50%;transform:rotate(-6deg);pointer-events:none}
.hp2-gif-inline-callout>b{top:-17px;right:-25px}
.hp2-hero-gift>.hp2-gift-inline-callout{display:flex;width:max-content;top:calc(100% + 27px);left:0;bottom:auto;transform:rotate(-4deg);background:#fff0cf;pointer-events:none}
.hp2-gift-inline-callout>b{top:-30px;right:12px}
@media(max-width:700px){.hp2-gif-inline-callout{right:calc(100% - 28px);top:75%;font-size:10px;padding:7px 9px}.hp2-gif-inline-callout>b{right:-12px;top:-22px}.hp2-hero-gift>.hp2-gift-inline-callout{font-size:10px;padding:7px 9px;top:calc(100% + 22px)}}
.home-experiment .hp-gallery-video-label{display:none}
/* White hero separates the introduction from the warm paper section below. */
.home-experiment .hp2-hero{background:#fff}
/* The source logo contains a transparent left margin; align its visible mark. */
.home-preview-page:not(.catalog-preview-page) nav .navbar-brand{margin-left:-14.4px}
@media(min-width:701px) and (max-width:1000px){.home-preview-page:not(.catalog-preview-page) nav.navbar>.container{width:calc(100% - 44px)}}
@media(max-width:700px){.home-preview-page:not(.catalog-preview-page) nav .navbar-brand{margin-left:-13px}}
.hp2-scroll-card .hp2-phone-caption{translate:0 18px}
/* Illustrative video stills are not playback controls. */
.home-experiment .hp2-card-video{cursor:default}
.home-experiment .hp2-card-video-play{background:#fff9efb8;color:#4a4049;box-shadow:none;width:36px;height:36px;font-size:13px;opacity:.85}
.hp2-hero-open-card .hp2-card-video-play{width:5.5cqw;height:5.5cqw;font-size:2cqw}
.hp2-single-card-scene{padding-top:70px}
.hp2-callout-text{top:25px}
.hp2-callout-video{top:0}
@media(max-width:700px){.hp2-single-card-scene{padding-top:85px}.hp2-callout-text{top:35px}.hp2-callout-video{top:5px}}
.home-experiment .hp2-marquee a{font-family:Manrope,sans-serif;font-weight:600;letter-spacing:-.025em}
/* Typography comparison with the current public iGreet homepage. */
.home-experiment .hp2-hero h1,.home-experiment .hp2-hero h1 .hp2-play-word{font-family:Nunito,sans-serif;font-weight:700;letter-spacing:-.035em}
.home-experiment .hp2-hero h1 .hp2-play-label{font-weight:700}
.home-experiment .hp2-hero h1 .hp2-play-word{background:#fff3d6}
.hp2-how-it-works{background:#fff}
.hp2-how-heading{max-width:760px;margin-bottom:45px}
.hp2-how-heading h2{font-size:clamp(34px,4.2vw,56px);margin:0 0 18px}
.hp2-how-heading>p{font-size:17px;line-height:1.7;color:#756653;margin:0}
.hp2-how-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:0;padding:0;counter-reset:none}
.hp2-how-steps>li{position:relative;border-top:1px solid #e7d9c5;padding-top:28px}
.hp2-how-number{position:absolute;right:0;top:25px;font:600 12px Manrope,sans-serif;color:#a58f73;letter-spacing:.1em}
.hp2-how-icon{display:grid;place-items:center;width:57px;height:57px;background:#fff3d6;color:#a84d1b;border-radius:17px;font-size:25px;margin:0 0 25px;transform:rotate(-4deg)}
.hp2-how-steps>li:nth-child(2) .hp2-how-icon{transform:rotate(4deg);background:#eaf2ec;color:#4c7760}
.hp2-how-steps>li:nth-child(3) .hp2-how-icon{background:#f1e9fa;color:#7e5683}
.hp2-how-steps h3{font-size:24px;line-height:1.25;letter-spacing:-.035em;margin:0 0 15px;max-width:300px}
.hp2-how-steps p{font-size:15px;line-height:1.8;color:#756653;margin:0;max-width:340px}
@media(max-width:700px){.hp2-how-heading{margin-bottom:30px}.hp2-how-heading>p{font-size:15px}.hp2-how-steps{grid-template-columns:1fr;gap:30px}.hp2-how-steps>li{padding-top:22px;padding-left:72px}.hp2-how-icon{position:absolute;left:0;top:22px;width:49px;height:49px;font-size:22px}.hp2-how-number{top:24px;font-size:10px}.hp2-how-steps h3{font-size:22px;padding-right:24px;max-width:none}.hp2-how-steps p{font-size:14px;max-width:none}}
.hp2-delivery-note{font:600 14px/1.6 Nunito,sans-serif;color:#756653;margin:25px 0 0}
@media(max-width:700px){.hp2-delivery-note{font-size:12px;margin-top:22px}}
.hp2-delivery-note{display:flex;align-items:center;gap:10px}
.hp2-delivery-note>i{flex-shrink:0;font-size:17px;line-height:1}
/* A calmer headline scale, closer to the original homepage. */
.home-experiment .hp2-hero h1{font-size:clamp(54px,6.6vw,90px)}
@media(max-width:1100px) and (min-width:1001px){.home-experiment .hp2-hero h1{font-size:65px}}
@media(max-width:700px){.home-experiment .hp2-hero h1{font-size:62px}}
@media(max-width:380px){.home-experiment .hp2-hero h1{font-size:56px}}

/* Keep the introduction centered beside the card throughout its sticky scene. */
@media(min-width:1001px){#how-it-works .hp2-inside-copy{margin-top:var(--card-copy-offset,120px);top:calc(12vh + var(--card-copy-offset,120px))}}
@media(min-width:1001px) and (max-height:850px){#how-it-works .hp2-inside-copy{top:calc(5vh + var(--card-copy-offset,120px))}}

/* One integrated story beside the existing interactive card. */
#how-it-works .hp2-story-copy h2{font-size:clamp(34px,3.5vw,48px);line-height:1.12;max-width:530px;margin-bottom:32px}
.hp2-story-copy .hp2-eyebrow{margin-bottom:18px}
.hp2-story-steps{list-style:none;padding:0;margin:0;display:grid;gap:28px}
.hp2-story-steps li{display:flex;gap:18px;position:relative;align-items:flex-start}
.hp2-story-number{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#f8dec0;color:#94451f;font:700 13px Manrope,sans-serif;position:relative;z-index:1}
.hp2-story-steps li:nth-child(2) .hp2-story-number{background:#e5eee6;color:#456752}
.hp2-story-steps li:nth-child(3) .hp2-story-number{background:#ede5f3;color:#70577e}
.hp2-story-steps li:not(:last-child):before{content:'';position:absolute;left:20px;top:44px;bottom:-26px;width:1px;background:#dccfbb}
.home-experiment .hp2-story-steps h3{font-family:Manrope,sans-serif;font-weight:700;letter-spacing:-.025em;font-size:20px;line-height:1.3;margin:7px 0 8px}
.hp2-story-steps p{font-size:15px;line-height:1.7;color:#65594f;margin:0;max-width:420px}
@media(max-width:1000px){#how-it-works .hp2-story-copy{margin-top:0;top:auto}.hp2-story-steps p{max-width:600px}.hp2-story-steps{gap:24px}.hp2-inside-grid{gap:40px}}
@media(max-width:700px){#how-it-works .hp2-story-copy h2{font-size:36px;margin-bottom:28px}.hp2-story-steps li{gap:14px}.home-experiment .hp2-story-steps h3{font-size:18px}.hp2-story-steps p{font-size:14px}.hp2-story-number{width:38px;height:38px;flex-basis:38px}.hp2-story-steps li:not(:last-child):before{left:18px}}

/* Draw decorative symbols as vectors; iOS must not substitute emoji glyphs. */
.hp2-svg-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0}
.hp2-play-word>span .hp2-svg-icon{width:1.15em;height:1.15em;vertical-align:0}
.hp2-card-video-play .hp2-svg-icon{width:1.3em;height:1.3em;vertical-align:0}
.hp2-card-callout>b .hp2-svg-icon{display:block;width:1em;height:1em}
.hp2-marquee .hp2-svg-icon{width:1em;height:1em;vertical-align:middle}
/* A mobile spread is two portrait pages, never a height driven by its text. */
@media(max-width:700px){
 .hp2-card-scroll-track .hp2-scroll-card{container-type:inline-size;padding-bottom:110px}
 .hp2-scroll-card .hp2-open-card{aspect-ratio:1152/812;min-height:0;height:auto;grid-template-rows:minmax(0,1fr)}
 .hp2-scroll-card .hp2-open-page{min-height:0;overflow:hidden;padding:3cqw 2.7cqw}
 .hp2-scroll-card .hp2-open-page-right{gap:2cqw}
 .hp2-scroll-card .hp2-open-star{font-size:4.5cqw;margin-bottom:2cqw}
 .hp2-scroll-card .hp2-card-greeting{font-size:5cqw;margin-bottom:2.4cqw}
 .hp2-scroll-card .hp2-card-handwriting{font-size:4cqw;line-height:1.25;margin-bottom:2cqw}
 .hp2-scroll-card .hp2-card-signature{font-size:3.6cqw}
 .hp2-scroll-card .hp2-paper-wish{padding:2cqw;margin-top:3cqw}
 .hp2-scroll-card .hp2-paper-wish>span{font-size:4cqw}
 .hp2-scroll-card .hp2-paper-wish p{font-size:3.7cqw;margin:1cqw 0}
 .hp2-scroll-card .hp2-paper-wish strong{font-size:3cqw}
 .hp2-scroll-card .hp2-card-video{aspect-ratio:4/3;border-width:1cqw;flex-shrink:0}
 .hp2-scroll-card .hp2-card-video-caption{font-size:2.8cqw;padding:.5cqw}
 .hp2-scroll-card .hp2-card-video-play{width:6cqw;height:6cqw;font-size:2.8cqw;box-shadow:0 0 0 1cqw #ffffff70}
 .hp2-scroll-card .hp2-small-wish{padding:1.5cqw;gap:1cqw}
 .hp2-scroll-card .hp2-small-wish p{font-size:3.5cqw;line-height:1.15}
 .hp2-scroll-card .hp2-small-wish strong{font-size:2.8cqw;margin-top:1cqw}
 .hp2-scroll-card .hp2-small-wish>span{font-size:3.5cqw}
 .hp2-scroll-card .hp2-scroll-cover-image{object-fit:cover}
 .hp2-scroll-card .hp2-scroll-cover-hint{font-size:2.5cqw;padding:1.5cqw 2.5cqw;bottom:3cqw}
 .hp2-scroll-card .hp2-card-phone{width:25cqw;bottom:65px;padding:1.2cqw;border-radius:4.5cqw}
 .hp2-scroll-card .hp2-card-phone-screen{min-height:0;height:46cqw;border-radius:3.5cqw}
 .hp2-scroll-card .hp2-ar-label{font-size:2.3cqw}
 .hp2-scroll-card .hp2-ar-label svg{width:3cqw;height:3cqw}
 .hp2-scroll-card .hp2-phone-caption{font-size:4cqw;max-width:38cqw;bottom:18px}
}