/*
Theme Name: andafa-darling-personal-story
Text Domain: andafa-story
Description: A cinematic personal-brand homepage for Andafa Darling.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/
:root{--ink:#0a0a0a;--paper:#f3eee4;--paper-2:#e9e1d3;--gold:#d9a441;--gold-light:#f0cf83;--muted:#a5a095;--line:rgba(255,255,255,.14);--serif:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:#f7f3eb;font-family:var(--sans);font-size:16px;line-height:1.6;overflow-x:hidden}
a{color:inherit}
.shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:10px;z-index:1000;background:#fff;color:#000;padding:10px 16px}.skip-link:focus{left:10px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:fixed;inset:0 0 auto;z-index:100;padding:18px 0;transition:.35s;background:linear-gradient(to bottom,rgba(10,10,10,.78),transparent)}
.site-header.scrolled{background:rgba(10,10,10,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:12px 0}
.nav-shell{display:flex;align-items:center;justify-content:space-between}
.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;letter-spacing:.02em}
.wordmark-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold);color:var(--gold-light);font-family:var(--serif);font-style:italic}
.wordmark-name{font-size:.92rem}
.site-nav{display:flex;align-items:center;gap:28px}.site-nav a{text-decoration:none;font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;color:#d4d0c7;transition:.2s}.site-nav a:hover{color:var(--gold-light)}
.site-nav .nav-cta{border:1px solid #5e574b;padding:10px 16px;color:#fff}
.nav-toggle{display:none;background:none;border:0;padding:8px}.nav-toggle span:not(.sr-only){display:block;width:25px;height:1px;background:#fff;margin:5px}
.eyebrow{margin:0 0 22px;color:var(--gold-light);font-size:.7rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.eyebrow>span{display:inline-block;width:38px;height:1px;background:var(--gold);vertical-align:middle;margin-right:12px}
.hero{min-height:100svh;position:relative;overflow:hidden;display:grid;align-items:center;padding:120px 0 70px;background:radial-gradient(circle at 74% 42%,#32291d 0,transparent 32%),linear-gradient(120deg,#090909 0,#11100e 58%,#17130e 100%)}
.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent)}
.hero-glow{position:absolute;border-radius:50%;filter:blur(1px);opacity:.5}.hero-glow-one{width:460px;height:460px;right:-160px;top:10%;border:1px solid rgba(217,164,65,.22)}.hero-glow-two{width:680px;height:680px;right:-280px;top:-4%;border:1px solid rgba(217,164,65,.1)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .8fr;gap:8vw;align-items:center}
.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(4.4rem,9.2vw,8.8rem);line-height:.74;letter-spacing:-.065em;margin:0 0 38px}.hero h1 em{font-weight:400;color:var(--gold-light);padding-left:.34em}
.hero-lede{font-family:var(--serif);font-size:clamp(1.2rem,2vw,1.65rem);max-width:610px;color:#c9c3b8;line-height:1.45}
.hero-actions{display:flex;align-items:center;gap:32px;margin-top:38px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;text-decoration:none;padding:16px 20px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;transition:.25s}.button:hover{transform:translateY(-2px)}.button-gold{background:var(--gold);color:#0a0a0a}.button-light{background:#f7f2e8;color:#0a0a0a}
.text-link{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #625d54;padding-bottom:6px}
.portrait-frame{position:relative;aspect-ratio:4/5;border:1px solid rgba(217,164,65,.35);padding:13px;transform:rotate(1deg)}
.portrait-placeholder{height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#30281d,#13110e 70%);border:1px solid rgba(255,255,255,.06)}
.portrait-placeholder:before{content:"";position:absolute;width:82%;aspect-ratio:1;border:1px solid rgba(217,164,65,.18);border-radius:50%}.portrait-placeholder:after{content:"";position:absolute;width:55%;height:120%;transform:rotate(28deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}
.portrait-initials{font-family:var(--serif);font-size:clamp(5rem,10vw,9rem);line-height:1;color:transparent;-webkit-text-stroke:1px var(--gold-light);font-style:italic;z-index:1}.portrait-line{height:1px;width:60px;background:var(--gold);margin:15px;z-index:1}.portrait-placeholder p{font-size:.66rem;letter-spacing:.32em;text-transform:uppercase;z-index:1;color:#cfc6b6}
.hero-seal{position:absolute;right:-45px;bottom:55px;width:144px;height:144px;border-radius:50%;background:#0d0d0c;border:1px solid var(--gold);box-shadow:0 0 0 8px #0d0d0c,0 0 0 9px rgba(217,164,65,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3px;transform:rotate(8deg);font-size:.48rem;letter-spacing:.18em;color:var(--gold-light)}.hero-seal strong{font-size:1.15rem}
.portrait-caption{font-family:var(--serif);font-style:italic;color:#a9a296;font-size:.9rem;text-align:center}
.hero-index{position:absolute;z-index:2;left:24px;bottom:24px;font-size:.58rem;letter-spacing:.22em;color:#79746b}.hero-index span{display:inline-block;width:34px;height:1px;background:#5e584e;vertical-align:middle;margin:0 10px}
.section{padding:130px 0}.statement{background:var(--gold);color:#0b0b0b;padding:85px 0}.statement-grid{display:grid;grid-template-columns:.38fr 1fr;gap:50px}.section-number{font-size:.65rem;letter-spacing:.2em;font-weight:800}.statement blockquote{margin:0;font-family:var(--serif);font-size:clamp(2rem,4.3vw,4.25rem);line-height:1.08;letter-spacing:-.035em}.statement blockquote em{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.story{background:var(--paper);color:#161513}.split-grid{display:grid;grid-template-columns:.9fr 1fr;gap:11vw}.section-heading h2,.section-intro h2,.craft-title h2,.life-card h2,.manifesto h2{font-family:var(--serif);font-size:clamp(3rem,6.3vw,6.3rem);font-weight:400;letter-spacing:-.055em;line-height:.92;margin:0}.section-heading h2 em,.section-intro h2 em,.craft-title h2 em,.manifesto h2 em{color:#9a6d20;font-weight:400}.story-copy{padding-top:55px}.story-copy p{color:#59544c;max-width:650px}.story-copy .lead{font-family:var(--serif);font-size:1.75rem;line-height:1.4;color:#171512}.signature{border-top:1px solid #cfc5b5;margin-top:38px;padding-top:28px;display:flex;flex-direction:column}.signature span{font-family:var(--serif);font-size:2.2rem;font-style:italic}.signature small{color:#81796e;letter-spacing:.08em}
.convictions{background:#10100f}.section-intro{display:grid;grid-template-columns:.3fr 1fr .45fr;align-items:end;gap:40px;margin-bottom:70px}.section-intro .eyebrow{align-self:start}.section-intro>p:last-child{color:#8e897f;border-left:1px solid var(--gold);padding-left:24px}.pillar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#38352f;border:1px solid #38352f}.pillar{grid-column:span 2;background:#151513;padding:45px 34px;min-height:330px;transition:.3s}.pillar:nth-child(4){grid-column:2/span 2}.pillar:hover{background:#1d1b17;transform:translateY(-4px)}.pillar span{font-size:.62rem;color:var(--gold);letter-spacing:.2em}.pillar h3{font-family:var(--serif);font-size:2.3rem;font-weight:400;margin:55px 0 16px}.pillar p{color:#99948a;font-size:.91rem}.pillar:before{content:"";display:block;width:1px;height:30px;background:#564c38;float:right}
.craft{background:var(--paper-2);color:#151411}.craft-grid{display:grid;grid-template-columns:.75fr 1fr;gap:8vw}.craft-title{position:sticky;top:120px;align-self:start}.craft-list{border-top:1px solid #bcb2a1}.craft-row{display:grid;grid-template-columns:.8fr 1.2fr auto;gap:30px;align-items:center;padding:28px 0;border-bottom:1px solid #bcb2a1}.craft-row span{font-family:var(--serif);font-size:1.45rem}.craft-row p{margin:0;color:#696257;font-size:.9rem}.craft-row b{color:#9a6d20}
.life{background:#0b0b0b}.life-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:18px}.life-card{min-height:520px;padding:44px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative}.life-quote{background:linear-gradient(145deg,#1d1b18,#0f0f0e);border:1px solid #2d2a25}.life-quote p:last-child{color:#8e897f;font-family:var(--serif);font-style:italic}.family-card{background:var(--gold);color:#111}.family-card:before{content:"FAMILY";position:absolute;right:-28px;top:35px;font-size:5rem;font-weight:900;color:rgba(0,0,0,.08);transform:rotate(90deg)}.family-card h3{font-family:var(--serif);font-size:3.2rem;line-height:.9;margin:15px 0 35px}.family-card p{font-size:.9rem}.curiosity-card{background:#171714;border:1px solid #39352c}.card-kicker{font-size:.62rem;letter-spacing:.2em;font-weight:800;position:absolute;top:35px}.orbit{position:absolute;inset:70px 25px auto;height:250px;border:1px solid #5e513a;border-radius:50%;animation:drift 14s ease-in-out infinite}.orbit:after{content:"✦";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--gold);font-size:2rem}.orbit span{position:absolute;font-size:.55rem;letter-spacing:.16em;color:var(--gold-light)}.orbit span:nth-child(1){left:43%;top:-8px}.orbit span:nth-child(2){right:-12px;top:46%}.orbit span:nth-child(3){left:38%;bottom:-8px}.orbit span:nth-child(4){left:-22px;top:46%}.orbit span:nth-child(5){right:8%;top:12%}.curiosity-card p{color:#a19b90;font-size:.9rem}
.manifesto{background:var(--gold);color:#0a0a0a;text-align:center}.manifesto-inner{max-width:1000px}.manifesto .eyebrow{color:#59431c}.manifesto h2{font-size:clamp(3.5rem,7vw,7.2rem)}.manifesto h2 em{color:#fff5df}.manifesto-inner>p:not(.eyebrow){max-width:700px;margin:38px auto;font-family:var(--serif);font-size:1.3rem}.manifesto .button{margin-top:20px}
.site-footer{padding:90px 0 28px;background:#080808}.footer-grid{display:grid;grid-template-columns:1fr .4fr;gap:50px}.footer-grid h2{font-family:var(--serif);font-weight:400;font-size:clamp(2.5rem,5vw,5rem);line-height:1;margin:0}.footer-note{align-self:end;color:#8c877e;font-size:.8rem}.footer-bottom{margin-top:80px;padding-top:22px;border-top:1px solid #272521;display:flex;justify-content:space-between;color:#777269;font-size:.7rem;letter-spacing:.1em}.footer-bottom a{text-decoration:none}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.reveal[data-delay="1"]{transition-delay:.12s}.reveal[data-delay="2"]{transition-delay:.24s}
@keyframes drift{50%{transform:rotate(3deg) scale(1.02)}}
@media(max-width:900px){.site-nav{position:fixed;inset:70px 18px auto;background:#141311;border:1px solid #37332c;padding:26px;flex-direction:column;align-items:flex-start;opacity:0;pointer-events:none;transform:translateY(-10px);transition:.25s}.site-nav.open{opacity:1;pointer-events:auto;transform:none}.nav-toggle{display:block}.hero-grid,.split-grid,.statement-grid,.craft-grid,.footer-grid{grid-template-columns:1fr}.hero{padding-top:130px}.hero-copy{order:1}.hero-portrait{width:min(80%,480px);margin:auto}.hero h1{font-size:clamp(4rem,18vw,7rem)}.section-intro{grid-template-columns:1fr}.pillar{grid-column:span 3}.pillar:nth-child(4){grid-column:span 3}.craft-title{position:static}.life-grid{grid-template-columns:1fr 1fr}.life-quote{grid-column:span 2}.section{padding:95px 0}}
@media(max-width:620px){.shell{width:min(100% - 32px,1240px)}.wordmark-name{display:none}.hero{min-height:auto}.hero h1{font-size:21vw}.hero-lede{font-size:1.12rem}.hero-actions{align-items:flex-start;flex-direction:column}.hero-seal{width:112px;height:112px;right:-18px;font-size:.4rem}.statement{padding:65px 0}.statement-grid{gap:20px}.pillar-grid{display:block;background:none;border:0}.pillar{min-height:0;border-bottom:1px solid #38352f}.craft-row{grid-template-columns:1fr auto}.craft-row p{grid-column:1/-1}.life-grid{display:block}.life-card{min-height:460px;margin-bottom:16px}.footer-bottom{gap:20px;align-items:flex-start;flex-direction:column}.section{padding:78px 0}}
.portrait-placeholder.has-image{display:block;background:#17130f}
.portrait-placeholder.has-image:before,.portrait-placeholder.has-image:after{display:none}
.portrait-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:saturate(.82) contrast(1.04)}
.portrait-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,8,5,.35),transparent 42%);pointer-events:none}
.image-story{background:var(--paper);color:#151411;padding:0 0 130px}
.image-story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}
.image-story-main{margin:0;aspect-ratio:4/5;overflow:hidden;border:12px solid #ded4c5;box-shadow:0 30px 80px rgba(36,29,19,.16)}
.image-story-main img,.image-story-speaking img{width:100%;height:100%;display:block;object-fit:cover}
.image-story-copy h2{font-family:var(--serif);font-size:clamp(2.8rem,5.3vw,5.4rem);font-weight:400;letter-spacing:-.05em;line-height:.95;margin:0 0 25px}
.image-story-copy h2 em{font-weight:400;color:#9a6d20}
.image-story-copy>p:not(.eyebrow){color:#665f55;max-width:560px}
.image-story-speaking{width:56%;aspect-ratio:2/3;margin:55px 0 0 auto;overflow:hidden;box-shadow:0 24px 55px rgba(36,29,19,.18)}
.family-card.has-photo{background:linear-gradient(to top,rgba(7,7,7,.92) 0,rgba(7,7,7,.3) 72%),var(--family-image) center/cover no-repeat;color:#fff}
.family-card.has-photo p{color:#ded8ce}.family-card.has-photo:before{color:rgba(255,255,255,.16)}
@media(max-width:900px){.image-story-grid{grid-template-columns:1fr}.image-story-main{width:min(82%,560px)}}
@media(max-width:620px){.image-story{padding-bottom:78px}.image-story-main{width:100%}.image-story-speaking{width:72%;margin-top:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.orbit{animation:none}}
/* Native block-theme compatibility: content remains editable while the visual system stays intact. */
.wp-site-blocks{padding:0}.wp-site-blocks>*{margin-block-start:0}
.wp-block-post-content{margin:0}.wp-block-post-content>.wp-block-group{margin-block-start:0}
.wp-block-group.shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.site-header .wp-block-group,.site-footer .wp-block-group{margin-block-start:0}
.wordmark p,.site-nav p,.footer-bottom p,.hero-seal p,.orbit p{margin:0}
.wordmark a,.site-nav a{text-decoration:none}
.site-nav .nav-cta{margin:0}.site-nav .nav-cta a{color:#fff}
.eyebrow:before{content:"";display:inline-block;width:38px;height:1px;background:var(--gold);vertical-align:middle;margin-right:12px}
.hero-grid>.wp-block-group{margin-block-start:0}
.hero h1.wp-block-heading{font-family:var(--serif);font-weight:400}
.hero-buttons{display:block;margin:0}.hero-buttons .wp-block-button{display:block}
.wp-block-button.button-gold .wp-block-button__link,.wp-block-button.button-light .wp-block-button__link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border-radius:0;padding:16px 20px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;text-decoration:none;transition:.25s}
.wp-block-button.button-gold .wp-block-button__link{background:var(--gold);color:#0a0a0a}
.wp-block-button.button-light .wp-block-button__link{background:#f7f2e8;color:#0a0a0a}
.wp-block-button.button-gold .wp-block-button__link:hover,.wp-block-button.button-light .wp-block-button__link:hover{transform:translateY(-2px)}
.text-link{margin:0}.text-link a{text-decoration:none}
.portrait-frame .portrait-image{margin:0;width:100%;height:100%;overflow:hidden}
.portrait-frame .portrait-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:saturate(.82) contrast(1.04)}
.hero-seal .seal-star{font-size:1.15rem;font-weight:700}
.statement-quote p{margin:0;font-family:var(--serif);font-size:clamp(2rem,4.3vw,4.25rem);line-height:1.08;letter-spacing:-.035em}
.statement-quote em{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.signature p{margin:0}.signature .signature-name{font-family:var(--serif);font-size:2.2rem;font-style:italic}.signature .signature-note{color:#81796e;letter-spacing:.08em;font-size:.82rem}
.pillar .pillar-number{font-size:.62rem;color:var(--gold);letter-spacing:.2em}
.craft-row h3{font-family:var(--serif);font-size:1.45rem;font-weight:400;margin:0}.craft-row .craft-arrow{color:#9a6d20;font-weight:700}
.family-card.has-photo{background:linear-gradient(to top,rgba(7,7,7,.92) 0,rgba(7,7,7,.3) 72%),url('https://andafadarling.com/wp-content/uploads/2026/09/file_0000000092f0724684353a74673befcf.png') center/cover no-repeat;color:#fff}
.orbit p{position:absolute;font-size:.55rem;letter-spacing:.16em;color:var(--gold-light)}
.orbit p:nth-child(1){left:43%;top:-8px}.orbit p:nth-child(2){right:-12px;top:46%}.orbit p:nth-child(3){left:38%;bottom:-8px}.orbit p:nth-child(4){left:-22px;top:46%}.orbit p:nth-child(5){right:8%;top:12%}
.manifesto .hero-buttons{margin-top:20px}
.standard-page{padding:140px 24px 90px;min-height:70vh}
.editor-styles-wrapper .reveal{opacity:1!important;transform:none!important}
@media(max-width:620px){.wp-block-group.shell{width:min(100% - 32px,1240px)}}