/* Hammy & the Strawberry — an independent, static, no-tracking preview. */
:root{--navy:#253755;--ink:#34425a;--muted:#65728a;--rose:#b86b5c;--lav:#f3f0fa;--lav2:#ede8f9;--rosewash:#fff4ef;--line:#e9e7ec;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;color:var(--navy);background:#fff;font-family:Georgia,'Times New Roman',serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{display:block;max-width:100%;height:auto}.wrap{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.skip-link{position:absolute;top:-60px;left:8px;padding:8px;background:#fff;z-index:99}.skip-link:focus{top:8px}.notice{height:38px;background:#f4f1f9;display:flex;align-items:center;justify-content:center;gap:17px;text-align:center;color:#59617b;font:600 11px/1.2 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}.notice .sparkle{color:#c59b93;font-size:15px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:36px;height:100px}.wordmark{display:flex;flex-direction:column;flex-shrink:0;line-height:1;color:var(--rose);font-weight:700;letter-spacing:-.055em}.wordmark>span{font-size:36px}.wordmark small{font-size:14px;letter-spacing:-.015em;margin-left:12px;margin-top:-1px;color:var(--navy);font-weight:400}.site-header nav{display:flex;align-items:center;gap:37px;font:500 12px/1.3 system-ui,sans-serif;color:#4e5569}.site-header nav a:hover{text-decoration:underline;text-underline-offset:4px}.nav-contact{color:var(--rose)!important;font-weight:700!important}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;min-height:680px;gap:45px;padding-block:30px 74px}.hero-copy{position:relative;z-index:2}.eyebrow,.section-label{font:700 11px/1.4 system-ui,sans-serif;color:#aa796f;letter-spacing:.18em}.eyebrow{display:flex;align-items:center;gap:11px}.eyebrow-dot{display:inline-block;width:6px;height:6px;background:#d6a49a;border-radius:50%}h1,h2,p{margin-top:0}h1{font-size:clamp(56px,5.75vw,89px);line-height:1.075;letter-spacing:-.065em;font-weight:400;margin:26px 0 24px}h1 em,h2 em{font-style:italic;color:var(--rose);font-weight:400}.hero-copy>p{font-size:19px;line-height:1.68;color:#444b5f;max-width:480px;margin-bottom:11px}.hero-copy>p.soft{color:#7b8290;font-size:16px;line-height:1.8}.hero-copy strong{color:var(--rose);font-weight:500}.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:16px 23px;border-radius:100px;font:600 12px/1.3 system-ui,sans-serif;letter-spacing:.03em;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px)}.primary{background:var(--navy);color:white;box-shadow:0 9px 23px rgba(37,55,85,.13)}.subtle{background:#f7f5fa;color:var(--navy)}.hero-copy .micro{margin:18px 0 0;font:400 11px/1.5 system-ui,sans-serif;color:#9a9ba5}.hero-visual{position:relative;display:grid;place-items:center;min-width:0}.cloudwash{position:absolute;width:118%;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse,#f4effd 15%,#f8f4ff 45%,#fff 76%);filter:blur(3px);z-index:0}.cover-shell{position:relative;width:min(100%,470px);padding:13px;background:#fff;border-radius:4px;box-shadow:0 24px 70px rgba(56,51,78,.14),0 4px 12px rgba(56,51,78,.06);transform:rotate(2deg);z-index:1}.cover-shell img{width:100%}.cover-tag{position:absolute;z-index:2;bottom:4%;left:0;background:#fff;padding:16px 25px;color:var(--rose);font:700 11px/1.2 system-ui,sans-serif;letter-spacing:.16em;border:1px solid #f2e8e6;box-shadow:0 9px 28px rgba(42,40,62,.08);transform:rotate(-5deg)}.cover-tag i{font-style:normal;margin-left:14px}.hero-star{position:absolute;color:#e1bcc7;font-size:38px;z-index:3}.star-one{top:3%;right:0}.star-two{bottom:5%;right:7%;font-size:50px}.band{background:#f6f4fb;border-block:1px solid #f1edf8}.band-row{min-height:83px;display:flex;align-items:center;justify-content:space-evenly;gap:18px;color:#7d718a;font:500 13px/1.3 system-ui,sans-serif;letter-spacing:.06em}.band-row span:nth-child(even){color:#cca6a6}.book-section{padding-block:119px 115px}.section-label{margin-bottom:45px}.book-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%}.book-art{background:radial-gradient(ellipse at center,#f5eff9,white 71%);padding:22px 0}.book-art img{width:100%}.book-copy .small-pill{display:inline-flex;padding:8px 14px;border-radius:20px;background:#f8eff0;color:#b67670;font:600 11px system-ui,sans-serif;letter-spacing:.05em}.book-copy h2,.character-copy h2,.origin h2,.endcap h2{font-weight:400;letter-spacing:-.057em;line-height:1.15;font-size:clamp(38px,4vw,60px);margin:21px 0 24px}.book-copy p,.character-copy p,.origin-copy p{font-size:17px;line-height:1.85;color:#646b7c;max-width:475px}.soon-card{display:flex;gap:19px;align-items:flex-start;padding:21px 25px;border:1px solid #e7e3ee;border-radius:12px;background:#fcfbfe;margin-top:31px}.soon-icon{display:grid;place-items:center;width:38px;height:38px;background:#f0e8f5;color:#b87e94;border-radius:50%;font-size:24px;flex-shrink:0}.soon-card strong{display:block;color:var(--navy);font:700 14px system-ui,sans-serif;margin-bottom:6px}.soon-card span:not(.soon-icon){font:400 12px/1.65 system-ui,sans-serif;color:#8d8e9b}.character-section{background:#fcfaff;border-block:1px solid #f3f0f8}.character-grid{padding-block:110px;display:grid;grid-template-columns:1fr 1.03fr;gap:6%;align-items:center}.character-copy h2{margin-top:0}.character-copy .smaller{font-size:14px;max-width:380px}.character-art{background:radial-gradient(ellipse at center,#eeebf8,transparent 74%);border-radius:50%}.character-art img{width:100%}.origin{padding-block:128px 132px}.origin-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:10%}.origin-title h2{margin-top:0}.little-berries{color:#dcb5b2;letter-spacing:20px;font-size:26px}.origin-copy p{font-size:18px;max-width:540px}.origin-sig{margin-top:25px!important;font-style:italic;color:#a97975!important}.origin-sig span{color:var(--navy)}.endcap{background:#ece7f6;color:var(--navy);text-align:center}.endcap-inner{padding-block:85px 90px}.endcap-sparkle{color:#ceaaa6;font-size:34px}.endcap h2{margin:10px 0 20px}.endcap p{font-size:15px;color:#66657e;line-height:1.75;margin-bottom:28px}.button.white{background:white;color:var(--navy);box-shadow:0 5px 15px rgba(50,40,70,.05)}.footer{padding-block:39px 50px;display:flex;align-items:center;justify-content:space-between;gap:22px}.footer .wordmark>span{font-size:27px}.footer .wordmark small{font-size:11px}.footer p{font:400 11px/1.6 system-ui,sans-serif;color:#8e909c;margin:0}
@media(max-width:900px){.wrap{width:min(calc(100% - 42px),var(--max))}.site-header nav{gap:16px}.hero{gap:20px;min-height:600px}h1{font-size:clamp(46px,6vw,68px)}.hero-copy>p{font-size:16px}.hero-copy>p.soft{font-size:14px}.book-section,.origin{padding-block:85px}.character-grid{padding-block:85px}.book-grid{gap:3%}}
@media(max-width:660px){.notice{font-size:9px;padding-inline:10px;gap:9px}.site-header{height:84px;align-items:flex-start;padding-top:20px;flex-direction:column;gap:12px}.wordmark>span{font-size:30px}.wordmark small{font-size:12px}.site-header nav{gap:16px;font-size:10px;justify-content:flex-start;width:100%;overflow:auto;white-space:nowrap}.site-header nav .nav-contact{display:none}.hero{grid-template-columns:1fr;min-height:0;padding-top:57px;padding-bottom:76px;gap:45px}.hero h1{font-size:clamp(51px,11vw,66px)}.hero-copy>p{font-size:16px}.hero-copy>p.soft{font-size:14px}.hero-visual{padding-inline:15px}.cover-shell{width:min(84%,365px)}.cover-tag{left:1%;bottom:1%}.band-row{font-size:10px;flex-wrap:wrap;justify-content:center;gap:11px;padding-block:17px;min-height:73px}.book-grid,.character-grid,.origin-grid{grid-template-columns:1fr}.book-section{padding-block:78px 83px}.book-section .section-label{margin-bottom:5px}.book-art{order:2;margin-top:35px}.book-copy{order:1}.character-grid{padding-block:73px}.character-art{margin-top:10px}.origin{padding-block:80px}.origin h2{margin-bottom:10px}.origin-grid{gap:17px}.origin-copy p{font-size:16px}.endcap-inner{padding-block:65px}.footer{display:block;text-align:center}.footer .wordmark{align-items:center;margin-bottom:20px}.footer p{margin:8px auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

/* The Family Behind Hammy — real family photo, same gentle book styling. */
.family-section{background:#fff;border-top:1px solid #f3f0f8}
.family-grid{padding-block:112px 122px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);gap:7.5%;align-items:start}
.family-photo-wrap{position:relative;padding:22px 22px 0 0;margin-top:43px;background:radial-gradient(ellipse at 46% 49%,#f3effa 0%,#faf7fd 48%,#fff 72%)}
.family-photo{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:18px;box-shadow:0 20px 52px rgba(50,45,75,.1);border:8px solid #fff}
.family-photo-caption{position:relative;margin:16px 0 0;text-align:center;color:#aa796f;font:italic 16px Georgia,'Times New Roman',serif}
.family-photo-caption span{color:#c78f8b;margin-left:6px}
.family-copy .section-label{margin-bottom:28px}
.family-copy h2{font-weight:400;letter-spacing:-.057em;line-height:1.15;font-size:clamp(38px,3.7vw,56px);margin:0 0 23px}
.family-copy h2 em{font-style:italic;color:var(--rose);font-weight:400}
.family-copy p{font-size:16px;line-height:1.82;color:#626a7b;max-width:590px;margin:0 0 17px}
.family-copy p:first-of-type{color:var(--navy);font-size:18px}
.family-copy a{color:#9f584e;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#d8a6a0;font-weight:600}
.family-copy a:hover{color:#743e38;text-decoration-color:#743e38}
.family-copy a:focus-visible{outline:2px solid #ab796e;outline-offset:3px;border-radius:2px}
.family-copy .family-signoff{font-style:italic;color:#a37975;margin-top:23px}
.family-signoff span{color:#bd8a93}
@media(max-width:900px){.family-grid{gap:5%;padding-block:85px 95px}.family-copy p{font-size:15px}}
@media(max-width:720px){.family-grid{grid-template-columns:1fr;gap:25px;padding-block:75px 80px}.family-photo-wrap{max-width:500px;margin:0 auto;padding:15px 15px 0 0}.family-copy{order:2}.family-copy h2{font-size:clamp(38px,8.5vw,52px)}.family-copy p{font-size:16px}.family-copy .section-label{margin-bottom:19px}}