/* Homepage composition: original WithViv identity, authored native-scroll objects. */
.home-opening{display:grid;grid-template-columns:1.12fr 1fr;gap:7%;align-items:center;padding-block:54px 44px;min-height:676px}
.home-kicker{margin-bottom:25px;color:var(--muted);font-size:10px;letter-spacing:.17em}
.home-opening h1{font-family:Outfit,Arial,sans-serif;font-weight:600;font-size:clamp(65px,7.3vw,108px);line-height:1.05;letter-spacing:-.055em;color:var(--cocoa)}
.home-opening h1 em{display:block;font-family:Playfair,Georgia,serif;color:var(--accent);font-size:.85em;line-height:1.14;font-weight:500;letter-spacing:-.055em;white-space:nowrap;margin-top:4px}
.phone-break{display:none}.home-introduction{font-size:17px;line-height:1.75;max-width:415px;margin-top:28px;color:var(--charcoal)}
.home-supporting{font-size:13px;line-height:1.8;color:var(--muted);margin-top:15px}.home-opening-actions{display:flex;gap:25px;align-items:center;margin-top:30px}.home-opening-actions .text-link{font-size:13px;gap:12px}
.home-portrait{margin:0;width:100%;max-width:476px;justify-self:end;padding:8px 10px 0 0;position:relative}.home-portrait-frame{height:506px;border-radius:240px 240px 4px 4px;position:relative;isolation:isolate}.home-portrait-frame:before{content:"";position:absolute;inset:9px -10px -10px 10px;background:var(--sand);border-radius:inherit;z-index:-1}.home-portrait-frame:after{content:"";position:absolute;inset:9px -10px -10px 10px;border:1px solid #5d403726;border-radius:inherit;z-index:-1}.home-portrait-frame>img{width:100%;height:100%;object-fit:cover;border-radius:inherit;object-position:50% 50%}.home-portrait figcaption{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:26px}.home-portrait figcaption>span:first-child{font:italic 28px Playfair;color:var(--cocoa)}.home-portrait figcaption>span:last-child{font-size:8px;letter-spacing:.16em;color:var(--muted)}
.home-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.home-shortcuts>a{display:flex;align-items:center;gap:14px;border-block:1px solid var(--line);min-height:78px;font-size:13px;color:var(--cocoa)}.shortcut-number{font:italic 16px Playfair;color:var(--muted)}.home-shortcuts svg{margin-left:auto;width:19px;transition:transform 180ms}.home-shortcuts a:hover svg{transform:translateX(4px)}
.home-orientation{padding-block:100px 94px}.home-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:55px;margin-bottom:38px}.home-section-heading .caption{margin-bottom:20px;font-size:10px}.home-section-heading h2{font-size:clamp(42px,4.2vw,62px);font-family:Outfit;font-weight:500;letter-spacing:-.05em;color:var(--cocoa);line-height:1.12}.home-section-heading h2 em{font-family:Playfair;font-weight:500;color:var(--accent)}.home-section-heading>p,.home-section-heading>div:last-child:not(:first-child){font-size:14px;line-height:1.8;max-width:340px}.home-section-heading .text-link{margin-top:15px;font-size:13px}
.home-world-switch{display:flex;gap:10px;border-bottom:1px solid var(--line);padding-bottom:20px}.home-world-switch button{border:1px solid var(--line);background:none;padding:11px 24px;border-radius:30px;font-size:13px;min-height:46px;transition:background 180ms,color 180ms}.home-world-switch button[aria-pressed=true]{background:var(--cocoa);color:var(--paper);border-color:var(--cocoa)}.home-world-switch button:hover:not([aria-pressed=true]){background:var(--sand)}.home-world-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:60px;min-height:174px}.home-world-panel>a{display:flex;align-items:center;gap:20px;min-height:87px;border-bottom:1px solid var(--line);padding:16px 0;font-size:15px}.home-world-panel>a>span{font:italic 23px Playfair;color:var(--accent)}.home-world-panel strong{font-weight:400}.home-world-panel svg{margin-left:auto;width:20px}.home-world-panel a:hover{color:var(--accent)}.home-orientation-end{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:23px}.home-orientation-end .text-link{font-size:12px}.home-orientation-end>span{font:italic 19px Playfair;color:var(--muted)}
.home-creations{background:var(--sand);padding-block:92px 60px;overflow:clip}.home-creations #signature{--p:0;--middle:0;--ending:0;position:relative}.home-creations .home-section-heading{margin-bottom:30px}.creation-beats{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding-block:16px 25px}.creation-beats button{background:none;border:0;border-bottom:1px solid transparent;min-height:44px;padding:9px 0;display:flex;align-items:center;gap:9px;font-size:12px;margin-right:20px}.creation-beats button span{font:italic 16px Playfair;color:var(--muted)}.creation-beats button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.beat-invitation{font-size:11px;color:var(--muted);margin-left:auto}.home-product-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:48px}.home-object-stage{display:flex;align-items:center;justify-content:center;height:380px;position:relative;isolation:isolate;background:var(--paper);overflow:hidden}.home-cards .home-object-stage{background:var(--sage)}.home-book-object{position:relative;width:77%;aspect-ratio:4/3;transform:perspective(1500px) translateY(calc((var(--p) - .5)*-25px)) rotateY(calc(-16deg + var(--p)*15deg)) rotateZ(calc(-6deg + var(--p)*6deg));transition:filter 180ms}.home-book-object .physical-book{width:100%;transform:none;box-shadow:14px 22px 25px #5d403724}.book-layer,.cards-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:0}.hug-layer,.box-layer{opacity:1;clip-path:inset(0 calc((1 - var(--middle))*100%) 0 0)}.together-layer,.letters-layer{opacity:1;clip-path:inset(0 calc((1 - var(--ending))*100%) 0 0)}.home-card-object{position:relative;width:85%;aspect-ratio:16/9;transform:perspective(1500px) rotateX(calc(5deg - var(--p)*5deg)) rotateZ(calc(7deg - var(--p)*7deg)) translateY(calc((var(--p) - .5)*20px));box-shadow:12px 21px 24px #5d40371c}.cards-base{width:100%;height:100%;object-fit:contain}.cards-layer{object-fit:contain;background:var(--sage)}.object-caption{position:absolute;left:23px;bottom:18px;font:italic 17px Playfair;color:var(--cocoa)}.object-open{display:flex;align-items:center;gap:10px;position:absolute;right:20px;top:15px;font-size:10px;color:var(--cocoa)}.object-open svg{width:16px}.home-object-stage:hover .object-open svg{transform:translateX(4px)}.home-product-copy{padding-top:23px}.home-product-copy .caption{font-size:9px}.home-product-copy h3{font-family:Outfit;font-weight:500;font-size:37px;letter-spacing:-.04em;color:var(--cocoa);margin-block:10px}.home-product-copy>p:not(.caption){font-size:13px;max-width:370px;line-height:1.75}.home-product-copy>div{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:16px}.home-product-copy .text-link{font-size:12px}.subtle-link{font-size:10px;min-height:44px;display:inline-flex;align-items:center;color:var(--muted)}a.subtle-link{text-decoration:underline;text-underline-offset:4px}.home-scene-progress{height:1px;background:var(--line);margin-top:34px;overflow:hidden}.home-scene-progress span{display:block;height:100%;width:calc(var(--p)*100%);background:var(--accent)}
.home-guides{padding-block:100px 0}.home-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.home-guide-art{height:285px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--sage);padding:25px}.guide-tone-1{background:var(--blush)}.guide-tone-2{background:var(--sand)}.home-guide-art>img{max-height:236px;width:auto;max-width:80%;object-fit:contain;box-shadow:8px 13px 20px #5d40371c;transform:rotate(-4deg);transition:transform 450ms var(--ease)}.guide-tone-1>img{transform:rotate(3deg)}.home-guide-art:hover>img{transform:rotate(0) translateY(-5px)}.home-guide-art>span{position:absolute;right:15px;bottom:15px;background:var(--paper);border-radius:50%;padding:9px}.home-guide-art>span>svg{width:19px;height:19px}.home-guide-grid .caption{margin-top:21px;font-size:9px}.home-guide-grid h3{margin-top:9px;font-family:Outfit;font-weight:500;font-size:25px;letter-spacing:-.035em;line-height:1.25;color:var(--cocoa)}.guide-title-link{display:flex;justify-content:space-between;gap:20px;min-height:44px}.guide-title-link>svg{display:none}.home-guide-grid article>p:last-child{font-size:12px;line-height:1.8;color:var(--muted);margin-top:10px}.home-more-guides{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:45px}.home-more-guides>a{display:flex;gap:25px;align-items:center;justify-content:space-between;border-block:1px solid var(--line);padding-block:22px}.home-more-guides .caption{font-size:8px}.home-more-guides h3{font-family:Outfit;font-weight:400;font-size:20px;line-height:1.35;margin-top:7px;letter-spacing:-.025em}.home-more-guides svg{width:20px}.home-guides>.care-note{margin-top:32px;font-size:11px}.home-about{background:var(--sage);padding-block:75px 85px;margin-top:40px}.home-about .caption{font-size:10px;margin-bottom:26px}.home-about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px}.home-about-grid h2{font-family:Outfit;font-weight:500;font-size:clamp(40px,4vw,60px);line-height:1.15;letter-spacing:-.045em;color:var(--cocoa)}.home-about-grid h2 em{font-family:Playfair;color:var(--accent);font-weight:500}.home-about-grid p{font-size:14px;line-height:1.9}.home-about-grid .text-link{font-size:12px}
@media(min-width:1100px){.home-opening-copy{animation:copy-in 750ms var(--ease) both}.home-portrait{animation:copy-in 900ms var(--ease) both}}
@media(max-width:1100px){.home-opening{gap:5%;min-height:610px;padding-block:45px}.home-opening h1{font-size:clamp(64px,7.3vw,85px)}.home-portrait-frame{height:450px}.home-portrait figcaption>span:last-child{display:none}.home-opening-actions{gap:16px}.home-opening-actions .button{padding-inline:22px}.home-opening-actions .text-link{font-size:11px}.home-introduction{font-size:15px}.home-kicker{font-size:8px}.home-object-stage{height:320px}.home-product-grid{gap:30px}.home-guide-art{height:240px}.home-guide-art>img{max-height:200px}.home-shortcuts{gap:18px}.home-shortcuts>a{font-size:11px;gap:9px}.home-product-copy>div{gap:12px}.beat-invitation{font-size:9px}}
@media(max-width:800px){.home-opening{grid-template-columns:1fr 1fr;gap:30px;min-height:550px}.home-opening h1{font-size:58px}.home-opening h1 em{font-size:.8em}.home-portrait-frame{height:365px}.home-portrait figcaption>span:first-child{font-size:24px}.home-opening-actions{flex-wrap:wrap;gap:10px}.home-kicker{font-size:7px}.home-introduction{font-size:14px}.home-supporting{font-size:11px}.home-opening-actions .text-link{font-size:11px}.home-section-heading{gap:35px}.home-section-heading>p,.home-section-heading>div:last-child:not(:first-child){max-width:270px;font-size:12px}.home-section-heading h2{font-size:39px}.home-world-panel{column-gap:30px}.home-world-panel>a{font-size:13px;gap:13px}.home-guide-grid{gap:20px}.home-guide-art{height:210px;padding:20px}.home-guide-art>img{max-height:170px}.home-guide-grid h3{font-size:21px}.home-about-grid{gap:40px}.home-about-grid p{font-size:12px}.home-object-stage{height:280px}.creation-beats{gap:10px}.creation-beats button{margin-right:12px}.object-caption{font-size:14px}.home-product-copy .caption{font-size:8px}.home-product-copy h3{font-size:32px}.home-product-copy>div{display:block}.subtle-link{display:flex}.home-shortcuts>a{font-size:10px;min-height:65px}.shortcut-number{display:none}}
@media(max-width:600px){.home-opening{display:flex;flex-direction:column;align-items:stretch;gap:33px;padding-block:35px 32px;min-height:0}.home-kicker{font-size:8px;letter-spacing:.12em;margin-bottom:18px}.home-opening h1{font-size:clamp(53px,14vw,76px);letter-spacing:-.055em}.home-opening h1 em{font-size:.85em;line-height:1.17;white-space:normal}.home-opening:lang(es) h1{font-size:clamp(48px,12.4vw,70px)}.phone-break{display:inline}.home-introduction{font-size:14px;line-height:1.8;margin-top:22px;max-width:360px}.home-supporting{font-size:11px;margin-top:11px;line-height:1.8}.home-opening-actions{flex-wrap:nowrap;gap:20px;margin-top:23px}.home-opening-actions .button{font-size:12px;padding:15px 21px;min-height:48px;gap:14px}.home-opening-actions .text-link{font-size:10px;gap:8px;min-height:48px}.home-opening-actions .text-link svg{width:18px}.home-portrait{max-width:340px;align-self:center;padding:0 8px 0 0}.home-portrait-frame{height:350px;border-radius:180px 180px 3px 3px}.home-portrait-frame:before,.home-portrait-frame:after{inset:7px -8px -8px 8px}.home-portrait figcaption{padding-top:22px}.home-portrait figcaption>span:first-child{font-size:26px}.home-portrait figcaption>span:last-child{display:block;font-size:6px;letter-spacing:.1em}.home-shortcuts{grid-template-columns:1fr 1fr;gap:0 24px}.home-shortcuts>a{min-height:60px;font-size:12px;border-top:0}.home-shortcuts>a:nth-child(-n+2){border-top:1px solid var(--line)}.shortcut-number{display:inline;font-size:13px}.home-shortcuts svg{width:17px}.home-orientation{padding-block:65px 62px}.home-section-heading{display:block;margin-bottom:28px}.home-section-heading .caption{font-size:8px;margin-bottom:17px;letter-spacing:.12em}.home-section-heading h2{font-size:clamp(34px,9.3vw,48px);line-height:1.15}.home-section-heading>p,.home-section-heading>div:last-child:not(:first-child){max-width:100%;font-size:12px;margin-top:22px;line-height:1.8}.home-world-switch{gap:7px;padding-bottom:16px}.home-world-switch button{font-size:10px;padding:10px 15px;min-height:44px}.home-world-panel{display:block;min-height:280px}.home-world-panel>a{min-height:70px;font-size:13px;gap:16px;padding-block:15px}.home-world-panel>a>span{font-size:21px}.home-world-panel svg{width:18px}.home-orientation-end{align-items:flex-start;gap:20px;margin-top:20px}.home-orientation-end .text-link{font-size:10px;gap:10px}.home-orientation-end>span{font-size:14px;max-width:110px;text-align:right;padding-top:10px}.home-creations{padding-block:62px 38px}.creation-beats{flex-wrap:wrap;gap:0 20px;padding-block:10px 20px}.creation-beats button{font-size:11px;margin-right:0;gap:7px}.creation-beats button span{font-size:14px}.beat-invitation{width:100%;font-size:9px;margin-top:7px;margin-left:0}.home-product-grid{grid-template-columns:1fr;gap:35px}.home-object-stage{height:300px}.home-book-object{width:78%}.home-card-object{width:82%}.object-caption{font-size:16px;left:19px;bottom:16px}.object-open{font-size:9px;right:16px}.home-product-copy{padding-top:20px}.home-product-copy h3{font-size:33px}.home-product-copy .caption{font-size:8px}.home-product-copy>p:not(.caption){font-size:12px}.home-product-copy>div{display:flex;gap:10px 23px;margin-top:10px}.home-product-copy .text-link{font-size:11px}.subtle-link{font-size:9px}.home-scene-progress{margin-top:26px}.home-guides{padding-top:65px}.home-guide-grid{grid-template-columns:1fr;gap:30px}.home-guide-grid>article{display:grid;grid-template-columns:115px 1fr;column-gap:21px;align-content:center}.home-guide-art{grid-row:1/4;height:164px;padding:15px}.home-guide-art>img{max-width:100%;max-height:130px;box-shadow:5px 9px 12px #5d40371c}.home-guide-art>span{right:7px;bottom:7px;padding:5px}.home-guide-art>span>svg{width:14px;height:14px}.home-guide-grid .caption{font-size:8px;margin-top:0;align-self:end}.home-guide-grid h3{font-size:22px;margin-top:8px;align-self:start}.home-guide-grid article>p:last-child{font-size:10px;line-height:1.7;margin-top:7px;align-self:start}.home-more-guides{grid-template-columns:1fr;gap:0;margin-top:35px}.home-more-guides>a{padding-block:19px}.home-more-guides>a+a{border-top:0}.home-more-guides h3{font-size:18px}.home-guides>.care-note{font-size:10px;margin-top:25px}.home-about{padding-block:50px 55px;margin-top:25px}.home-about .caption{font-size:8px;margin-bottom:20px}.home-about-grid{grid-template-columns:1fr;gap:25px}.home-about-grid h2{font-size:clamp(33px,9vw,47px)}.home-about-grid p{font-size:12px;line-height:1.9}.home-about-grid .inline-actions{margin-top:20px;gap:25px}.home-about-grid .text-link{font-size:11px}}
@media(max-width:360px){.home-opening-actions{gap:13px}.home-opening-actions .button{font-size:11px;padding-inline:16px;gap:10px}.home-opening-actions .text-link{font-size:9px;gap:6px}.home-portrait-frame{height:310px}.home-kicker{font-size:7px}.home-shortcuts{column-gap:18px}.home-shortcuts>a{font-size:10px;gap:8px}.home-world-switch button{font-size:9px;padding-inline:12px}.home-object-stage{height:260px}.home-product-copy>div{gap:10px}.home-guide-grid>article{grid-template-columns:96px 1fr;gap:0 17px}.home-guide-art{height:155px}.home-guide-grid h3{font-size:20px}}
.reduced .home-book-object,.reduced .home-card-object{transform:none}.reduced .home-scene-progress{display:none}.reduced .home-opening-copy,.reduced .home-portrait{animation:none}
@media(prefers-reduced-motion:reduce){.home-book-object,.home-card-object{transform:none}.home-scene-progress{display:none}}

#signature[data-manual=true] .home-book-object,#signature[data-manual=true] .home-card-object{transition:transform 650ms var(--ease)}#signature[data-manual=true] .book-layer,#signature[data-manual=true] .cards-layer{transition:clip-path 650ms var(--ease)}
.reduced #signature *{transition:none!important}
/* The book opens as a leaf: opaque page planes, readable holds, no image blend. */
.home-book-object .physical-book{position:relative;z-index:3;transform-origin:left center;transform:perspective(1500px) rotateY(calc(var(--middle)*-105deg));backface-visibility:hidden}
.home-book-object .book-layer{clip-path:none;opacity:1;backface-visibility:hidden;transform-origin:left center;box-shadow:9px 16px 25px #5d403718}
.home-book-object .hug-layer{z-index:2;transform:perspective(1500px) rotateY(calc(var(--ending)*-105deg))}
.home-book-object .together-layer{z-index:1}
#signature[data-manual=true] .home-book-object .physical-book,#signature[data-manual=true] .home-book-object .hug-layer{transition:transform 760ms cubic-bezier(.35,0,.2,1)}
.reduced #signature[data-manual=true] .home-book-object .physical-book,.reduced #signature[data-manual=true] .home-book-object .hug-layer{transition:none}
@media(min-width:601px){.home-book-object{width:68%;max-width:430px}}

/* Real photograph sheets turn in sequence; each opaque plane keeps its own artwork. */
.home-card-object .cards-base{position:relative;z-index:3;transform-origin:left center;transform:perspective(1500px) rotateY(calc(var(--middle)*-105deg));backface-visibility:hidden;box-shadow:8px 13px 20px #5d403724}
.home-card-object .cards-layer{clip-path:none;opacity:1;backface-visibility:hidden;transform-origin:left center}
.home-card-object .box-layer{z-index:2;transform:perspective(1500px) rotateY(calc(var(--ending)*-105deg))}
.home-card-object .letters-layer{z-index:1}
#signature[data-manual=true] .home-card-object .cards-base,#signature[data-manual=true] .home-card-object .box-layer{transition:transform 760ms cubic-bezier(.35,0,.2,1)}