/* Marry3000 — personal story homepage. Loaded after theme.css. */
:root {--story-plum:#45243d;--story-berry:#9f2459;--story-coral:#ed6574;--story-peach:#ffb287;--story-pale:#fff3ec}
html {scroll-padding-top:100px}
body {padding-top:84px}
.site-header {position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 8px 25px rgba(69,36,61,.065);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.story-hero {padding:clamp(4rem,8vw,7rem) 0 5rem;overflow:hidden;background:radial-gradient(ellipse at 77% 27%,#ffe2df,transparent 50%),linear-gradient(160deg,#fff8f5,#fff2ed)}
.story-hero-grid {display:grid;grid-template-columns:1.14fr .86fr;align-items:center;gap:clamp(2rem,5vw,5rem)}
.story-intro h1 {max-width:760px;margin:1rem 0 1.7rem;font-family:Georgia,'Times New Roman',serif;letter-spacing:-.045em;line-height:1.09;font-weight:600}
.story-intro h1 em,.story-letter h2 em,.story-why h2 em,.story-meaning h2 em,.story-how h2 em,.story-launch h2 em {color:var(--story-berry);font-style:italic;font-weight:500}
.story-intro p {max-width:660px}.story-intro .story-lead{font-size:clamp(1.15rem,1.6vw,1.4rem);color:var(--story-plum);line-height:1.65}
.story-signoff {margin-top:1.5rem;font-size:.87rem;font-style:italic}
.story-art {min-height:470px;border-radius:240px 240px 25px 25px;padding:18px;background:linear-gradient(140deg,#ffb5a0,#ed6574 52%,#9f2459);box-shadow:0 30px 65px #9f24592a;transform:rotate(2deg)}
.story-art-inner {min-height:434px;height:100%;border:1px solid #ffffff9e;border-radius:225px 225px 15px 15px;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2.25rem;gap:.7rem}
.art-small {text-transform:uppercase;letter-spacing:.2em;font-size:.68rem;font-weight:700}.art-heart{font:8.5rem/.95 Georgia,serif;color:#fff9ed}.art-script{font:italic clamp(1.7rem,3.2vw,3rem)/1.2 Georgia,serif}.art-rule{height:1px;width:75px;background:#ffffffa8;margin:1.2rem}.art-end{font-size:.75rem;letter-spacing:.03em}
.story-narrow {max-width:790px}.story-letter {background:#fff}.story-letter h2,.story-why h2,.story-meaning h2,.story-how h2,.story-launch h2 {font-family:Georgia,'Times New Roman',serif;letter-spacing:-.03em;font-weight:600}
.story-letter p {font-size:1.11rem;line-height:1.95;margin-bottom:1.3rem}.story-letter blockquote {font:italic clamp(1.4rem,2.4vw,2rem)/1.48 Georgia,serif;color:var(--story-berry);padding:1rem 0 1rem 1.5rem;margin:2.1rem 0;border-left:3px solid var(--story-coral)}
.story-why {background:#fff0e9}.story-why-grid {display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,6rem)}.story-why-grid p {font-size:1.09rem;line-height:1.85}
.story-meaning {background:#fff}.centered{text-align:center}.story-meaning p{font-size:1.1rem;line-height:1.85}.meaning-mark{font:5rem Georgia,serif;color:var(--story-coral);line-height:1;margin-top:2rem}
.story-how {background:#fff9f5}.story-how .step {border-top:4px solid var(--story-coral)}
.story-launch{background:linear-gradient(125deg,#ffe2d6,#ffe9e7 52%,#f9e2f0)}.story-launch h2{max-width:760px}
.site-footer {background:var(--story-plum)}
@media(max-width:860px){.story-hero-grid,.story-why-grid{grid-template-columns:1fr}.story-art{max-width:420px;width:85%;margin:auto;min-height:370px}.story-art-inner{min-height:334px}.art-heart{font-size:6rem}.story-hero{padding-top:3.5rem}}
@media(max-width:460px){body{padding-top:74px}html{scroll-padding-top:88px}.story-art{width:94%;min-height:340px}.story-art-inner{min-height:304px}.art-script{font-size:2rem}.story-letter p{font-size:1.04rem}.story-hero{padding-bottom:3.5rem}.story-intro h1{font-size:clamp(2.5rem,12vw,3.7rem)}}
@media(prefers-reduced-motion:reduce){.story-art{transform:none}}

/* ==============================================
   MARRY3000 — FLOATING LOVE LETTER HERO
   Replaces the original arch silhouette
   ============================================== */

.story-art {
    position: relative;
    min-height: 440px;
    padding: 16px;
    border-radius: 32px;
    background: linear-gradient(
        135deg,
        #ffad9c 0%,
        #ed6574 45%,
        #9f2459 100%
    );
    box-shadow:
        0 28px 65px rgba(159, 36, 89, .18),
        0 8px 20px rgba(69, 36, 61, .08);
    transform: rotate(-3deg);
    transition: transform .4s ease, box-shadow .4s ease;
}

.story-art:hover {
    transform: rotate(0deg) translateY(-6px);
    box-shadow: 0 35px 75px rgba(159, 36, 89, .22);
}

.story-art-inner {
    min-height: 408px;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, .65);
    border-radius: 22px;
    padding: 2.5rem 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: .85rem;
}

.story-art .art-heart {
    font-size: 6rem;
    line-height: 1;
}

.story-art .art-script {
    font-size: clamp(2rem, 3.5vw, 3.2rem);
    line-height: 1.2;
    max-width: 380px;
}

@media (max-width: 860px) {
    .story-art {
        min-height: 360px;
        max-width: 440px;
        width: 90%;
    }

    .story-art-inner {
        min-height: 328px;
    }
}

@media (max-width: 460px) {
    .story-art {
        width: 94%;
        min-height: 330px;
        border-radius: 26px;
    }

    .story-art-inner {
        min-height: 298px;
        border-radius: 18px;
    }

    .story-art .art-script {
        font-size: 2rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .story-art {
        transform: none;
        transition: none;
    }

    .story-art:hover {
        transform: none;
    }
}