/* Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap");

/* Design Tokens */
:root {
  --font-display: "Geist", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Geist", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label: "Geist Mono", "SFMono-Regular", Consolas, monospace;
  --font-geist-sans: var(--font-body);
  --font-geist-mono: var(--font-label);

  --color-paper: #f1eee5;
  --color-paper-deep: #e7e2d5;
  --color-ink: #171713;
  --color-ink-soft: #625f57;
  --color-cyan: #36d6c3;
  --color-cobalt: #3267ff;
  --color-violet: #7855e8;
  --color-transparent: #0000;
  --color-mask: #000;
  --color-white: #fff;

  --color-glass: #f5f2eac2;
  --color-glass-border: #1717131c;
  --color-glass-shadow: #322c210f;
  --color-nav-ink: #4f4c45;
  --color-rule: #1717131f;
  --color-rule-strong: #17171329;
  --color-dot: #17171338;
  --color-watermark: #17171309;
  --color-kicker: #636057;
  --color-meta: #77736b;
  --color-success: #38b36f;
  --color-caption: #858078;
  --color-brand-text: #4e4b44;
  --color-chip-border: #17171324;
  --color-footer: #716e67;
  --color-footer-border: #17171321;

  --color-cyan-halo: #36d6c324;
  --color-cyan-pulse: #36d6c30a;
  --color-stage-a: #ffffff8a;
  --color-stage-b: #e7e2d573;
  --color-stage-border: #1717131a;
  --color-stage-inset: #ffffff29;
  --color-aura-cobalt: #3267ffc2;
  --color-aura-cyan: #36d6c3a6;
  --color-aura-violet: #7855e8c7;
  --color-orbit-cobalt: #3267ff61;
  --color-orbit-violet: #7855e852;
  --color-portrait-shadow: #463b2329;

  --color-overlay-top: #0a0a0a08;
  --color-overlay-mid: #0a0a0a2e;
  --color-overlay-bottom: #080808e8;
  --color-case-base: #141414;
  --color-case-cyan-deep: #1c5f5c;
  --color-case-violet-bright: #a267ff;
  --color-case-violet-deep: #46287a;
  --color-case-blue-bright: #4277ff;
  --color-case-blue-deep: #173881;

  --color-white-faint: #ffffff1c;
  --color-white-grid: #ffffff21;
  --color-white-inset: #ffffff29;
  --color-white-divider: #ffffff3d;
  --color-white-rule: #ffffff4d;
  --color-white-badge: #ffffff8c;
  --color-white-copy: #ffffffad;
  --color-black-shadow: #00000029;

  --color-panel-rule: #f1eee526;
  --color-panel-button-border: #f1eee533;
  --color-panel-subtle: #f1eee570;
  --color-panel-copy: #f1eee580;
  --color-panel-lead: #f1eee58c;
  --color-panel-hover-copy: #f1eee594;
  --color-panel-number: #f1eee5b8;

  --space-3xs: 2px;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;
  --space-3xl: 96px;
  --space-4xl: 144px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long: 420ms;

  --radius-control: 11px;
  --radius-pill: 999px;
  --rule-hairline: 1px;
  --z-base: 1;
  --z-raised: 10;
  --z-sticky-nav: 300;
}

/* Global Styles */
/* Hallmark · macrostructure: Workbench · tone: modern-minimal · anchor hue: cobalt
 * pre-emit critique: P5 H5 E5 S5 R4 V4
 * theme: studied-DNA (source: https://youth-culture.cn/) · fonts: Geist + Geist Mono
 * nav: N5 Floating pill · footer: Ft1 Minimal row · contrast: pass
 */

* {
  box-sizing: border-box;
}

html {
  background: var(--color-paper);
  overflow-x: clip;
  scroll-behavior: smooth;
}

body {
  background: var(--color-paper);
  color: var(--color-ink);
  font-family: var(--font-geist-sans);
  line-height: 1.5;
  margin: 0;
  overflow-x: clip;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
textarea,
select {
  color: inherit;
  font: inherit;
}

img {
  display: block;
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  min-width: 0;
  overflow-wrap: anywhere;
}

.yc-site{--cream:var(--color-paper);
--cream-deep:var(--color-paper-deep);
--charcoal:var(--color-ink);
--soft-ink:var(--color-ink-soft);
--cyan:var(--color-cyan);
--cobalt:var(--color-cobalt);
--violet:var(--color-violet);
background:var(--cream);
min-height:100svh;
color:var(--charcoal);
overflow:clip}
.yc-site *{box-sizing:border-box}
.yc-site a:focus-visible,.yc-site article:focus-visible{outline:2px solid var(--cobalt);
outline-offset:4px}
.yc-site .topbar{z-index:var(--z-sticky-nav);
pointer-events:none;
border:0;
grid-template-columns:1fr auto 1fr;
align-items:center;
height:auto;
padding:0;
display:grid;
position:fixed;
inset:18px 4vw auto}
.yc-site .topbar>*{pointer-events:auto}
.yc-site .brand-pill,.yc-site .nav-pill,.yc-site .talk-pill{-webkit-backdrop-filter:blur(18px)saturate(1.15);
backdrop-filter:blur(18px)saturate(1.15);
background:var(--color-glass);
border:1px solid var(--color-glass-border);
min-height:48px;
box-shadow:0 8px 30px var(--color-glass-shadow)}
.yc-site .brand-pill{font:700 11px var(--font-geist-mono);
letter-spacing:.05em;
border-radius:15px;
justify-self:start;
align-items:center;
gap:11px;
padding:5px 16px 5px 6px;
display:flex}
.yc-site .brand-mark{background:var(--charcoal);
width:36px;
height:36px;
color:var(--cream);
border-radius:11px;
place-items:center;
font-size:14px;
display:grid}
.yc-site .nav-pill{border-radius:16px;
align-items:center;
gap:2px;
padding:5px;
display:flex}
.yc-site .nav-pill a{color:var(--color-nav-ink);
border-radius:11px;
place-items:center;
min-height:36px;
padding:0 16px;
font-size:11px;
transition:background .25s,color .25s;
display:grid}
.yc-site .nav-pill a:hover{background:var(--charcoal);
color:var(--cream)}
.yc-site .talk-pill{min-width:112px;
color:var(--cream);
background:var(--charcoal);
border-radius:999px;
justify-content:space-between;
justify-self:end;
align-items:center;
padding:5px 6px 5px 17px;
font-size:11px;
font-weight:700;
display:flex}
.yc-site .talk-pill span{background:var(--cyan);
width:36px;
height:36px;
color:var(--charcoal);
border-radius:50%;
place-items:center;
font-size:15px;
transition:transform .25s;
display:grid}
.yc-site .talk-pill:hover span{transform:rotate(45deg)}
.yc-site .brand-pill:active,.yc-site .talk-pill:active,.yc-site .primary-link:active,.yc-site .contact-actions a:active{transform:translateY(0)}
.yc-site .brand-pill,.yc-site .nav-pill a,.yc-site .talk-pill,.yc-site .primary-link,.yc-site .contact-actions a,.yc-site footer a{white-space:nowrap}
.yc-site .hero{--mx:0px;
--my:0px;
--mr:0deg;
isolation:isolate;
border-bottom:1px solid var(--color-rule);
grid-template-rows:1fr auto;
grid-template-columns:minmax(0,.94fr) minmax(420px,1.06fr);
gap:22px 3vw;
min-height:100svh;
padding:120px 5vw 36px;
display:grid;
position:relative}
.yc-site .hero:before{content:"";
z-index:-2;
opacity:.36;
background-image:radial-gradient(var(--color-dot) .65px,var(--color-transparent) .65px);
background-size:20px 20px;
position:absolute;
inset:0;
-webkit-mask-image:linear-gradient(90deg,var(--color-mask),var(--color-transparent) 55%);
mask-image:linear-gradient(90deg,var(--color-mask),var(--color-transparent) 55%)}
.yc-site .hero-watermark{z-index:-1;
color:var(--color-watermark);
letter-spacing:-.11em;
-webkit-user-select:none;
user-select:none;
pointer-events:none;
font-size:clamp(11rem,26vw,32rem);
font-weight:900;
line-height:.8;
position:absolute;
top:8vh;
left:2.5vw}
.yc-site .hero-copy{z-index:2;
align-self:center;
padding:7vh 0 2vh}
.yc-site .kicker{color:var(--color-kicker);
font:9px var(--font-geist-mono);
letter-spacing:.16em;
align-items:center;
gap:10px;
margin:0 0 25px;
display:flex}
.yc-site .kicker span{background:var(--cyan);
border-radius:50%;
width:8px;
height:8px;
animation:2.4s ease-in-out infinite ycPulse;
box-shadow:0 0 0 5px var(--color-cyan-halo)}
.yc-site .hero h1{letter-spacing:-.09em;
margin:0;
font-size:clamp(4.1rem,7.8vw,9.3rem);
font-weight:800;
line-height:.83}
.yc-site .hero h1 em,.yc-site .section-head h2 em,.yc-site .contact-title h2 em{color:var(--color-transparent);
background:linear-gradient(95deg, var(--cobalt), var(--violet) 54%, var(--cyan));
-webkit-background-clip:text;
background-clip:text;
font-style:normal}
.yc-site .hero-lead{max-width:560px;
color:var(--soft-ink);
margin:28px 0 0;
font-size:clamp(13px,1.12vw,16px);
line-height:1.85}
.yc-site .hero-actions{align-items:center;
gap:27px;
margin-top:32px;
display:flex}
.yc-site .primary-link{background:var(--charcoal);
min-width:205px;
min-height:56px;
color:var(--cream);
border-radius:999px;
justify-content:space-between;
align-items:center;
padding:7px 8px 7px 20px;
font-size:12px;
font-weight:700;
transition:transform .25s;
display:flex}
.yc-site .primary-link:hover{transform:translateY(-3px)}
.yc-site .primary-link b{background:var(--cyan);
width:42px;
height:42px;
color:var(--charcoal);
border-radius:50%;
place-items:center;
font-size:15px;
display:grid}
.yc-site .availability{color:var(--color-meta);
font:8px var(--font-geist-mono);
letter-spacing:.11em;
align-items:center;
gap:8px;
display:flex}
.yc-site .availability i{background:var(--color-success);
border-radius:50%;
width:6px;
height:6px}
.yc-site .ip-stage{z-index:1;
border-radius:48% 48% 14px 14px/34% 34% 14px 14px;
align-self:stretch;
place-items:end center;
min-height:68vh;
display:grid;
position:relative}
.yc-site .ip-stage:before{content:"";
background:linear-gradient(150deg,var(--color-stage-a),var(--color-stage-b));
border:1px solid var(--color-stage-border);
border-radius:50% 50% 20px 20px/40% 40% 20px 20px;
height:86%;
position:absolute;
bottom:0;
left:12%;
right:6%;
box-shadow:inset 0 0 0 10px var(--color-white-inset)}
.yc-site .ip-aura{aspect-ratio:1;
filter:blur(52px);
opacity:.26;
background:conic-gradient(from 40deg,var(--color-aura-cobalt),var(--color-aura-cyan),var(--color-aura-violet),var(--color-aura-cobalt));
border-radius:50%;
width:72%;
animation:8s ease-in-out infinite alternate ycAura;
position:absolute;
bottom:8%;
left:18%}
.yc-site .ip-orbit{z-index:3;
aspect-ratio:1/.38;
pointer-events:none;
border:1px solid var(--color-orbit-cobalt);
border-radius:50%;
width:72%;
position:absolute;
bottom:36%;
left:19%;
transform:rotate(-10deg)}
.yc-site .ip-orbit:after{content:"";
background:var(--cyan);
width:8px;
height:8px;
box-shadow:0 0 18px var(--cyan);
border-radius:50%;
position:absolute;
top:48%;
left:-4px}
.yc-site .orbit-one{animation:9s linear infinite ycOrbit}
.yc-site .orbit-two{border-color:var(--color-orbit-violet);
animation:12s linear infinite ycOrbitReverse;
bottom:45%;
transform:rotate(17deg)scale(.78)}
.yc-site .ip-portrait{z-index:2;
object-fit:contain;
object-position:bottom center;
filter:drop-shadow(0 30px 35px var(--color-portrait-shadow));
width:min(95%,640px);
max-height:80vh;
transform:translate3d(var(--mx), var(--my), 0) rotate(var(--mr));
transform-origin:55% 80%;
transition:transform .16s ease-out;
animation:5.8s ease-in-out infinite ycFloat;
position:relative}
.yc-site .ip-caption{z-index:4;
border-left:2px solid var(--cobalt);
font-family:var(--font-geist-mono);
flex-direction:column;
gap:6px;
padding-left:12px;
display:flex;
position:absolute;
bottom:6%;
right:2%}
.yc-site .ip-caption span{letter-spacing:.13em;
font-size:8px;
font-weight:700}
.yc-site .ip-caption small{color:var(--color-caption);
letter-spacing:.12em;
font-size:6px;
line-height:1.5}
.yc-site .hero-index{z-index:3;
border-top:1px solid var(--color-rule);
grid-column:1/-1;
grid-template-columns:repeat(3,minmax(0,1fr));
padding-top:20px;
display:grid}
.yc-site .hero-index>div{border-right:1px solid var(--color-rule);
align-items:center;
gap:13px;
min-height:52px;
padding:0 18px;
display:flex}
.yc-site .hero-index>div:first-child{padding-left:0}
.yc-site .hero-index>div:last-child{border-right:0}
.yc-site .hero-index strong{letter-spacing:-.06em;
font-size:30px;
line-height:1}
.yc-site .hero-index span{color:var(--color-meta);
font:7px/1.45 var(--font-geist-mono);
letter-spacing:.1em}
.yc-site .profile-section,.yc-site .services-section,.yc-site .contact-section{background:var(--cream);
color:var(--charcoal);
padding:110px 6vw;
position:relative}
.yc-site .section-head{grid-template-columns:.48fr 1.1fr .48fr;
align-items:end;
gap:4vw;
display:grid}
.yc-site .section-number{align-items:flex-start;
gap:12px;
display:flex}
.yc-site .section-number>span{width:35px;
height:35px;
font:8px var(--font-geist-mono);
border:1px solid;
border-radius:50%;
flex:none;
place-items:center;
display:grid}
.yc-site .section-number p{font:8px/1.55 var(--font-geist-mono);
letter-spacing:.13em;
margin:2px 0 0}
.yc-site .section-head h2,.yc-site .contact-title h2{letter-spacing:-.075em;
margin:0;
font-size:clamp(3.2rem,5.7vw,7rem);
line-height:.92}
.yc-site .section-head>p,.yc-site .contact-title>p{color:var(--soft-ink);
margin:0 0 7px;
font-size:13px;
line-height:1.85}
.yc-site .resume-line{border-block:1px solid var(--color-rule-strong);
grid-template-columns:repeat(3,minmax(0,1fr));
margin-top:70px;
display:grid}
.yc-site .resume-line article{border-right:1px solid var(--color-rule-strong);
min-height:150px;
padding:24px 30px}
.yc-site .resume-line article:first-child{padding-left:0}
.yc-site .resume-line article:last-child{border-right:0}
.yc-site .resume-line span,.yc-site .works-intro,.yc-site .brand-row-title{color:var(--color-meta);
font:8px var(--font-geist-mono);
letter-spacing:.12em}
.yc-site .resume-line strong{margin-top:30px;
font-size:19px;
display:block}
.yc-site .resume-line p{color:var(--soft-ink);
margin:10px 0 0;
font-size:12px}
.yc-site .works-intro{justify-content:space-between;
align-items:center;
margin-top:78px;
display:flex}
.yc-site .works-intro p{letter-spacing:0;
margin:0}
.yc-site .case-track{grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
margin-top:22px;
display:grid}
.yc-site .case-card{isolation:isolate;
background:var(--charcoal);
color:var(--color-white);
min-height:min(54vw,650px);
position:relative;
overflow:hidden}
.yc-site .case-card>img,.yc-site .case-art,.yc-site .case-overlay{width:100%;
height:100%;
position:absolute;
inset:0}
.yc-site .case-card>img{z-index:-3;
object-fit:cover;
transition:transform .8s cubic-bezier(.2,.7,.1,1),filter .5s}
.yc-site .case-card:hover>img{filter:saturate(1.12);
transform:scale(1.05)}
.yc-site .case-overlay{z-index:-1;
background:linear-gradient(var(--color-overlay-top),var(--color-overlay-mid) 45%,var(--color-overlay-bottom))}
.yc-site .case-art{z-index:-2;
background:radial-gradient(circle at 66% 25%, var(--case-a), transparent 42%), linear-gradient(150deg, var(--case-b), var(--color-case-base) 72%);
overflow:hidden}
.yc-site .case-cyan{--case-a:var(--color-cyan);
--case-b:var(--color-case-cyan-deep)}
.yc-site .case-violet{--case-a:var(--color-case-violet-bright);
--case-b:var(--color-case-violet-deep)}
.yc-site .case-blue{--case-a:var(--color-case-blue-bright);
--case-b:var(--color-case-blue-deep)}
.yc-site .case-art:before{content:"";
background:repeating-linear-gradient(123deg,var(--color-transparent) 0 50px,var(--color-white-faint) 50px 51px);
position:absolute;
inset:-30%;
transform:rotate(8deg)}
.yc-site .case-art i{aspect-ratio:1;
border:1px solid var(--color-white-rule);
border-radius:50%;
width:65%;
position:absolute;
top:22%;
left:17%;
box-shadow:inset 0 0 70px var(--color-white-faint)}
.yc-site .case-art b{letter-spacing:-.12em;
text-shadow:12px 12px var(--color-black-shadow);
font-size:clamp(5rem,9vw,10rem);
position:absolute;
top:48%;
left:50%;
transform:translate(-50%,-50%)rotate(-8deg)}
.yc-site .case-top{justify-content:space-between;
align-items:center;
display:flex;
position:absolute;
inset:20px 20px auto}
.yc-site .case-top>span{width:34px;
height:34px;
font:8px var(--font-geist-mono);
border:1px solid var(--color-white-badge);
border-radius:50%;
place-items:center;
display:grid}
.yc-site .case-top small{font:8px var(--font-geist-mono);
letter-spacing:.1em}
.yc-site .case-content{position:absolute;
inset:auto 24px 26px}
.yc-site .case-content h3{letter-spacing:-.06em;
margin:0;
font-size:clamp(2rem,3.3vw,4.4rem);
line-height:.95}
.yc-site .case-content p{color:var(--color-white-copy);
max-width:430px;
margin:18px 0 22px;
font-size:12px;
line-height:1.7}
.yc-site .case-content small{font:7px var(--font-geist-mono);
letter-spacing:.1em;
border-top:1px solid var(--color-white-divider);
padding-top:15px;
display:block}
.yc-site .brand-row{border-top:1px solid var(--color-rule-strong);
margin-top:80px;
padding-top:22px}
.yc-site .brand-list{flex-wrap:wrap;
gap:9px;
margin-top:26px;
display:flex}
.yc-site .brand-list span{color:var(--color-brand-text);
border:1px solid var(--color-chip-border);
border-radius:999px;
place-items:center;
min-height:42px;
padding:0 17px;
font-size:10px;
transition:background .22s,color .22s,border-color .22s;
display:grid}
.yc-site .brand-list span:hover{background:var(--charcoal);
border-color:var(--charcoal);
color:var(--cream)}
.yc-site .services-section{padding-top:36px;
display:block}
.yc-site .section-head.compact{grid-template-columns:.48fr 1.1fr .48fr}
.yc-site .service-grid{border-top:1px solid var(--color-rule-strong);
grid-template-columns:repeat(2,minmax(0,1fr));
margin:70px 0 0 28%;
display:grid}
.yc-site .service-grid article{border-bottom:1px solid var(--color-rule-strong);
border-right:1px solid var(--color-rule-strong);
grid-template-columns:38px 1fr;
gap:10px;
min-height:150px;
padding:25px 58px 24px 20px;
transition:background .28s,color .28s,transform .28s;
display:grid;
position:relative}
.yc-site .service-grid article:nth-child(2n){border-right:0}
.yc-site .service-grid article:hover{z-index:1;
background:var(--charcoal);
color:var(--cream);
transform:translateY(-4px)}
.yc-site .service-grid article>span{color:var(--cobalt);
font:8px var(--font-geist-mono)}
.yc-site .service-grid h3{margin:0;
font-size:18px}
.yc-site .service-grid p{color:var(--soft-ink);
margin:12px 0 0;
font-size:12px;
line-height:1.7}
.yc-site .service-grid article:hover p{color:var(--color-panel-hover-copy)}
.yc-site .service-grid article:hover>span{color:var(--cyan)}
.yc-site .service-grid i{font-size:14px;
font-style:normal;
position:absolute;
top:23px;
right:18px}
.yc-site .contact-section{text-align:left;
min-height:0;
padding-top:40px;
padding-bottom:28px;
display:block;
overflow:hidden}
.yc-site .contact-section:before{content:none}
.yc-site .contact-panel{background:var(--charcoal);
min-height:760px;
color:var(--cream);
border-radius:28px;
flex-direction:column;
padding:65px 5vw 48px;
display:flex;
position:relative;
overflow:hidden}
.yc-site .contact-panel:before{content:"";
pointer-events:none;
opacity:.13;
background-image:linear-gradient(var(--color-white-grid) 1px,var(--color-transparent) 1px),linear-gradient(90deg,var(--color-white-grid) 1px,var(--color-transparent) 1px);
background-size:72px 72px;
position:absolute;
inset:0;
-webkit-mask-image:radial-gradient(circle at 70% 30%,var(--color-mask),var(--color-transparent) 74%);
mask-image:radial-gradient(circle at 70% 30%,var(--color-mask),var(--color-transparent) 74%)}
.yc-site .contact-panel>:not(.contact-glow){z-index:2;
position:relative}
.yc-site .contact-glow{filter:blur(90px);
opacity:.22;
border-radius:50%;
position:absolute}
.yc-site .glow-blue{background:var(--cobalt);
width:430px;
height:430px;
top:-18%;
right:9%}
.yc-site .glow-violet{background:var(--violet);
width:320px;
height:320px;
top:28%;
right:-4%}
.yc-site .section-number.light{color:var(--color-panel-number)}
.yc-site .contact-title{grid-template-columns:1.3fr .55fr;
align-items:end;
gap:7vw;
margin-top:65px;
display:grid}
.yc-site .contact-title>p{color:var(--color-panel-lead)}
.yc-site .plan-grid{border-block:1px solid var(--color-panel-rule);
grid-template-columns:repeat(3,minmax(0,1fr));
margin-top:65px;
display:grid}
.yc-site .plan-grid article{border-right:1px solid var(--color-panel-rule);
min-height:170px;
padding:24px 28px}
.yc-site .plan-grid article:first-child{padding-left:0}
.yc-site .plan-grid article:last-child{border-right:0}
.yc-site .plan-grid span,.yc-site .contact-bottom span{color:var(--cyan);
font:7px var(--font-geist-mono);
letter-spacing:.11em}
.yc-site .plan-grid h3{margin:28px 0 10px;
font-size:21px}
.yc-site .plan-grid p{color:var(--color-panel-copy);
max-width:330px;
margin:0;
font-size:12px;
line-height:1.75}
.yc-site .contact-bottom{justify-content:space-between;
align-items:end;
margin-top:auto;
padding-top:35px;
display:flex}
.yc-site .contact-bottom>div:first-child{flex-direction:column;
gap:8px;
display:flex}
.yc-site .contact-bottom strong{letter-spacing:-.05em;
font-size:clamp(1.6rem,2.8vw,3.5rem)}
.yc-site .contact-bottom small{color:var(--color-panel-subtle);
font-size:9px}
.yc-site .contact-actions{align-items:center;
gap:9px;
display:flex}
.yc-site .contact-actions a{border:1px solid var(--color-panel-button-border);
border-radius:999px;
align-items:center;
gap:26px;
min-height:50px;
padding:0 18px;
font-size:10px;
display:flex}
.yc-site .contact-actions a:first-child{border-color:var(--cyan);
background:var(--cyan);
color:var(--charcoal);
font-weight:800}
.yc-site .contact-section footer{color:var(--color-footer);
font:8px var(--font-geist-mono);
letter-spacing:.08em;
grid-template-columns:1fr 1fr auto auto;
align-items:center;
gap:25px;
margin-top:28px;
padding:0 3px;
display:grid;
position:static}
.yc-site .contact-section footer p{text-align:center;
margin:0}
.yc-site .contact-section footer a{border:1px solid var(--color-footer-border);
border-radius:50%;
place-items:center;
width:34px;
height:34px;
font-size:6px;
display:grid}
@keyframes ycPulse{50%{transform:scale(.7);
box-shadow:0 0 0 9px var(--color-cyan-pulse)}
}
@keyframes ycAura{to{filter:blur(65px);
transform:translate(3%,-2%)scale(1.1)}
}
@keyframes ycOrbit{to{transform:rotate(350deg)}
}
@keyframes ycOrbitReverse{to{transform:rotate(-343deg)scale(.78)}
}
@keyframes ycFloat{0%,to{transform:translate3d(var(--mx),var(--my),0) rotate(var(--mr)) translateY(0)}
50%{transform:translate3d(var(--mx),var(--my),0) rotate(var(--mr)) translateY(-8px)}
}
@media (prefers-reduced-motion:reduce){.yc-site *,.yc-site :before,.yc-site :after{scroll-behavior:auto!important;
transition-duration:.01ms!important;
animation-duration:.01ms!important;
animation-iteration-count:1!important}
}