:root { --ink:#103743; --blue:#126477; --green:#4f782b; --orange:#f36f32; --cream:#fff9ed; --white:#fffdf8; --font-sans:"DM Sans"; --font-serif:"Fraunces"; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--cream); font-family: var(--font-sans), sans-serif; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input, textarea { font: inherit; }
.links-page { min-height:100vh; padding:34px 18px 60px; position:relative; overflow:hidden; isolation:isolate; background:linear-gradient(135deg,#f4a06d,#fff5df,#dce9ce,#9ebb7f); background-size:320% 320%; animation:gradient-flow 16s ease-in-out infinite; }
.links-page::after { content:""; position:fixed; inset:0; z-index:-2; pointer-events:none; background:radial-gradient(circle at 14% 14%,rgba(243,111,50,.16),transparent 30%),radial-gradient(circle at 84% 36%,rgba(18,100,119,.18),transparent 34%); }
.links-page::before { content:""; position:fixed; inset:0; z-index:-3; opacity:.32; background-image:radial-gradient(rgba(16,55,67,.34) .75px,transparent .75px); background-size:20px 20px; mask-image:linear-gradient(to bottom,black,transparent 88%); }
.links-shell { width:min(100%,680px); margin:auto; position:relative; z-index:2; }
.links-profile { text-align:center; }
.links-brand { display:inline-flex; align-items:center; gap:10px; margin-bottom:22px; font-size:14px; letter-spacing:-.03em; }
.links-brand>span,.links-footer-mark { width:39px; height:39px; border-radius:50% 50% 44% 56%; display:grid; place-items:center; color:white; background:var(--orange); font-family:var(--font-serif),serif; font-weight:800; transform:rotate(-7deg); box-shadow:0 8px 20px rgba(243,111,50,.22); }
.links-photo-stack { width:min(94%,500px); height:390px; margin:0 auto 32px; position:relative; }
.links-photo { margin:0; padding:9px 9px 30px; position:absolute; background:var(--white); box-shadow:0 18px 48px rgba(16,55,67,.2); }
.links-photo img { width:100%; height:100%; object-fit:cover; }
.links-photo-main { inset:4px 19% 14px 4%; transform:rotate(-3deg); z-index:2; }
.links-photo-main img { object-position:center 66%; }
.links-photo-small { width:39%; height:45%; right:0; bottom:9px; transform:rotate(7deg); z-index:3; }
.links-photo-small img { object-position:center 50%; }
.links-stamp { width:108px; height:108px; padding-top:27px; position:absolute; right:0; top:5px; z-index:4; border-radius:50%; color:white; background:var(--green); font-size:8px; line-height:1.35; letter-spacing:.12em; font-weight:800; transform:rotate(8deg); box-shadow:0 12px 26px rgba(35,76,29,.24); }
.links-stamp b { color:#ffe5a7; font-size:9px; }
.links-kicker { margin:0 0 13px; color:var(--orange); font-size:10px; font-weight:900; letter-spacing:.18em; }
.links-profile h1 { margin:0; font-family:var(--font-serif),serif; font-size:clamp(47px,10vw,72px); line-height:.93; letter-spacing:-.055em; }
.links-profile h1 em,.partnership-heading h2 em { color:var(--orange); font-weight:500; }
.links-intro { max-width:530px; margin:22px auto 31px; color:#4c696f; font-size:16px; line-height:1.65; }
.bio-links { display:grid; gap:13px; }
.bio-link { min-height:84px; padding:13px 17px 13px 13px; display:grid; grid-template-columns:54px 1fr auto; gap:14px; align-items:center; border:1px solid rgba(16,55,67,.14); border-radius:22px; background:rgba(255,253,248,.84); box-shadow:0 10px 32px rgba(16,55,67,.09); backdrop-filter:blur(14px); transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.bio-link:hover { transform:translateY(-4px) rotate(-.3deg); box-shadow:0 17px 42px rgba(16,55,67,.16); border-color:rgba(16,55,67,.3); }
.bio-link-icon { width:54px; height:54px; border-radius:18px; display:grid; place-items:center; color:white; background:var(--blue); }
.bio-link-icon svg { width:28px; height:28px; display:block; fill:currentColor; }
.bio-link-icon .icon-cutout { fill:var(--blue); }
.bio-link-icon .icon-lines { fill:none; stroke:var(--blue); stroke-width:1.7; stroke-linecap:round; }
.bio-link-icon .icon-dot { fill:var(--blue); }
.bio-link>span:nth-child(2) { min-width:0; text-align:left; }
.bio-link small { display:block; margin-bottom:4px; color:#6c8084; font-size:9px; font-weight:900; letter-spacing:.14em; }
.bio-link strong { display:block; font-family:var(--font-serif),serif; font-size:18px; line-height:1.15; }
.link-arrow { width:22px; height:22px; display:block; fill:none; stroke:var(--orange); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.bio-link-youtube { min-height:104px; color:white; border-color:transparent; background:var(--orange); box-shadow:0 16px 40px rgba(243,111,50,.26); }
.bio-link-youtube .bio-link-icon { color:var(--orange); background:white; }
.bio-link-youtube .bio-link-icon .icon-cutout { fill:white; }
.bio-link-youtube small { color:#ffe5d2; }
.bio-link-youtube>.link-arrow { stroke:white; }
.bio-link-tiktok .bio-link-icon { background:var(--ink); }
.bio-link-instagram .bio-link-icon { background:var(--blue); }
.bio-link-blog .bio-link-icon { background:var(--green); }
.partnership-card { margin-top:32px; padding:clamp(25px,6vw,42px); border-radius:30px; color:white; background:var(--ink); box-shadow:0 22px 60px rgba(16,55,67,.22); }
.partnership-heading>span { color:#8ec3c8; font-size:9px; font-weight:900; letter-spacing:.2em; }
.partnership-heading h2 { margin:12px 0 15px; font-family:var(--font-serif),serif; font-size:clamp(38px,8vw,56px); line-height:.96; letter-spacing:-.045em; }
.partnership-heading p { margin:0 0 26px; color:#b9ced1; font-size:14px; line-height:1.65; }
.partnership-form { display:grid; gap:13px; }
.partnership-form label { display:grid; gap:7px; color:#dce8e8; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.partnership-form input,.partnership-form textarea { width:100%; padding:14px 15px; border:1px solid #486c73; border-radius:13px; outline:none; resize:vertical; color:white; background:#173f49; transition:border-color .2s,box-shadow .2s; }
.partnership-form input::placeholder,.partnership-form textarea::placeholder { color:#86a1a6; }
.partnership-form input:focus,.partnership-form textarea:focus { border-color:#ff9868; box-shadow:0 0 0 3px rgba(243,111,50,.18); }
.partnership-form button { margin-top:5px; padding:16px 20px; border:0; border-radius:999px; display:flex; align-items:center; justify-content:center; gap:24px; color:white; background:var(--orange); font-size:11px; font-weight:900; letter-spacing:.12em; cursor:pointer; box-shadow:0 11px 28px rgba(0,0,0,.18); transition:transform .2s; }
.partnership-form button .link-arrow { width:18px; height:18px; stroke:white; }
.partnership-form button:hover { transform:translateY(-2px); }
.links-footer { padding:36px 10px 0; display:grid; justify-items:center; gap:10px; text-align:center; }
.links-footer p { margin:0; color:#526d72; font-family:var(--font-serif),serif; font-size:15px; }
.links-footer small { color:#7c8e8e; font-size:8px; font-weight:900; letter-spacing:.17em; }
.orbit { width:430px; height:430px; position:fixed; z-index:-1; border:1px solid rgba(18,100,119,.16); border-radius:50%; animation:orbit-spin 19s linear infinite; }
.orbit span { position:absolute; top:-20px; left:48%; font-size:37px; filter:drop-shadow(0 7px 8px rgba(16,55,67,.15)); }
.orbit-one { left:-230px; top:22%; }
.orbit-two { right:-260px; top:56%; width:520px; height:520px; animation-duration:25s; animation-direction:reverse; }
.floating-emoji { position:fixed; z-index:-1; font-size:26px; opacity:.72; animation:float-around 5s ease-in-out infinite; }
.emoji-one { left:8%; top:72%; animation-delay:-1s; }
.emoji-two { right:9%; top:18%; animation-delay:-2.7s; }
.emoji-three { right:12%; top:78%; animation-delay:-4s; }
@keyframes orbit-spin { to { transform:rotate(360deg); } }
@keyframes float-around { 0%,100% { transform:translateY(0) rotate(-7deg); } 50% { transform:translateY(-18px) rotate(8deg); } }
@keyframes gradient-flow { 0%,100% { background-position:0% 50%; } 50% { background-position:100% 50%; } }
@media (max-width:600px) {
  .links-page { padding:22px 13px 42px; }
  .links-brand { margin-bottom:17px; }
  .links-photo-stack { height:310px; }
  .links-photo-main { right:16%; }
  .links-photo-small { width:43%; height:43%; }
  .links-stamp { width:91px; height:91px; padding-top:21px; font-size:7px; }
  .links-stamp b { font-size:7px; }
  .links-profile h1 { font-size:49px; }
  .links-intro { font-size:14px; }
  .bio-link { grid-template-columns:48px 1fr auto; gap:11px; border-radius:18px; }
  .bio-link-icon { width:48px; height:48px; border-radius:15px; }
  .bio-link strong { font-size:16px; }
  .floating-emoji { opacity:.4; }
}
@media (prefers-reduced-motion:reduce) { .links-page,.orbit,.floating-emoji { animation:none; } .bio-link,.partnership-form button { transition:none; } }