@font-face{font-family:Medeo Sans;src:url('./assets/fonts/medeo-sans.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Medeo Mono;src:url('./assets/fonts/medeo-mono.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--bg:#101112;--ink:#f1f2ed;--muted:#a7aaa7;--line:#343637;--accent:#B473FF;--mint:#9cdbbd;--lilac:#c5a6e8;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--s12:48px;--s16:64px;--s24:96px;--s32:128px;--gutter:48px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Medeo Sans,Arial,sans-serif;font-size:18px;line-height:1.45;font-optical-sizing:auto;font-synthesis:none;-webkit-font-smoothing:antialiased}
body,p,h1,h2,h3,ul,dl,dd{margin:0}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{color:inherit;font:inherit;cursor:pointer}
button:disabled{cursor:default}
img,svg{display:block;max-width:100%}
button svg,a svg{flex-shrink:0}
button{background:none;border:0}
::selection{background:var(--lilac);color:var(--bg)}
:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
[hidden]{display:none!important}
.container{max-width:1344px;padding-inline:var(--gutter);margin-inline:auto}
.mono{font-family:Medeo Mono,Consolas,monospace;font-size:13px;font-weight:450;line-height:1.5}
.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}
.skip-link{position:fixed;z-index:100;top:var(--s4);left:var(--s4);padding:var(--s3) var(--s4);background:var(--ink);color:var(--bg);transform:translateY(-200%)}
.skip-link:focus{transform:translateY(0)}
.site-header{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:var(--s8)}
.brand{display:flex;gap:var(--s6);align-items:center}
.wordmark{font-size:38px;font-weight:650;line-height:1;letter-spacing:-2px}
.brand-star{color:var(--accent);display:inline-block;margin-left:var(--s1)}
.brand-description{color:var(--muted);font-size:13px;line-height:1.3}
.site-nav{display:flex;align-items:center;gap:var(--s8)}
.site-nav a{display:flex;align-items:center;gap:var(--s2);padding-block:var(--s3)}
.nav-index{color:#909795;font-size:13px}
.site-nav a:hover,.small-link:hover,.text-link:hover{color:var(--accent)}
.site-nav a,.text-link,.small-link{transition:color .2s ease}
.menu-toggle{display:none;align-items:center;gap:var(--s4);min-height:48px;padding:var(--s2) 0}
.menu-toggle span{font-size:24px;line-height:1}
.hero{padding-top:var(--s16);padding-bottom:var(--s16)}
.hero-heading-wrap{position:relative}
.hero h1{font-size:clamp(80px,7.7vw,104px);font-weight:520;letter-spacing:-.04em;line-height:.99;max-width:1000px}
.hero-line{display:block}
.hero-subline{display:block;font-size:clamp(40px,4vw,52px);font-weight:440;letter-spacing:-.035em;line-height:1.16;margin-top:var(--s6)}
.hero-note{position:absolute;right:0;bottom:var(--s2);color:var(--muted);display:flex;flex-direction:column;gap:var(--s1);font-size:13px}
.hero-note svg{width:48px;height:48px;margin-top:var(--s8);align-self:flex-end;color:var(--ink)}
.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:var(--s12);align-items:end;margin-top:var(--s16)}
.hero-intro{font-size:19px;line-height:1.45;max-width:400px;color:#c3c6c1}
.hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--s8);padding-bottom:var(--s1)}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--s8);font-size:16px;font-weight:550;line-height:1.2;min-height:60px;padding:var(--s4) var(--s6);border-radius:999px;transition:background .2s ease,color .2s ease,transform .2s ease}
.button svg{width:24px;height:24px}
/* Shiny CTA: adapted from the supplied component for native anchor links. */
@property --gleam-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
@property --gleam-offset{syntax:"<angle>";initial-value:0deg;inherits:false}
@property --gleam-percent{syntax:"<percentage>";initial-value:5%;inherits:false}
@property --gleam-shine{syntax:"<color>";initial-value:#fff;inherits:false}
.button-primary{--gleam-soft:#d6b3ff;--gleam-duration:3s;isolation:isolate;position:relative;overflow:hidden;border:1px solid transparent;border-radius:32px;color:var(--ink);background:linear-gradient(#101112,#101112) padding-box,conic-gradient(from calc(var(--gleam-angle) - var(--gleam-offset)),transparent,var(--accent) var(--gleam-percent),var(--gleam-shine) calc(var(--gleam-percent)*2),var(--accent) calc(var(--gleam-percent)*3),transparent calc(var(--gleam-percent)*4)) border-box;box-shadow:inset 0 0 0 1px #302538;animation:gleam-sweep var(--gleam-duration) linear infinite;transition:--gleam-offset .8s cubic-bezier(.25,1,.5,1),--gleam-percent .8s cubic-bezier(.25,1,.5,1),--gleam-shine .8s cubic-bezier(.25,1,.5,1)}
.button-primary::before,.button-primary::after,.button-primary .button-label::before{content:"";pointer-events:none;position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:-1}
.button-primary::before{width:calc(100% - 6px);height:calc(100% - 6px);background:radial-gradient(circle at 2px 2px,#fff .5px,transparent 0);background-size:4px 4px;mask-image:conic-gradient(from calc(var(--gleam-angle) + 45deg),#000,transparent 10% 90%,#000);border-radius:inherit;opacity:.4}
.button-primary::after{width:100%;aspect-ratio:1;background:linear-gradient(-50deg,transparent,var(--accent),transparent);mask-image:radial-gradient(circle at bottom,transparent 40%,#000);opacity:.6;animation:gleam-shimmer var(--gleam-duration) linear infinite}
.button-primary .button-label,.button-primary svg{z-index:1}
.button-primary .button-label::before{width:calc(100% + 16px);height:calc(100% + 16px);box-shadow:inset 0 -1ex 32px 4px var(--accent);opacity:0;transition:opacity .8s cubic-bezier(.25,1,.5,1);animation:gleam-breathe 4.5s linear infinite}
.button-primary:active{translate:0 1px}
.button-primary:focus-visible{--gleam-percent:20%;--gleam-offset:95deg;--gleam-shine:var(--gleam-soft)}
.button-primary:focus-visible .button-label::before{opacity:1}
@media(hover:hover) and (pointer:fine){.button-primary:hover{--gleam-percent:20%;--gleam-offset:95deg;--gleam-shine:var(--gleam-soft)}.button-primary:hover .button-label::before{opacity:1}}
@keyframes gleam-sweep{to{--gleam-angle:360deg}}
@keyframes gleam-shimmer{to{rotate:360deg}}
@keyframes gleam-breathe{0%,100%{scale:1}50%{scale:1.2}}
html[data-shine-motion="paused"] .button-primary,html[data-shine-motion="paused"] .button-primary::after,html[data-shine-motion="paused"] .button-primary .button-label::before,html[data-page-hidden="true"] .button-primary,html[data-page-hidden="true"] .button-primary::after,html[data-page-hidden="true"] .button-primary .button-label::before,.button-primary[data-gleam-visible="false"],.button-primary[data-gleam-visible="false"]::after,.button-primary[data-gleam-visible="false"] .button-label::before{animation-play-state:paused}
html[data-shine-motion="paused"] .button-primary .button-label::before{opacity:0}
@media(prefers-reduced-motion:reduce){.button-primary,.button-primary::after,.button-primary .button-label::before{animation:none;transition:none}.button-primary{--gleam-angle:45deg;--gleam-percent:12%}.button-primary::after{opacity:.15}.button-primary .button-label::before{display:none}.button-primary:active{translate:none}}


.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--s6);font-size:16px;min-height:48px;white-space:nowrap}
.hero-actions .text-link{font-size:14px}
.service-strips{padding-top:var(--s4);overflow:hidden}
.marquee{width:100%;overflow:hidden;border-top:1px solid var(--line);padding-block:var(--s3)}
.marquee-secondary{border-bottom:1px solid var(--line)}
.marquee-track{display:flex;width:max-content;transform:translateX(-40px)}
.marquee-group{display:flex;align-items:center;gap:var(--s8);padding-right:var(--s8);flex-shrink:0;white-space:nowrap;font-family:Medeo Mono,Consolas,monospace;font-size:13px;line-height:1.7;font-weight:450}
.marquee-group i{font-style:normal;color:var(--lilac);font-size:17px}
.marquee-secondary .marquee-group i{color:var(--mint)}
.strip-controls{display:flex;justify-content:flex-end;padding-top:var(--s2)}
.motion-toggle{display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;padding:var(--s2) 0;color:var(--muted);font-size:13px}
.motion-toggle svg{width:12px;height:12px}
.motion-toggle:hover{color:var(--ink)}
.work-section{padding-top:var(--s12)}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--s6);margin-bottom:var(--s8)}
.section-label{font-weight:450;font-size:13px;display:flex;gap:var(--s4)}
.section-label>span{color:var(--muted)}
.section-aside{color:var(--muted);font-size:13px;text-align:right}
.project-media{overflow:hidden;border-radius:12px;display:flex;align-items:center;justify-content:center;isolation:isolate}
.project-media img{display:block;width:100%;height:auto;object-fit:contain;transform-origin:center;will-change:auto}
.media-yeti{background:#111520;padding:var(--s8) var(--s12)}
.media-yeti img{max-height:720px;width:auto;max-width:100%;border-radius:4px}
.project-caption{display:grid;grid-template-columns:1fr 1fr;gap:var(--s8);padding-top:var(--s6)}
.project-title{position:relative;padding-left:var(--s8)}
.project-number{position:absolute;left:0;top:var(--s2);font-size:13px;color:var(--muted)}
.project-title h3{font-size:34px;line-height:1.1;letter-spacing:-.035em;font-weight:500}
.project-category{display:block;margin-top:var(--s3);font-size:13px}
.project-detail>p{font-size:16px;color:#bec2bd;line-height:1.5}
.small-link{display:inline-flex;align-items:center;gap:var(--s4);min-height:44px;font-size:13px;margin-top:var(--s2);color:var(--muted)}
.small-link>span{font-size:17px;color:var(--ink)}
.project-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--s8);row-gap:var(--s16);align-items:start;margin-top:var(--s16)}
.project-grid .project-offset{padding-top:var(--s16)}
.project-grid .project-media{min-height:320px;padding:var(--s6)}
.media-art{background:#202326}
.media-imperial{background:#1d2524}
.media-skincosmo{background:#e9e4df}
.media-form{background:#b6b8af}
.project-grid .project-caption{display:block}
.project-grid .project-title h3{font-size:28px}
.project-grid .project-title{padding-right:var(--s1)}
.project-grid .project-category{margin-top:var(--s2)}
.project-grid .project-detail{margin-top:var(--s4);padding-left:var(--s8)}
.color-blue{color:var(--accent)}
.color-mint{color:var(--mint)}
.color-lilac{color:var(--lilac)}
.services-section{padding-top:var(--s32)}
.services-intro{display:grid;grid-template-columns:1fr 1fr;gap:var(--s12);align-items:end;margin-top:var(--s12);margin-bottom:var(--s16)}
.services-intro>p{font-size:48px;font-weight:450;line-height:1.06;letter-spacing:-.04em}
.services-intro>span{font-size:17px;line-height:1.5;color:var(--muted)}
.service-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s12);padding-block:var(--s12);border-top:1px solid var(--line)}
.service-row:last-child{border-bottom:1px solid var(--line)}
.service-category{font-size:13px;display:block;margin-bottom:var(--s6)}
.service-title h3{font-size:40px;line-height:1.06;letter-spacing:-.03em;font-weight:450}
.service-body{padding-top:var(--s8)}
.service-body>p{max-width:520px;font-size:18px;line-height:1.5;color:#ced0cb}
.service-tasks{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s6);padding:0;margin-top:var(--s6);list-style:none;color:var(--muted);font-size:13px}
.service-tasks li::before{content:'↳';display:inline-block;margin-right:var(--s2);color:#6c7474}
.about-section{padding-top:var(--s32)}
.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--s12);margin-top:var(--s16)}
.about-statement{font-size:80px;line-height:.99;font-weight:450;letter-spacing:-.04em}
.about-statement span{color:var(--lilac)}
.about-statement{container-type:inline-size;min-width:0}
.about-statement .about-line{display:block;white-space:nowrap;font-size:clamp(24px,16cqi,80px);color:var(--ink)}
.stagger-word{display:inline-block}
.about-statement .stagger-word{color:inherit}
.section-label>.stagger-word{color:inherit}
.section-label>.stagger-run{color:inherit}
.about-copy{max-width:540px}
.about-lead{font-size:24px;line-height:1.35;letter-spacing:-.015em}
.about-copy>p+p{font-size:18px;line-height:1.55;color:var(--muted);margin-top:var(--s6)}
.approach{border-top:1px solid var(--line);margin-top:var(--s8);padding-top:var(--s6)}
.approach>.mono{font-size:13px;color:var(--muted)}
.approach>p{font-size:21px;line-height:1.6;margin-top:var(--s3);letter-spacing:-.015em}
.approach>p>span{display:inline-block;margin-inline:var(--s2);color:var(--mint)}
.tools{display:grid;grid-template-columns:1fr 1fr;gap:var(--s12);margin-top:var(--s16);border-top:1px solid var(--line);padding-top:var(--s8)}
.tools>h3{color:var(--muted);font-size:13px;font-weight:450}
.tools dl>div{display:grid;grid-template-columns:88px 1fr;gap:var(--s4);padding-bottom:var(--s4)}
.tools dt{font-size:13px;line-height:1.7}
.tools dd{font-size:14px;color:#c3c6c1;line-height:1.55}
.contact-section{padding-top:var(--s32)}
.contact-section>.section-heading{padding-top:var(--s8);border-top:1px solid var(--line)}
.contact-section h2{font-size:clamp(56px,7.2vw,96px);line-height:1.02;font-weight:450;letter-spacing:-.04em;margin-top:var(--s16)}
.contact-question{color:var(--accent)}
.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--s8);margin-top:var(--s12);margin-bottom:var(--s24)}
.contact-bottom>div{display:flex;align-items:center;gap:var(--s8)}
.contact-hint{font-size:14px;line-height:1.5;color:var(--muted)}
.behance-link{font-size:14px}
.footer-line{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--s8);border-top:1px solid var(--line);padding-block:var(--s6);color:var(--muted);font-size:13px}
.footer-line>a{color:var(--ink);font-size:14px}
.preloader{position:fixed;inset:0;z-index:80;background:var(--bg);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--s6);pointer-events:none}
.loader-brand{font-size:64px;line-height:1;font-weight:550;letter-spacing:-.04em}
.preloader>.mono{font-size:13px;color:var(--muted)}
@media(min-width:1440px){.hero{padding-top:var(--s16)}.hero h1{font-size:104px}.hero-bottom{margin-top:var(--s16)}.project-grid .project-media{min-height:384px}}
@media(max-width:1100px){.hero h1{font-size:88px}.hero-note{font-size:13px}.hero-note svg{width:32px;height:32px}.hero-bottom{grid-template-columns:1fr 1fr;gap:var(--s8)}.hero-actions{gap:var(--s4);flex-wrap:wrap;justify-content:flex-start}.hero-intro{font-size:18px}.project-grid .project-media{min-height:264px}.project-title h3{font-size:30px}.contact-bottom>div{align-items:flex-start;flex-direction:column;gap:var(--s6)}.services-intro>p{font-size:44px}}
@media(max-width:800px){:root{--gutter:32px}.brand-description{display:none}.site-nav{gap:var(--s6)}.hero{padding-top:var(--s12);padding-bottom:var(--s12)}.hero h1{font-size:80px}.hero-subline{font-size:40px}.hero-note{display:none}.hero-bottom{margin-top:var(--s12);align-items:start}.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:var(--s2)}.hero-intro{font-size:17px}.hero-actions .button{font-size:15px;min-height:56px}.marquee-group{font-size:13px;gap:var(--s6);padding-right:var(--s6)}.project-grid{column-gap:var(--s6);row-gap:var(--s12)}.project-grid .project-media{padding:var(--s4);min-height:232px}.media-yeti{padding:var(--s6)}.project-title h3{font-size:28px}.project-grid .project-title h3{font-size:24px}.project-detail>p{font-size:14px}.project-grid .project-title,.project-grid .project-detail{padding-left:var(--s6)}.project-number{top:var(--s1)}.section-aside{font-size:13px}.service-row{gap:var(--s8)}.service-title h3{font-size:34px}.service-body>p{font-size:16px}.service-tasks{font-size:13px;gap:var(--s2)}.services-intro{gap:var(--s8)}.services-intro>p{font-size:36px}.services-intro>span{font-size:15px}.about-layout{gap:var(--s8)}.about-statement{font-size:64px}.about-lead{font-size:21px}.about-copy>p+p{font-size:16px}.tools{gap:var(--s8);grid-template-columns:1fr 2fr}.tools dl>div{grid-template-columns:72px 1fr}.tools dd{font-size:13px}.contact-section h2{font-size:64px}.contact-bottom{align-items:flex-end}.contact-bottom .button{font-size:15px}.behance-link{font-size:13px;gap:var(--s3)}}
@media(max-width:600px){:root{--gutter:24px}.site-header{min-height:80px;flex-wrap:wrap;gap:0;position:relative}.wordmark{font-size:34px}.site-nav{width:100%;flex-direction:column;align-items:stretch;gap:0;padding-bottom:var(--s4)}.site-nav>a{justify-content:space-between;border-top:1px solid var(--line);padding-block:var(--s4)}.site-nav .nav-index{order:2}.has-menu .site-nav:not(.is-open){display:none}.has-menu .menu-toggle{display:flex}.hero{padding-top:var(--s12);padding-bottom:var(--s12)}.hero h1{font-size:clamp(40px,10.7vw,64px);font-weight:520;line-height:1.02;letter-spacing:-.04em}.hero-subline{font-size:clamp(25px,6.4vw,38px);letter-spacing:-.035em;margin-top:var(--s4)}.hero-bottom{display:block;margin-top:var(--s12)}.hero-intro{font-size:17px;max-width:340px}.hero-actions{flex-direction:row;align-items:center;gap:var(--s4);margin-top:var(--s8);flex-wrap:wrap}.hero-actions .button{gap:var(--s4);min-height:56px;padding:var(--s4) var(--s6);font-size:14px}.hero-actions .button svg{width:20px;height:20px}.hero-actions .text-link{font-size:13px;gap:var(--s3)}.service-strips{padding-top:0}.marquee{padding-block:var(--s3)}.marquee-group{font-size:13px;gap:var(--s6)}.marquee-group i{font-size:14px}.motion-toggle{font-size:13px}.work-section{padding-top:var(--s8)}.section-heading{align-items:flex-start;margin-bottom:var(--s6)}.section-label{font-size:13px;gap:var(--s3)}.section-aside{display:none}.media-yeti{padding:var(--s4)}.project-media{border-radius:8px}.project-caption{display:block;padding-top:var(--s6)}.project-title{padding-left:var(--s6)}.project-title h3{font-size:28px}.project-category{font-size:13px;margin-top:var(--s2)}.project-detail{padding-left:var(--s6);margin-top:var(--s4)}.project-detail>p{font-size:15px}.small-link{font-size:13px}.project-grid{grid-template-columns:1fr;gap:var(--s12);margin-top:var(--s12)}.project-grid .project-offset{padding-top:0}.project-grid .project-media{padding:var(--s4);min-height:0;aspect-ratio:auto}.project-grid .project-media img{width:100%}.project-grid .project-title h3{font-size:28px}.services-section,.about-section,.contact-section{padding-top:var(--s24)}.services-intro{display:block;margin-top:var(--s8);margin-bottom:var(--s12)}.services-intro>p{font-size:36px}.services-intro>span{display:block;margin-top:var(--s6);font-size:16px}.service-row{display:block;padding-block:var(--s8)}.service-category{font-size:13px;margin-bottom:var(--s4)}.service-title h3{font-size:32px}.service-title h3 br{display:none}.service-body{padding-top:var(--s6)}.service-body>p{font-size:16px}.service-tasks{font-size:13px;gap:var(--s2) var(--s4);margin-top:var(--s4)}.about-layout{display:block;margin-top:var(--s12)}.about-statement{font-size:64px}.about-copy{margin-top:var(--s8)}.about-lead{font-size:22px}.about-copy>p+p{font-size:17px}.tools{display:block;margin-top:var(--s12);padding-top:var(--s6)}.tools dl{margin-top:var(--s6)}.tools dl>div{grid-template-columns:72px 1fr;gap:var(--s3)}.tools dd{font-size:13px}.contact-section>.section-heading{padding-top:var(--s6)}.contact-section h2{font-size:clamp(40px,10.7vw,64px);margin-top:var(--s12);line-height:1.04}.contact-bottom{display:block;margin-top:var(--s8);margin-bottom:var(--s12)}.contact-bottom>div{gap:var(--s6)}.contact-bottom .button{font-size:15px;gap:var(--s8)}.contact-hint{font-size:14px}.behance-link{margin-top:var(--s6);font-size:13px;gap:var(--s6)}.footer-line{grid-template-columns:1fr auto;gap:var(--s4);padding-block:var(--s6)}.footer-line>span:nth-child(2){grid-column:1;grid-row:2}.footer-line>span:last-child{grid-column:2;grid-row:1}.loader-brand{font-size:48px}}
@media(max-width:359px){:root{--gutter:20px}.hero{padding-top:var(--s8)}.hero h1{font-size:40px}.hero-subline{font-size:25px}.hero-intro{font-size:16px}.hero-actions{gap:var(--s2) var(--s4)}.hero-actions .button{padding-inline:var(--s4);font-size:13px}.hero-actions .text-link{font-size:13px}.services-intro>p{font-size:32px}.service-title h3{font-size:28px}.about-statement{font-size:56px}.about-lead{font-size:20px}.contact-section h2{font-size:40px}.tools dl>div{grid-template-columns:64px 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none!important;transform:none!important}[data-parallax]{transform:none!important}.button-primary:hover{transform:none}}

/* Original shine mark and the compact project index. */
.brand-symbol{width:48px;height:48px;object-fit:contain;flex-shrink:0;mix-blend-mode:screen}
.brand{gap:var(--s3)}
.brand-description{margin-left:var(--s3)}
.hero-subline,.section-label>span,.about-statement span{color:var(--accent)}
.hero-note svg{color:var(--accent)}
.contact-question{display:inline-block;margin-inline-start:var(--s3)}
.social-links{display:flex;align-items:center;gap:var(--s3)}
.social-link{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;color:var(--ink);transition:color .2s ease,border-color .2s ease,background-color .2s ease}
.social-link svg{width:24px;height:24px}
.social-link:focus-visible{color:var(--accent);border-color:var(--accent)}
@media(hover:hover) and (pointer:fine){.social-link:hover{color:var(--accent);border-color:var(--accent);background:#b473ff0d}}
.footer-line{grid-template-columns:1fr 1fr auto auto;align-items:center}
@media(max-width:600px){.contact-social{margin-top:var(--s8)}.footer-line{grid-template-columns:1fr auto}.footer-social{grid-column:2;grid-row:1}.footer-line>.footer-description{grid-column:1;grid-row:2}.footer-line>span.footer-copyright{grid-column:2;grid-row:2;justify-self:end}}
@media(prefers-reduced-motion:reduce){.social-link{transition:none}}
.service-title h3{color:var(--ink)}
.service-tasks li::before{color:var(--accent)}
.loader-brand{display:flex;align-items:center;gap:var(--s6)}
.loader-brand .brand-symbol{width:80px;height:80px}
.footer-line>a{display:inline-flex;align-items:center;gap:var(--s3);justify-self:start}
.footer-line .brand-symbol{width:32px;height:32px}
.about-copy>.experience-line{color:var(--accent);font-size:14px;margin-bottom:var(--s6)}
.about-copy>.experience-line+.about-lead{font-size:24px;line-height:1.35;letter-spacing:-.015em;color:var(--ink);margin-top:0}
.work-section{padding-top:var(--s32)}
.project-list .project{border-top:1px solid var(--line);padding-block:var(--s8)}
.project-list .project:last-child{border-bottom:1px solid var(--line)}
.project-list .project-caption{padding-top:0}
.project-list .project-title{padding-left:var(--s8)}
.project-list .project-title h3{font-size:40px}
.project-list .project-number{color:var(--accent)}
.project-list .project-detail{max-width:520px}
@media(max-width:800px){.about-copy>.experience-line+.about-lead{font-size:21px}.project-list .project-title h3{font-size:32px}}
@media(max-width:600px){.brand-symbol{width:40px;height:40px}.brand{gap:var(--s2)}.loader-brand{gap:var(--s4)}.loader-brand .brand-symbol{width:64px;height:64px}.work-section{padding-top:var(--s24)}.project-list .project{padding-block:var(--s6)}.project-list .project-title{padding-left:var(--s6)}.project-list .project-title h3{font-size:28px}.about-copy>.experience-line+.about-lead{font-size:22px}}
@media(max-width:359px){.about-copy>.experience-line+.about-lead{font-size:20px}}



.project-links{display:flex;flex-wrap:wrap;column-gap:var(--s6)}