.skip-link{background:var(--ark-color-text);color:var(--ark-color-background);font-family:var(--ark-font-mono);font-size:.7rem;left:14px;letter-spacing:.08em;padding:10px 14px;position:fixed;text-decoration:none;top:14px;transform:translateY(-160%);transition:transform .2s var(--ark-ease-out);z-index:10000}.skip-link:focus{transform:translateY(0)}.marquee-section{background:var(--ark-color-background);border-block:1px solid var(--ark-color-border);overflow:hidden;padding-block:16px}.marquee-track{animation:marquee 24s linear infinite;display:flex;white-space:nowrap;width:max-content}.marquee-group{display:flex;flex:0 0 auto}.marquee-item{align-items:center;color:var(--ark-color-text-ghost);display:flex;font-family:var(--ark-font-display);font-size:.82rem;font-style:italic;font-weight:var(--ark-weight-thin);gap:36px;padding-inline:36px}.marquee-item:after{color:var(--ark-color-accent);content:"✦";font-size:.4rem}.marquee-item:nth-child(4n):after{color:var(--ark-color-counterpoint)}.work-section,.techstack-section,.services-section,.contact-section{padding:120px var(--site-content-padding)}.section-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:72px}.section-eyebrow{color:var(--ark-color-accent-strong);font-family:var(--ark-font-mono);font-size:.62rem;letter-spacing:var(--ark-letter-spacing-wide);margin-bottom:16px;text-transform:uppercase}.section-title{color:var(--ark-color-text);font-family:var(--ark-font-display);font-size:3rem;font-weight:var(--ark-weight-thin);letter-spacing:0;line-height:1.1}.section-title em{color:var(--ark-color-accent-strong);font-style:italic}.section-count{color:var(--ark-color-text-ghost);font-family:var(--ark-font-mono);font-size:.62rem;letter-spacing:var(--ark-letter-spacing-mono)}.projects-grid{background:var(--ark-color-border);display:grid;gap:3px;grid-template-columns:1.6fr 1fr;grid-template-rows:290px 290px}.projects-grid>.project-card:first-child{grid-row:1 / 3}.project-card{width:100%}.projects-nav{display:none}.projects-grid>.project-card:first-child{--thumbnail-height: 475px}.projects-grid>.project-card:not(:first-child){--thumbnail-height: 182px}.techstack-section{background:var(--ark-color-warm-white);overflow:hidden;position:relative}.techstack-meta{color:var(--ark-color-ink-ghost);font-family:var(--ark-font-mono);font-size:.6rem;letter-spacing:var(--ark-letter-spacing-wide);line-height:1.8;text-align:right;text-transform:uppercase}.techstack-grid{display:grid;gap:2px;grid-template-columns:repeat(3,1fr);position:relative}.techstack-card{background:var(--ark-color-parchment);border-top:2px solid var(--ark-color-parchment-deep);overflow:hidden;padding:var(--ark-space-8);position:relative;transition:background var(--ark-duration-normal) var(--ark-ease-out),border-color var(--ark-duration-normal) var(--ark-ease-out),box-shadow var(--ark-duration-normal) var(--ark-ease-out),transform var(--ark-duration-normal) var(--ark-ease-out)}.techstack-card:before{background:var(--ark-color-blush);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:bottom;transition:transform var(--ark-duration-normal) var(--ark-ease-out);width:2px}.techstack-card:after{background:var(--ark-color-blush-tint);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--ark-duration-normal) var(--ark-ease-out)}.techstack-card:hover,.techstack-card.reveal.visible:hover{background:var(--ark-color-warm-white);border-color:var(--ark-color-blush);box-shadow:var(--ark-shadow-sm);transition-delay:0ms;transform:translateY(-2px)}.techstack-card:hover:before{transform:scaleY(1)}.techstack-card:hover:after{opacity:.2}.techstack-card>*{position:relative;z-index:1}.techstack-card--emerging:before{background:var(--ark-color-sage)}.techstack-card--emerging:hover,.techstack-card--emerging.reveal.visible:hover{border-color:var(--ark-color-sage)}.techstack-card--wide{background:var(--ark-color-warm-white);border-top-width:1px;grid-column:1 / -1}.techstack-card--wide:hover,.techstack-card--wide.reveal.visible:hover{box-shadow:var(--ark-shadow-sm);transform:translateY(-2px);z-index:2}.techstack-number{color:var(--ark-color-blush-deep);font-family:var(--ark-font-display);font-size:var(--ark-font-size-xl);font-style:italic;font-weight:var(--ark-weight-thin);line-height:1;margin-bottom:14px}.techstack-label{color:var(--ark-color-text);font-family:var(--ark-font-sans);font-size:var(--ark-font-size-md);font-weight:var(--ark-font-weight-medium);line-height:var(--ark-line-height-tight);margin-bottom:6px;transition:color var(--ark-duration-fast)}.techstack-card:hover .techstack-label{color:var(--ark-color-blush-deep)}.techstack-card--emerging:hover .techstack-label{color:var(--ark-color-sage)}.techstack-rule{background:var(--ark-color-sage);height:2px;margin-bottom:var(--ark-space-5);transition:width var(--ark-duration-normal) var(--ark-ease-out);width:var(--ark-space-5)}.techstack-card:hover .techstack-rule{width:36px}.techstack-pills{display:flex;flex-wrap:wrap;gap:7px}.techstack-pill,.techstack-learning-pill{border-radius:var(--ark-radius-full);font-family:var(--ark-font-mono);font-size:.7rem;letter-spacing:var(--ark-letter-spacing-wide);padding:var(--ark-space-1) var(--ark-space-3);text-transform:uppercase;white-space:nowrap}.techstack-pill{border:1px solid var(--ark-color-neutral-300);color:var(--ark-color-ink-muted);background:var(--ark-color-neutral-50);transition:background var(--ark-duration-fast) var(--ark-ease-out),border-color var(--ark-duration-fast) var(--ark-ease-out),color var(--ark-duration-fast) var(--ark-ease-out)}.techstack-card:hover .techstack-pill{background:var(--ark-color-neutral-100);border-color:var(--ark-color-neutral-400)}.techstack-pill--primary{background:var(--ark-color-blush-50);border-color:var(--ark-color-blush);color:var(--ark-color-blush-deep)}.techstack-card:hover .techstack-pill--primary{background:var(--ark-color-blush-100);border-color:var(--ark-color-blush-400);color:var(--ark-color-ink)}.techstack-card--emerging .techstack-pill--primary{background:var(--ark-color-sage-50);border-color:var(--ark-color-sage-300);color:var(--ark-color-sage)}.techstack-card--emerging:hover .techstack-pill--primary{background:var(--ark-color-sage-100);border-color:var(--ark-color-400);color:var(--ark-color-ink)}.techstack-footer{align-items:center;border-top:1px solid var(--ark-color-parchment-deep);display:flex;justify-content:space-between;margin-top:var(--ark-space-10);padding-top:var(--ark-space-8);position:relative}.techstack-note{color:var(--ark-color-ink-muted);font-size:.9rem;font-style:italic;font-weight:var(--ark-font-weight-light);line-height:var(--ark-line-height-relaxed);max-width:480px}.techstack-learning{align-items:center;display:flex;gap:var(--ark-space-3)}.techstack-learning-label{color:var(--ark-color-ink-ghost);font-family:var(--ark-font-mono);font-size:.58rem;letter-spacing:var(--ark-letter-spacing-wide);text-transform:uppercase}.techstack-learning-pills{display:flex;gap:6px}.techstack-learning-pill{border:1px dashed var(--ark-color-sage-light);color:var(--ark-color-sage)}.about-strip{align-items:center;background:var(--ark-color-surface-muted);display:grid;gap:80px;grid-template-columns:1fr 1.4fr;overflow:hidden;padding:100px var(--site-content-padding);position:relative}.about-strip:before{bottom:-4vw;color:#d4a8980f;content:"ARKAES";font-family:var(--ark-font-display);font-size:17vw;font-weight:var(--ark-weight-thin);letter-spacing:0;line-height:1;pointer-events:none;position:absolute;right:-2vw}.about-portrait{aspect-ratio:3 / 4;background:var(--ark-color-border);border-radius:var(--ark-radius-md);max-width:320px;overflow:hidden;position:relative}.portrait-placeholder{align-items:center;background:linear-gradient(150deg,var(--ark-color-border) 0%,#ccc0b8 100%);display:flex;height:100%;justify-content:center;width:100%}.portrait-monogram{color:var(--ark-color-text);font-family:var(--ark-font-display);font-size:6rem;font-style:italic;font-weight:var(--ark-weight-thin);opacity:.15}.portrait-rule{background:var(--ark-color-counterpoint);bottom:0;height:3px;left:0;opacity:.75;position:absolute;right:0}.about-title{color:var(--ark-color-text);font-family:var(--ark-font-display);font-size:2.65rem;font-weight:var(--ark-weight-thin);line-height:1.2;margin-bottom:28px}.about-title em{color:var(--ark-color-accent-strong);font-style:italic}.about-body{color:var(--ark-color-text-muted);font-size:var(--ark-font-size-lg);font-weight:var(--ark-font-weight-light);line-height:var(--ark-line-height-loose);margin-bottom:48px;max-width:480px}.about-stats{display:flex;gap:48px}.stat-number{color:var(--ark-color-text);font-family:var(--ark-font-display);font-size:2.8rem;font-weight:var(--ark-weight-thin);line-height:1;margin-bottom:6px}.stat-number span{color:var(--ark-color-accent-strong)}.stat-label{color:var(--ark-color-text-ghost);font-family:var(--ark-font-mono);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase}.services-list{border-top:1px solid var(--ark-color-border);margin-top:64px}.service-item{align-items:center;border-bottom:1px solid var(--ark-color-border);display:grid;gap:40px;grid-template-columns:80px 1fr auto;padding:40px 0;position:relative}.service-item:focus-visible{outline:2px solid var(--ark-color-focus);outline-offset:4px}.service-item:before{background:var(--ark-color-accent-soft);content:"";inset:0 -60px;opacity:0;position:absolute;transition:opacity .35s var(--ark-ease-out);z-index:-1}.service-item:after{background:var(--ark-color-counterpoint);bottom:0;content:"";left:-60px;opacity:0;position:absolute;top:0;transition:opacity .35s var(--ark-ease-out);width:2px}.service-item:hover:before{opacity:1}.service-item:hover:after{opacity:.6}.service-num{color:var(--ark-color-accent);font-family:var(--ark-font-mono);font-size:.62rem;letter-spacing:.2em}.service-name{color:var(--ark-color-text);font-family:var(--ark-font-display);font-size:2rem;font-weight:var(--ark-weight-thin);transition:color var(--ark-duration-normal)}.service-item:hover .service-name{color:var(--ark-color-accent-strong)}.service-arrow{color:var(--ark-color-border);font-size:1.3rem;transition:color var(--ark-duration-normal),transform var(--ark-duration-normal)}.service-item:hover .service-arrow{color:var(--ark-color-accent-strong);transform:translate(8px)}.contact-section{background:var(--ark-color-ink);overflow:hidden;position:relative}.contact-section:before{background:radial-gradient(circle,rgba(212,168,152,.08) 0%,transparent 70%);content:"";height:540px;left:-120px;pointer-events:none;position:absolute;top:-160px;width:540px;z-index:0}.contact-inner{max-width:680px;position:relative;z-index:1}.contact-wordmark{bottom:-3.5vw;line-height:1;pointer-events:none;position:absolute;right:-1.5vw;user-select:none;z-index:0}.contact-wordmark .wordmark{color:#faf7f50b;font-family:var(--ark-font-display);font-size:21vw;font-weight:var(--ark-weight-thin);letter-spacing:-.02em;text-transform:uppercase}.contact-wordmark .ae{color:#d4a8981c;font-style:italic}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.contact-wordmark{animation:contactWordmarkDrift linear both;animation-range:cover 0% cover 100%;animation-timeline:view()}}}@keyframes contactWordmarkDrift{0%{transform:translate(3.5%)}to{transform:translate(-3.5%)}}.contact-title{color:#faf7f5e6;font-family:var(--ark-font-display);font-size:4rem;font-weight:var(--ark-weight-thin);line-height:1.05;margin-block:32px 40px}.contact-title em{color:var(--ark-color-blush-light);font-style:italic}.contact-email{border-bottom:1px solid rgba(212,168,152,.25);color:#faf7f566;display:inline-block;font-size:var(--ark-font-size-2xl);font-weight:var(--ark-font-weight-light);margin-bottom:64px;padding-bottom:4px;transition:border-color var(--ark-duration-normal),color var(--ark-duration-normal)}.contact-email:hover{border-color:var(--ark-color-accent);color:var(--ark-color-blush-light)}.contact-socials{display:flex;gap:32px}.contact-social-link{border-bottom:1px solid rgba(125,145,128,.2);color:#7d918099;font-family:var(--ark-font-mono);font-size:.6rem;letter-spacing:.2em;padding-bottom:2px;text-transform:uppercase;transition:border-color var(--ark-duration-normal),color var(--ark-duration-normal)}.contact-social-link:hover{border-color:var(--ark-color-counterpoint);color:var(--ark-color-sage-light)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(min-width:1120px){.section-title{font-size:3.8rem}.contact-title{font-size:5rem}}@media(max-width:900px){.work-section,.techstack-section,.services-section,.contact-section{padding:86px 24px}.section-header{display:block;margin-bottom:42px}.section-count{margin-top:18px}.projects-carousel{overflow:hidden}.projects-grid{background:transparent;display:flex;gap:12px;grid-template-columns:unset;grid-template-rows:unset;overflow-x:hidden;padding-bottom:4px;padding-inline:20px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.projects-grid::-webkit-scrollbar{display:none}.projects-grid>.project-card:first-child{grid-row:auto}.project-card{flex:0 0 calc(100vw - 56px);scroll-snap-align:start;width:unset}.projects-grid{--thumbnail-height: 280px}.projects-grid>.project-card:first-child,.projects-grid>.project-card:not(:first-child){--thumbnail-height: 280px}.projects-nav{align-items:center;display:flex;gap:20px;justify-content:center;padding-top:20px}.projects-nav-btn{align-items:center;background:transparent;border:1px solid var(--ark-color-border);border-radius:50%;color:var(--ark-color-text-muted);cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:border-color var(--ark-duration-fast),color var(--ark-duration-fast);width:36px}.projects-nav-btn:hover:not(:disabled){border-color:var(--ark-color-accent);color:var(--ark-color-accent-strong)}.projects-nav-btn:disabled{cursor:default;opacity:.3}.projects-nav-indicator{color:var(--ark-color-text-subtle);font-family:var(--ark-font-mono);font-size:.7rem;letter-spacing:.1em;min-width:48px;text-align:center}.techstack-grid{grid-template-columns:repeat(2,1fr)}.techstack-footer{align-items:flex-start;flex-direction:column;gap:var(--ark-space-6)}.about-strip{gap:44px;grid-template-columns:1fr;padding:86px 24px}.about-portrait{max-width:260px}.about-stats{flex-wrap:wrap;gap:28px}.service-item{gap:18px;grid-template-columns:52px 1fr auto;padding:30px 0}}@media(max-width:520px){ark-button{width:100%}.contact-title{font-size:3rem}.section-title,.about-title{font-size:2.2rem}.project-info{padding:20px}.techstack-grid{grid-template-columns:1fr}.techstack-learning{align-items:flex-start;flex-direction:column}.contact-socials{flex-direction:column;gap:18px}}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}}