:root{
  --bg:#f3ece6; --paper:#faf6f2; --sand:#e9ddd4; --ink:#2b2220; --muted:#7b6a63;
  --rose:#b98e84; --cover:#2a211f; --cover-fg:#f6eee8; --line:#dccbc0;
  --display:"Cormorant Garamond","Cormorant",Georgia,"Times New Roman",serif;
  --body:"Jost","Avenir Next","Segoe UI",system-ui,sans-serif;
  --script:"Mrs Saint Delafield","Brush Script MT",cursive;
  --hero:url("assets/hero.jpg");
  --portrait:url("assets/portrait.jpg");
  --v1:url("assets/v1.jpg");
  --v2:url("assets/v2.jpg");
  --v3:url("assets/v3.jpg");
  --v4:url("assets/v4.jpg");
  --v5:url("assets/v5.jpg");
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#1d1715; --paper:#261e1b; --sand:#33292499; --ink:#f1e7e0; --muted:#b5a49b;
  --rose:#d2a79b; --cover:#120e0d; --cover-fg:#f6eee8; --line:#3d322d; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#1d1715; --paper:#261e1b; --sand:#33292499; --ink:#f1e7e0; --muted:#b5a49b;
  --rose:#d2a79b; --cover:#120e0d; --cover-fg:#f6eee8; --line:#3d322d; color-scheme:dark}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-weight:300;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--display);font-weight:400;margin:0;text-wrap:balance;letter-spacing:.02em}
p{margin:0}
a{color:inherit}
:focus-visible{outline:2px solid var(--rose);outline-offset:3px}

.wrap{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.eyebrow{font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:400}
.script{font-family:var(--script);font-weight:400;line-height:1}


.cover{background:var(--cover);color:var(--cover-fg)}
.cover .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,5vw,72px);align-items:center;padding-block:clamp(40px,7vw,88px)}
.cover h1{font-size:clamp(3.2rem,9vw,6.6rem);line-height:.92;text-transform:uppercase;letter-spacing:.04em}
.cover .role{margin-top:22px;letter-spacing:.24em;text-transform:uppercase;font-size:.85rem;line-height:1.9;color:#d9c8be}
.cover .script{font-size:clamp(2.2rem,4.6vw,3.2rem);color:#e2c6bb;margin-top:28px;transform:rotate(-6deg);transform-origin:left;display:block}
.cover-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:40px}
.socials{display:flex;gap:10px}
.socials a{width:42px;height:42px;border-radius:50%;border:1px solid #ffffff33;display:grid;place-items:center;transition:background .2s}
.socials a:hover{background:#ffffff14}
.socials svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.6}
.pill{border:1px solid #ffffff55;border-radius:999px;padding:8px 20px;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase}
.cover-photo{aspect-ratio:4/5;max-width:100%;border-radius:220px 220px 6px 6px;background:var(--hero) center 30%/cover;box-shadow:0 30px 60px -30px #000}

.sheet{padding-block:clamp(56px,8vw,104px)}
.sheet+.sheet{border-top:1px solid var(--line)}
.alt{background:var(--paper)}
.head{display:flex;flex-direction:column;gap:10px;margin-bottom:clamp(28px,4vw,48px);max-width:640px}
.head h2{font-size:clamp(2.1rem,4.6vw,3.2rem);line-height:1.05;text-transform:uppercase}
.head p{color:var(--muted)}
.head p.updated{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}

.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,6vw,80px);align-items:center}
.portrait{aspect-ratio:1;max-width:100%;border-radius:50%;background:var(--portrait) center/cover;border:10px solid var(--paper);box-shadow:0 0 0 1px var(--line)}
.about-text{display:flex;flex-direction:column;gap:18px;min-width:0}
.about-text .lead{font-size:1.12rem;color:var(--ink);max-width:58ch}
.about-text .sub{color:var(--muted);max-width:58ch}
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:8px}
.value{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:.8rem;color:var(--muted)}
.value svg{width:30px;height:30px;stroke:var(--rose);fill:none;stroke-width:1.2}
.quote{margin-top:10px;background:var(--sand);border-radius:6px;padding:22px 26px;font-family:var(--display);font-style:italic;font-size:1.45rem;line-height:1.35}
.quote::before{content:"“";display:block;font-size:3rem;line-height:.6;color:var(--rose);font-style:normal}

.platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.plat{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:26px;display:flex;flex-direction:column;gap:20px}
.alt .plat{background:var(--bg)}
.plat-top{display:flex;align-items:center;gap:14px}
.plat-ico{width:46px;height:46px;border-radius:50%;background:var(--ink);color:var(--bg);display:grid;place-items:center;flex:none}
.plat-ico svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.6}
.plat-name{font-weight:500}
.plat-handle{font-size:.85rem;color:var(--muted)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px;border-top:1px solid var(--line);padding-top:18px}
.stat b{display:block;font-family:var(--display);font-weight:500;font-size:2rem;line-height:1;font-variant-numeric:tabular-nums}
.stat span{font-size:.74rem;color:var(--muted);letter-spacing:.06em}
.audience{margin-top:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;background:var(--sand);border-radius:6px;padding:22px 26px}
.aud b{display:block;font-family:var(--display);font-size:1.6rem;font-weight:500;line-height:1.1}
.aud span{font-size:.8rem;color:var(--muted)}

.best{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.reel{display:flex;flex-direction:column;gap:12px;text-decoration:none}.reel:hover .reel-img{transform:translateY(-3px)}
.reel-img{position:relative;aspect-ratio:9/14;max-width:100%;border-radius:6px;background:var(--img) center/cover;overflow:hidden;transition:transform .25s}
.reel-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 45%,#000a)}
.reel-img .t{position:absolute;left:16px;right:16px;top:18px;z-index:1;color:#fff;font-family:var(--display);font-size:1.5rem;line-height:1.1;text-shadow:0 1px 10px #0006}
.reel-img .v{position:absolute;left:16px;bottom:14px;z-index:1;color:#fff;font-weight:500;display:flex;gap:6px;align-items:center;font-variant-numeric:tabular-nums}
.reel-img .v svg{width:13px;height:13px;fill:#fff}
.reel p{font-size:.88rem;color:var(--muted);line-height:1.45}
.reel p b{color:var(--ink);font-weight:400;display:block}

.types{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.type{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:24px;display:flex;gap:16px;align-items:flex-start}
.type svg{width:30px;height:30px;stroke:var(--rose);fill:none;stroke-width:1.2;flex:none;margin-top:2px}
.type h3{font-family:var(--body);font-weight:500;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase}
.type p{font-size:.9rem;color:var(--muted);margin-top:4px}

.collab{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);align-items:start}
.formats{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.format{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:22px;display:flex;flex-direction:column;gap:10px;text-align:center;align-items:center}
.format svg{width:30px;height:30px;stroke:var(--ink);fill:none;stroke-width:1.2}
.format span{font-size:.9rem;color:var(--muted);line-height:1.4}
.gains h3{font-size:1.5rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}
.gains ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.gains li{display:flex;gap:12px;align-items:flex-start}
.gains li::before{content:"";flex:none;width:18px;height:18px;margin-top:4px;border-radius:50%;background:var(--rose) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.2l2.6 2.6L13 6.4' fill='none' stroke='white' stroke-width='1.6'/%3E%3C/svg%3E") center/18px}
.gains .script{display:block;font-size:2.4rem;color:var(--rose);margin-top:26px;transform:rotate(-4deg)}

.brands{display:flex;flex-wrap:wrap;gap:14px}
.brand{flex:0 1 260px;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:26px 22px;display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;font-family:var(--display);font-size:2rem;font-weight:600;letter-spacing:.04em;color:var(--ink);transition:border-color .2s}
.brand:hover{border-color:var(--rose)}
.brand span{font-family:var(--body);font-size:.7rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}

.contact{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(28px,6vw,80px);align-items:center}
.lines{display:flex;flex-direction:column;gap:14px;margin-top:24px}
.line{display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-width:0}
.line svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:1.5;flex:none}
.line .val{overflow-wrap:anywhere}
.copy{font:inherit;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);background:none;color:var(--ink);border-radius:999px;padding:5px 14px;cursor:pointer}
.copy:hover{border-color:var(--rose)}
.thanks{text-align:center}
.thanks .script{font-size:clamp(3rem,7vw,4.4rem);color:var(--rose);transform:rotate(-6deg);display:inline-block}
footer{padding-block:28px;text-align:center;font-size:.78rem;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;border-top:1px solid var(--line)}

@media (max-width:900px){
  .cover .wrap,.about,.collab,.contact{grid-template-columns:1fr}
  .cover-photo{max-width:440px;width:100%;justify-self:center}
  .about .portrait{max-width:320px;width:100%;justify-self:center}
  .platforms{grid-template-columns:1fr}
  .best{grid-template-columns:repeat(3,1fr)}
  .types{grid-template-columns:1fr 1fr}
  .audience{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .types,.formats{grid-template-columns:1fr}
  .best{grid-template-columns:1fr 1fr}.best .reel:last-child{grid-column:span 2}.best .reel:last-child .reel-img{aspect-ratio:16/12}
  .values{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:no-preference){
  .cover h1,.cover .role,.cover .script{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
  .cover .role{animation-delay:.12s}.cover .script{animation-delay:.24s}
  @keyframes rise{from{opacity:.001;translate:0 14px}}
}
.cover h1.shine{background:linear-gradient(110deg,var(--cover-fg) 0%,var(--cover-fg) 40%,#fff 48%,#e8c9bd 50%,#fff 52%,var(--cover-fg) 60%,var(--cover-fg) 100%);background-size:250% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent}
@media (prefers-reduced-motion:no-preference){.cover h1.shine{animation:rise .9s cubic-bezier(.2,.7,.2,1) both,shine 4.5s ease-in-out 1s infinite}}
@keyframes shine{0%{background-position:100% 0}45%,100%{background-position:0 0}}
.reel-link{display:block;text-decoration:none}
.reel-link:hover .reel-img{transform:translateY(-3px)}
.reel p a{color:var(--rose);text-decoration:none}
.reel p a:hover{text-decoration:underline}
.brand-name{font-family:var(--display);font-size:2rem;font-weight:600;letter-spacing:.04em;text-decoration:none;color:var(--ink)}
.code{margin-top:10px;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}
.code>span{font-family:var(--body);font-size:.82rem;letter-spacing:0;text-transform:none;color:var(--muted)}
.code-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}
.code-row b{font-family:var(--body);font-weight:500;font-size:1.05rem;letter-spacing:.14em;border:1px dashed var(--rose);border-radius:4px;padding:4px 12px}
.foot{display:flex;flex-direction:column;align-items:center;gap:8px}
.legal{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px}
footer a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line);transition:color .2s,border-color .2s}
footer a:hover{color:var(--rose);border-color:var(--rose)}

.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.package{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:24px;display:flex;flex-direction:column;gap:8px}
.package h3{font-family:var(--body);font-weight:500;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase}
.package p{font-size:.9rem;color:var(--muted);flex:1}
.package .price{font-family:var(--display);font-style:italic;font-size:1.35rem;color:var(--rose)}
.proposal{margin-top:clamp(28px,5vw,48px);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:clamp(20px,4vw,36px);display:flex;flex-direction:column;gap:16px;max-width:760px;margin-inline:auto}
.proposal h3{font-size:1.8rem}
.form-intro{color:var(--muted);margin-top:-8px}
.field{display:flex;flex-direction:column;gap:6px;min-width:0;border:0;margin:0;padding:0}
.field>span,.field legend{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:0}
.field input,.field textarea{font:inherit;font-weight:300;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:10px 12px;width:100%;min-width:0}
.field input:focus,.field textarea:focus{outline:2px solid var(--rose);outline-offset:1px;border-color:var(--rose)}
.field textarea{resize:vertical}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.checks{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:4px}
.checks label,.consent{display:flex;gap:8px;align-items:flex-start;font-size:.92rem}
.checks input,.consent input{accent-color:var(--rose);margin:.3em 0 0;flex:none;width:auto}
.consent{color:var(--muted)}
.consent a{color:var(--rose)}
.send{align-self:flex-start;font:inherit;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;background:var(--ink);color:var(--bg);border:0;border-radius:999px;padding:12px 26px;cursor:pointer}
.send:hover{background:var(--rose)}
.send[disabled]{opacity:.6;cursor:progress}
.form-msg{min-height:1.5em;font-size:.92rem;color:var(--muted)}
.form-msg.ok{color:#5a8a5f}.form-msg.err{color:#b0534a}
.hp{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;opacity:0}
.proposal{position:relative}
fieldset.field{min-inline-size:0}
.checks label{min-width:0;overflow-wrap:anywhere}
@media (max-width:900px){.packages{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.packages,.field-row{grid-template-columns:1fr}}