@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--night:#090b30;--panel:#111746;--pink:#ff19b7;--cyan:#22f4f2;--yellow:#ffe45b;--white:#f8f5ff;--muted:#c6c7e7;--line:#414a92}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--white);font:16px/1.55 'DM Sans',Arial,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}.wrap{width:min(1220px,calc(100% - 48px));margin:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.05;letter-spacing:-.055em}header{background:radial-gradient(ellipse at 83% 28%,#251d78 0%,#101344 44%,#080a2c 85%);position:relative;overflow:hidden}header:before{content:"";position:absolute;inset:0;opacity:.19;pointer-events:none;background:linear-gradient(transparent 96%,#3589d0 97%),linear-gradient(90deg,transparent 96%,#3589d0 97%);background-size:62px 62px;mask-image:linear-gradient(to bottom,transparent 25%,black)}header .wrap{position:relative}nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.wordmark span{color:var(--pink)}.links{display:flex;gap:28px;font-size:.88rem;font-weight:700}.links a{text-decoration:none}.links a:hover{color:var(--cyan)}.hero{padding:75px 0 91px;display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:60px}.eyebrow,.kicker{margin-bottom:24px;text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:800;color:var(--cyan)}h1{font-size:clamp(3.5rem,7.4vw,7rem);text-transform:uppercase;margin-bottom:22px}h1 em{font-style:normal;color:var(--pink);text-shadow:0 0 26px #ff19b782}.intro{font-size:clamp(1.12rem,1.7vw,1.38rem);color:#dbe0ff;max-width:690px;margin:0}.hero-side{border-left:2px solid var(--cyan);padding-left:26px;max-width:360px;color:#d3d5f5}.hero-side strong{display:block;color:var(--yellow);margin-bottom:8px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 22px;background:var(--pink);color:var(--night);font-size:.87rem;font-weight:800;text-decoration:none;box-shadow:0 0 20px #ff19b767;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px);box-shadow:0 0 30px #ff19b7ae}.text-link{font-weight:800;text-underline-offset:5px}.text-link:hover{color:var(--cyan)}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.section{padding:84px 0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:28px}.section-title h2{font-size:clamp(2.6rem,5vw,4.6rem);margin:0}.section-title p{color:var(--muted);max-width:420px;margin:0}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:30px}.filters a{display:inline-block;border:1px solid #5361ad;padding:8px 13px;font-size:.82rem;font-weight:700;text-decoration:none;color:#dce4ff}.filters a:hover{border-color:var(--cyan);color:var(--cyan)}.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.work{min-width:0;background:var(--panel);border:1px solid #424a94;display:flex;flex-direction:column}.work.featured{grid-column:span 7}.work.wide{grid-column:span 5}.work.third{grid-column:span 4}.work-media{height:260px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(140deg,#17164b,#2f1b68 64%,#5a196c)}.work.featured .work-media{height:355px;background:radial-gradient(circle at center,#403077,#0b0c32 68%)}.work-media img{height:90%;max-width:80%;object-fit:contain}.work-media.type{justify-items:start;align-items:end;padding:23px;background:linear-gradient(145deg,#171862,#371969 70%,#7a165f)}.work-media.type b{font-weight:800;letter-spacing:-.09em;line-height:.8;font-size:clamp(5rem,13vw,12rem);color:#ff19b7;text-shadow:8px 7px 0 #20f5f1,0 0 35px #e90dbb71}.work-media.systems{background:linear-gradient(135deg,#111d58,#182476 55%,#4e1d77)}.workflow{display:flex;align-items:center;gap:9px;width:85%;color:var(--cyan)}.workflow span{border:1px solid var(--cyan);padding:14px 10px;flex:1;text-align:center;font-size:.79rem;font-weight:800;box-shadow:0 0 12px #22f4f239}.workflow i{height:2px;flex:.35;background:var(--pink)}.work-media.photoshop{background:linear-gradient(122deg,#fe38aa 0 45%,#172260 45% 100%)}.work-media.photoshop b,.work-media.photo b,.work-media.ai b{font-size:clamp(3.5rem,7vw,6rem);font-weight:800;letter-spacing:-.09em}.work-media.photoshop b{color:#fff;mix-blend-mode:overlay;transform:rotate(-7deg)}.work-media.photo{background:linear-gradient(155deg,#0c183f 15%,#373070 48%,#e1549d 77%,#ffd45a)}.work-media.photo b{color:#100d36;text-shadow:0 1px 0 #fff}.work-media.ai{background:radial-gradient(circle at 50% 50%,#9153c7,#26207a 54%,#10164d)}.work-media.ai b{color:var(--cyan);text-shadow:0 0 15px var(--cyan),0 0 48px var(--pink)}.work-copy{padding:24px 26px 28px;flex:1}.work-copy small{color:var(--cyan);font-size:.73rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.work-copy h3{font-size:clamp(1.6rem,2.2vw,2.2rem);margin:8px 0 10px}.work-copy p{color:var(--muted);margin:0;max-width:560px}.work-copy a{display:inline-block;margin-top:15px;color:var(--yellow);font-weight:700;text-underline-offset:4px}.note{margin:26px 0 0;color:#bfc4e9;font-size:.9rem}.about{background:#111548;padding:82px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about h2{font-size:clamp(2.8rem,5vw,4.5rem);margin:0}.about p{color:var(--muted)}.contact{padding:93px 0;text-align:center;background:radial-gradient(ellipse at 50% 100%,#4b217c,#090b30 68%)}.contact h2{font-size:clamp(3rem,5vw,5rem);margin:0 0 20px}.contact p{color:var(--muted)}.contact .button{margin-top:12px}footer{border-top:1px solid var(--line);padding:23px 0;color:#b4b8d8;font-size:.82rem}footer .wrap{display:flex;justify-content:space-between;gap:20px}footer a{color:var(--cyan);text-decoration:none}@media(max-width:900px){.hero{gap:32px}.work.featured,.work.wide{grid-column:span 6}.work.third{grid-column:span 6}.work.featured .work-media{height:260px}}@media(max-width:650px){.wrap{width:calc(100% - 34px)}nav{min-height:66px}.wordmark{font-size:.85rem;letter-spacing:0}.links{gap:12px;font-size:.8rem}.hero{grid-template-columns:1fr;padding:65px 0 70px;gap:27px}h1{font-size:clamp(3.25rem,12.5vw,5.4rem)}.section{padding:62px 0}.section-title{display:block}.section-title p{margin-top:14px}.gallery{gap:16px}.work.featured,.work.wide,.work.third{grid-column:span 12}.work-media,.work.featured .work-media{height:250px}.work-media.type b{font-size:9rem}.about{padding:66px 0}.about-grid{grid-template-columns:1fr;gap:20px}.contact{padding:75px 0}footer .wrap{display:block}}

/* Light portfolio palette */
:root{--night:#12224c;--panel:#fff;--pink:#f9008c;--cyan:#243c78;--yellow:#f9008c;--white:#fff;--muted:#34446a;--line:#d9dfec}
body{background:#fff;color:var(--night)}header{background:#fff}header:before{display:none}nav{border-color:var(--line)}.wordmark{font-size:1.65rem;font-weight:800;letter-spacing:-.035em;line-height:1.1}.wordmark span{color:var(--night)}.links a:hover{color:var(--pink)}.hero{padding:75px 0 80px}.eyebrow,.kicker{color:var(--pink)}h1 em{color:var(--pink);text-shadow:none}.intro{color:var(--muted)}.hero-side{color:var(--muted);border-color:var(--pink)}.hero-side strong{color:var(--night)}.button{background:var(--pink);color:#fff;box-shadow:none}.button:hover{box-shadow:0 7px 20px #f9008c42}.text-link,.work-copy a,footer a{color:var(--pink)}.text-link:hover,.work-copy a:hover,footer a:hover{color:#b90069}.section-title p,.work-copy p,.about p,.contact p{color:var(--muted)}.filters a{border-color:#bdc7dd;color:var(--night)}.filters a:hover{border-color:var(--pink);color:var(--pink)}.work{background:#fff;border-color:#dce1ec;box-shadow:0 10px 26px #1628590d}.work-copy small{color:#b90069}.work-media{background:#eaf0fa}.work.featured .work-media{background:#121c46}.work-media.type{background:linear-gradient(145deg,#eaf0fc,#c8d7f7)}.work-media.type b{color:var(--night);text-shadow:7px 6px 0 #f9008c}.work-media.systems{background:#e8edfa}.workflow{color:var(--night)}.workflow span{border-color:var(--night);box-shadow:none}.workflow i{background:var(--pink)}.work-media.photoshop{background:linear-gradient(122deg,#ff9ed2 0 45%,#dae4fa 45% 100%)}.work-media.photoshop b{color:var(--night);mix-blend-mode:normal}.work-media.photo{background:linear-gradient(155deg,#e3ebfc 10%,#b7c9ed 50%,#fa9acc 83%,#f7e3ef)}.work-media.photo b{color:var(--night);text-shadow:none}.work-media.ai{background:radial-gradient(circle,#e4d8fb,#dce7fa 60%,#c4d5f3)}.work-media.ai b{color:var(--night);text-shadow:5px 5px 0 #f9008c}.about{background:#f4f6fb}.contact{background:#fff;border-top:1px solid var(--line)}footer{background:#f4f6fb;color:var(--muted);border-color:var(--line)}
@media(max-width:650px){.wordmark{font-size:1.13rem;letter-spacing:-.04em}.hero{padding:58px 0 66px}}

/* Two-part wave and scrolling blue work surface */
.wordmark{font-size:clamp(1.85rem,3vw,2.7rem);font-weight:800;letter-spacing:-.06em;white-space:nowrap}.wordmark span{color:var(--night)}nav{min-height:100px}
.wave-transition{height:150px;background:#fff;overflow:hidden;line-height:0}.wave-transition svg{display:block;width:100%;height:100%;filter:drop-shadow(0 -9px 12px rgba(6,18,54,.38))}
.work-zone{background-color:#12224c;background-image:radial-gradient(circle at center,rgba(255,255,255,.08) 1px,transparent 1.6px),repeating-linear-gradient(115deg,transparent 0 125px,rgba(103,145,220,.07) 126px 127px,transparent 128px 260px);background-size:32px 32px,cover;background-attachment:fixed;color:#fff;margin-top:-1px;position:relative}
.work-zone .section{padding-top:62px;padding-bottom:105px}.work-zone .section-title{border-color:#6775a2}.work-zone .section-title p{color:#d5def4}.work-zone .filters a{border-color:#8c9bc5;color:#fff;background:#ffffff12}.work-zone .filters a:hover{border-color:var(--pink);color:#fff;background:var(--pink)}.work-zone .work{color:var(--night)}
@media(max-width:650px){nav{flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:16px 0}.wordmark{font-size:clamp(1.55rem,7vw,2rem)}.links{gap:23px}.wave-transition{height:92px}.work-zone{background-attachment:scroll}.work-zone .section{padding-top:45px;padding-bottom:72px}}

/* Soft concrete surface; shadow falls inside the blue */
body,header,.wave-transition,.contact{background-color:#f2f3f2;background-image:radial-gradient(circle,rgba(27,42,74,.065) .65px,transparent .9px),linear-gradient(135deg,#f5f6f5,#eceeed);background-size:8px 8px,cover}
.wave-transition{height:180px}.wave-transition svg{filter:none}.work{background:#fafbfa}.work-zone .work{background:#fafbfa}
@media(max-width:650px){.wave-transition{height:112px}}

/* Real portfolio pieces and repeated section transitions */
.work-media.real{background:#e7e9f3}.work-media.real img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}.work-media.real.contain{background:#11142a}.work-media.real.contain img{object-fit:contain;padding:14px}
.wave-transition.reverse{background:#12224c}.wave-transition.final{background:#f4f6fb}
.contact{background:#12224c;color:#fff}.contact p{color:#d5def4}.contact .kicker{color:#ff75ba}

/* Animated neon orbit around a dark underline */
@property --orbit-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
.wordmark{position:relative;display:inline-block;padding-bottom:15px}.name-underline{position:absolute;left:0;right:0;bottom:3px;height:9px;display:block;pointer-events:none}.name-underline:after{content:"";position:absolute;left:0;right:0;top:3px;height:3px;background:#080910;border-radius:999px}.name-underline:before{content:"";position:absolute;inset:-1px;border-radius:999px;padding:2px;background:conic-gradient(from var(--orbit-angle),transparent 0 58%,#f9008c 70%,#11e9ff 80%,#ffdf35 90%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 4px #f9008c) drop-shadow(0 0 7px #10ddf5);animation:orbit-around 3s linear infinite,color-shift 7s linear infinite}
@keyframes orbit-around{to{--orbit-angle:360deg}}@keyframes color-shift{to{filter:hue-rotate(360deg) drop-shadow(0 0 5px #f9008c) drop-shadow(0 0 8px #10ddf5)}}
@media(prefers-reduced-motion:reduce){.name-underline:before{animation:none}}

/* A single light travels around the dark line */
.name-underline:after{top:4px;height:2px}
.name-underline:before{inset:auto;left:0;top:0;width:9px;height:9px;padding:0;border-radius:50%;background:#ff1399;-webkit-mask:none;mask:none;filter:none;box-shadow:0 0 5px 2px #ff1399,0 0 13px 4px #ff139988;animation:dot-orbit 4.8s linear infinite,dot-hue 7s linear infinite}
@keyframes dot-orbit{0%{left:0;top:0}48%{left:calc(100% - 9px);top:0}50%{left:calc(100% - 9px);top:8px}98%{left:0;top:8px}100%{left:0;top:0}}
@keyframes dot-hue{to{filter:hue-rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.name-underline:before{animation:none}}
/* Internal project pages */
.detail-header{padding:62px 0 70px}.detail-header h1{font-size:clamp(3.2rem,7vw,6rem);margin:0 0 20px}.detail-header p:last-child{max-width:700px;color:var(--muted);font-size:1.2rem}.detail-zone{background-color:#12224c;background-image:radial-gradient(circle at center,rgba(255,255,255,.08) 1px,transparent 1.6px);background-size:32px 32px;color:#fff;padding:55px 0 100px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:45px;align-items:start}.detail-art{background:#e9eaf0;min-height:340px;display:grid;place-items:center}.detail-art.dark{background:#11142a}.detail-art img{display:block;width:100%;height:auto;max-height:750px;object-fit:contain}.detail-info h2{font-size:clamp(2rem,3vw,3rem)}.detail-info p{color:#d6ddf3}.detail-info a{color:#ff80bf;text-underline-offset:5px}.detail-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px}.detail-actions a{font-weight:800}.backlink{font-weight:800;color:#f9008c;text-decoration:none}.backlink:hover{text-decoration:underline}.work-zone .work-copy a{color:#c0006c}.work-zone .work-copy a:hover{color:#86004b}.work-index{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-index a{display:block;background:#f9f9fa;color:#12224c;text-decoration:none;border:1px solid #dce1ec;overflow:hidden}.work-index img{display:block;width:100%;height:230px;object-fit:cover}.work-index strong{display:block;font-size:1.5rem;padding:18px}.work-index a:hover strong{color:#d00076}
@media(max-width:800px){.detail-layout{grid-template-columns:1fr}.work-index{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.work-index{grid-template-columns:1fr}.detail-zone{padding:40px 0 70px}}

/* Bubble surfaces and a crisp, reusable bright RGB spectrum */
:root{--rgb-pink:#ff0a9c;--rgb-red:#ff3434;--rgb-orange:#ff8a00;--rgb-yellow:#ffe600;--rgb-green:#20ed49;--rgb-cyan:#00eaff;--rgb-blue:#2860ff;--rgb-violet:#aa36ff}
.name-underline:before{width:5px;height:5px;top:2px;background:var(--rgb-pink);box-shadow:0 0 0 1px #fff9;filter:none;animation:crisp-orbit 4.8s linear infinite,rgb-cycle 8s steps(1,end) infinite}
@keyframes crisp-orbit{0%{left:0;top:2px}48%{left:calc(100% - 5px);top:2px}50%{left:calc(100% - 5px);top:7px}98%{left:0;top:7px}100%{left:0;top:2px}}
@keyframes rgb-cycle{0%,100%{background:var(--rgb-pink)}12.5%{background:var(--rgb-red)}25%{background:var(--rgb-orange)}37.5%{background:var(--rgb-yellow)}50%{background:var(--rgb-green)}62.5%{background:var(--rgb-cyan)}75%{background:var(--rgb-blue)}87.5%{background:var(--rgb-violet)}}
header,.about{background-image:radial-gradient(circle at 87% 31%,#fff9 0 2px,#ffffff18 3px 32px,transparent 35px),radial-gradient(circle at 7% 82%,#fff9 0 1px,#ffffff20 2px 22px,transparent 25px),radial-gradient(circle at 57% 12%,#fff7 0 1px,#ffffff18 2px 16px,transparent 19px),linear-gradient(125deg,#ffffff4d,transparent 40%,#d8e0ec36 78%,#ffffff70);background-color:#f2f3f2}
.work-zone,.detail-zone{background-image:radial-gradient(circle at 18% 28%,#ffffff60 0 1px,#ffffff18 2px 28px,transparent 31px),radial-gradient(circle at 76% 67%,#ffffff54 0 1px,#ffffff12 2px 42px,transparent 45px),radial-gradient(circle at center,#ffffff12 1px,transparent 1.6px);background-size:420px 380px,550px 510px,32px 32px}
.work,.work-index a,.detail-art{border-radius:18px;overflow:hidden;box-shadow:inset 0 2px 2px #ffffffb0,0 14px 25px #07133436}.work-media:after,.work-index a:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 2px 1px #ffffff80,inset 0 -7px 14px #07133419}.work-index a{position:relative}.button{border-radius:999px;box-shadow:inset 0 2px 1px #ffffff8c,0 8px 17px #ad136b38}

/* Scrollable work rails */
.carousel-head{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:0 0 16px}.carousel-status{font-size:.9rem;font-weight:700;color:inherit;min-width:4rem;text-align:center}.carousel-control{width:44px;height:44px;border-radius:50%;border:1px solid #ffffff7d;background:#ff0a9c;color:#fff;font-family:inherit;font-size:1.4rem;font-weight:700;line-height:1;cursor:pointer;box-shadow:inset 0 2px 1px #ffffff8c,0 5px 15px #07133440}.carousel-control:hover{background:#d9007f}.carousel-control:disabled{opacity:.45;cursor:default}.carousel-control:focus-visible{outline:3px solid var(--rgb-yellow);outline-offset:3px}
.gallery.carousel-track,.work-index.carousel-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#ff0a9c transparent;padding:4px 5px 23px;overscroll-behavior-inline:contain}.gallery.carousel-track>.work{flex:0 0 min(390px,85vw);scroll-snap-align:start}.gallery.carousel-track .work-media,.gallery.carousel-track .work.featured .work-media{height:285px}.work-index.carousel-track>a{flex:0 0 min(350px,82vw);scroll-snap-align:start}.gallery.carousel-track .work-copy h3{font-size:1.75rem}.gallery.carousel-track .work-copy{padding:22px}.work-zone .carousel-status{color:#fff}
.detail-zone .carousel-head{width:min(1220px,calc(100% - 48px));margin-inline:auto}
@media(max-width:650px){.gallery.carousel-track>.work{flex-basis:85vw}.gallery.carousel-track .work-media,.gallery.carousel-track .work.featured .work-media{height:245px}}
@media(prefers-reduced-motion:reduce){.name-underline:before{animation:none}.gallery.carousel-track,.work-index.carousel-track{scroll-behavior:auto}}

/* One neutral concrete surface, with midnight blue and scattered neon lights */
:root{--midnight:#080d26;--concrete:#f1f1f0;--night:#12224c;--panel:var(--concrete);--line:#c9c9c9}
body,header,.about,.wave-transition,.wave-transition.final,footer{background-color:var(--concrete);background-image:radial-gradient(circle,#22222210 .65px,transparent .9px),radial-gradient(circle,#ffffffad .6px,transparent 1.1px),linear-gradient(135deg,#f4f4f3,#ededec);background-size:7px 7px,11px 11px,cover;color:var(--night)}
.wave-transition.reverse{background-color:var(--midnight);background-image:none}
.work-zone,.detail-zone,.contact{background-color:var(--midnight);background-image:radial-gradient(circle at 15% 22%,#ffffffee 0 1px,#00eaff99 2px,#00eaff28 7px,transparent 18px),radial-gradient(circle at 82% 64%,#ffffffec 0 1px,#ff0a9ca6 2px,#ff0a9c2e 7px,transparent 19px),radial-gradient(circle at 64% 17%,#ffffffde 0 1px,#2860ff9c 2px,#2860ff2a 6px,transparent 16px),radial-gradient(circle at 38% 78%,#ffffffe8 0 1px,#20ed49a0 2px,#20ed4924 6px,transparent 17px),radial-gradient(circle at center,#ffffff14 .8px,transparent 1.5px),linear-gradient(130deg,#0b1533,var(--midnight) 55%,#070b1c);background-size:510px 460px,650px 540px,720px 610px,810px 670px,32px 32px,cover;color:#fff}
.work-zone{background-attachment:fixed}.contact{border-top:0}.contact p{color:#d5def4}
.work,.work-zone .work,.work-index a,.detail-art{background-color:var(--concrete)}.work-media.real{background-color:var(--concrete)}
@media(max-width:650px){.work-zone{background-attachment:scroll}}

/* A little more Felicia: bold rhythm and controlled irregularity */
.hero{position:relative}.hero-main{position:relative;z-index:1}.hero h1{font-weight:800;letter-spacing:-.09em}.hero h1 em{display:inline-block;transform:rotate(-2deg) translateX(8px);text-shadow:3px 4px 0 #e991cd,-2px -2px 0 #93eff0}.hero-period{display:inline-block;transform:translate(10px,-12px) rotate(14deg);color:#ff782c;text-shadow:3px 3px 0 #f40096}
.hero-side{max-width:310px;padding-left:20px;border-left:5px solid #ff792d;box-shadow:-6px 0 0 #f10099;font-weight:500}.hero-side strong{font-size:1.1rem;line-height:1.3;margin-bottom:12px}
.hero-orbit{width:176px;height:176px;margin:0 0 32px auto;border-radius:50%;position:relative;display:grid;place-items:center;background:conic-gradient(from 25deg,#ff812d 0 17%,transparent 17% 28%,#f500a6 28% 46%,transparent 46% 58%,#28dce8 58% 72%,transparent 72% 83%,#7b55b7 83% 95%,transparent 95%);transform:rotate(-12deg);filter:drop-shadow(0 8px 2px #3b254629)}
.hero-orbit:before{content:"";position:absolute;inset:12px;border-radius:50%;background:radial-gradient(circle,#ffffff 0 8%,#ededec 9% 60%,#f8f8f7 61%);border:2px solid #3a235a}.hero-orbit:after{content:"";position:absolute;width:205px;height:85px;border:2px solid #392055;border-radius:50%;transform:rotate(-33deg)}.hero-orbit span{z-index:1;font-size:2.4rem;font-weight:800;letter-spacing:-.11em;color:#30234d;transform:rotate(12deg)}
.portfolio-intro{position:relative;overflow:hidden}.portfolio-intro:after{content:"";position:absolute;right:24%;top:10px;width:85px;height:85px;border:5px solid #ff8a32;border-radius:15px 55px 15px 55px;transform:rotate(28deg);box-shadow:15px 7px 0 #f600a1,25px 12px 0 #23e1e866;pointer-events:none}.portfolio-intro h2{font-style:italic;letter-spacing:-.075em}
.portfolio-lane{position:relative;--lane-accent:#ff65b8}.portfolio-lane[data-ghost="02"]{--lane-accent:#3fe9ed}.portfolio-lane[data-ghost="03"]{--lane-accent:#ffad54}
.portfolio-lane:before{content:attr(data-ghost);position:absolute;right:2%;top:26px;font-size:clamp(8rem,19vw,17rem);font-weight:800;line-height:1;letter-spacing:-.12em;color:transparent;-webkit-text-stroke:2px #ffffff1d;pointer-events:none}
.lane-heading{position:relative;z-index:1}.lane-heading h2{font-style:italic;transform:rotate(-2deg);transform-origin:left bottom;text-shadow:5px 5px 0 #20152d}.lane-heading .lane-period{color:var(--lane-accent)}.lane-number{color:var(--lane-accent)}
.portfolio-lane .gallery.carousel-track{counter-reset:piece;padding-top:14px;padding-bottom:58px;align-items:flex-start}.portfolio-lane .gallery.carousel-track>.work{counter-increment:piece;position:relative;border:2px solid #fff8;box-shadow:10px 12px 0 #130c273d,0 18px 35px #100e2944;border-radius:10px 42px 10px 32px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.portfolio-lane .gallery.carousel-track>.work:nth-child(even){transform:translateY(24px);border-radius:36px 9px 32px 10px}.portfolio-lane .gallery.carousel-track>.work:hover{transform:translateY(-4px) rotate(-.6deg);box-shadow:13px 16px 0 #130c2755,0 20px 35px #100e2966}.portfolio-lane .gallery.carousel-track>.work:nth-child(even):hover{transform:translateY(7px) rotate(.6deg)}
.portfolio-lane .gallery.carousel-track>.work:before{content:counter(piece,decimal-leading-zero);position:absolute;z-index:2;left:13px;top:13px;background:var(--lane-accent);color:#1b1730;padding:4px 11px;border-radius:5px 17px 5px 17px;font-size:.85rem;font-weight:800;box-shadow:2px 3px 0 #2212378a}
.portfolio-lane .work-media{border-bottom:7px solid var(--lane-accent)}.portfolio-lane .gallery.carousel-track>.work:first-child{flex-basis:min(455px,85vw)}
.portfolio-lane .work-copy h3{letter-spacing:-.055em}.portfolio-lane .work-copy a{text-decoration-thickness:2px;text-decoration-color:var(--lane-accent)}
.index-lane:nth-child(2) .lane-period{color:#3fe9ed}.index-lane:nth-child(3) .lane-period{color:#ffad54}
@media(max-width:800px){.hero-orbit{margin-left:0}.portfolio-intro:after{right:6%;opacity:.6}}
@media(max-width:650px){.hero h1 em{transform:rotate(-2deg) translateX(3px);text-shadow:2px 2px 0 #e991cd}.hero-period{transform:translate(3px,-5px)}.hero-orbit{width:112px;height:112px;margin:0 0 22px}.hero-orbit:after{width:135px;height:55px}.hero-orbit span{font-size:1.6rem}.portfolio-intro:after{top:5px;right:10px;width:46px;height:46px;border-width:3px;box-shadow:8px 5px 0 #f600a1}.portfolio-lane:before{top:15px;font-size:8rem}.portfolio-lane .gallery.carousel-track>.work:nth-child(even){transform:translateY(12px)}.portfolio-lane .gallery.carousel-track{padding-bottom:38px}}
@media(prefers-reduced-motion:reduce){.portfolio-lane .gallery.carousel-track>.work{transition:none}}

/* Create / Build / Invent: a composed editorial structure */
nav .links{flex-wrap:wrap;justify-content:flex-end;gap:8px clamp(12px,2vw,26px)}
nav .links a{white-space:nowrap}
.hero{grid-template-columns:minmax(0,1.5fr) minmax(220px,.5fr);align-items:end;gap:clamp(24px,5vw,80px);padding-block:92px 104px}
.hero h1{font-size:clamp(3rem,7vw,8rem);line-height:.9;letter-spacing:-.085em;text-transform:uppercase;margin:0 0 32px;max-width:1050px}
.hero h1 em{color:var(--night);text-shadow:none;white-space:nowrap}.hero-period{color:var(--pink)}
.hero .intro{max-width:700px;color:#29375d;font-size:clamp(1.15rem,2vw,1.55rem)}
.hero-side{border-left:1px solid var(--pink);padding-left:25px;font-size:1rem;line-height:1.6}
.work-zone .section{padding-top:88px}.portfolio-intro{display:grid;grid-template-columns:1fr minmax(240px,.75fr);gap:30px;align-items:end;padding-bottom:64px;border-bottom:1px solid #ffffff36}.portfolio-intro .eyebrow{grid-column:1/-1;margin:0;color:#ff61b8}.portfolio-intro h2{font-size:clamp(3rem,6.5vw,6.5rem);line-height:.95;margin:0}.portfolio-intro>p:last-child{max-width:470px;margin:0;color:#cbd3ec;font-size:1.1rem}
.portfolio-lane{padding:48px 0 64px;border-bottom:1px solid #ffffff30;scroll-margin-top:24px}.portfolio-lane:last-of-type{border:0}.lane-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.lane-number{display:block;font-size:.83rem;letter-spacing:.16em;font-weight:800;color:#fca4d4;text-transform:uppercase;margin-bottom:8px}.lane-heading h2,.index-lane h2{font-size:clamp(3rem,6vw,6rem);margin:0 0 5px;letter-spacing:-.07em}.lane-period{color:var(--pink)}.lane-heading p,.index-lane p{margin:0;color:#cbd3ec;font-size:1.04rem}.lane-heading .carousel-head{margin:0 0 4px}.portfolio-lane .gallery.carousel-track{padding-bottom:22px}.all-projects{display:inline-flex;margin:12px 0 0;padding:12px 0;color:#ff89c7;font-weight:800;text-underline-offset:5px}
.project-index{padding-block:60px 90px}.index-lane{margin-bottom:76px}.index-lane:last-child{margin-bottom:0}.index-lane p{margin-bottom:10px}.index-lane .carousel-head{margin-bottom:12px}.index-lane .work-index.carousel-track{width:100%;margin:0}.work-index.carousel-track>a{background:var(--concrete)}
@media(max-width:900px){nav{flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:18px 0}.hero{grid-template-columns:1fr}.hero-side{max-width:700px}.hero h1{font-size:clamp(3.4rem,10vw,7.5rem)}}
@media(max-width:650px){nav{align-items:flex-start}.links{justify-content:flex-start!important;gap:6px 15px!important;font-size:.86rem}.hero{padding:64px 0 70px}.hero h1{font-size:clamp(3.1rem,12vw,5.4rem);margin-bottom:24px}.hero-side{font-size:.94rem}.portfolio-intro{display:block;padding-bottom:40px}.portfolio-intro h2{margin:14px 0 18px}.portfolio-lane{padding:35px 0 42px}.lane-heading{align-items:flex-end}.lane-heading h2{font-size:clamp(2.5rem,11vw,4.2rem)}.lane-heading .carousel-head{gap:5px}.lane-heading .carousel-status{min-width:3rem;font-size:.8rem}.lane-heading .carousel-control{width:38px;height:38px}.project-index{padding-top:44px}.index-lane{margin-bottom:56px}}

/* Reference study: monochrome analog grain and quiet synth geometry */
body,header,.about,.wave-transition,.wave-transition.final,footer{background-color:#f0f0ef;background-image:url('/assets/light-geometry.svg'),radial-gradient(circle,#1b1b1b16 .55px,transparent .9px),radial-gradient(circle,#ffffffc0 .5px,transparent 1px),linear-gradient(135deg,#f4f4f3,#ededec);background-size:1200px 820px,5px 5px,7px 7px,cover;background-position:center top,0 0,2px 3px,center}
.work,.work-zone .work,.work-index a,.detail-art{background-color:#f0f0ef}.work-copy,.work-index strong{background-image:radial-gradient(circle,#24242412 .55px,transparent .9px),linear-gradient(140deg,#f5f5f4,#eeeeed);background-size:5px 5px,cover}
.wave-transition.reverse{background-color:#44305f;background-image:url('/assets/purple-pattern.svg'),linear-gradient(125deg,#25203e,#4b3269 55%,#6c4785);background-size:520px 520px,cover}
.work-zone,.detail-zone,.contact{background-color:#39294f;background-image:url('/assets/purple-pattern.svg'),linear-gradient(120deg,#25203e 0%,#42305d 45%,#684686 100%);background-size:520px 520px,cover;background-position:center top,center;color:#fff}
.work-zone{background-attachment:fixed}.contact{border-top:0}.contact p{color:#f0eaf8}.work-zone .section-title p,.portfolio-intro>p:last-child,.lane-heading p,.index-lane p,.detail-info p{color:#e7dcf0}.wave-transition svg{overflow:visible}
@media(max-width:650px){.work-zone{background-attachment:scroll}}

/* Plum and deep teal textile rhythm from the new visual reference */
.wave-transition.reverse{background-color:#352b4a;background-image:url('/assets/purple-pattern.svg'),radial-gradient(ellipse at 15% 80%,#174b54b5,transparent 55%),linear-gradient(120deg,#29223e,#553a70 75%,#624678);background-size:720px 540px,cover,cover}
.work-zone,.detail-zone,.contact{background-color:#352b4a;background-image:url('/assets/purple-pattern.svg'),radial-gradient(ellipse at 10% 80%,#124a55ae,transparent 58%),radial-gradient(ellipse at 89% 16%,#75529792,transparent 48%),linear-gradient(118deg,#29223e,#46315f 55%,#624678);background-size:720px 540px,cover,cover,cover;background-position:center top,center,center,center}

/* Continuous material through the shaped section edges */
:root{--concrete:#dededc;--light-surface:url('/assets/light-geometry.svg'),radial-gradient(circle,#16161619 .55px,transparent .9px),radial-gradient(circle,#fff9 .5px,transparent 1px),linear-gradient(135deg,#e5e5e3,#d9d9d7);--purple-surface:url('/assets/purple-pattern.svg'),radial-gradient(ellipse at 10% 80%,#124a55ae,transparent 58%),radial-gradient(ellipse at 89% 16%,#75529792,transparent 48%),linear-gradient(118deg,#29223e,#46315f 55%,#624678)}
body,header,.about,footer{background-color:var(--concrete);background-image:var(--light-surface);background-size:1200px 820px,5px 5px,7px 7px,cover;background-position:center top,0 0,2px 3px,center;background-attachment:fixed}
.work,.work-zone .work,.work-index a,.detail-art{background-color:#e1e1df}
.work-copy,.work-index strong{background-image:radial-gradient(circle,#18181815 .55px,transparent .9px),linear-gradient(140deg,#e8e8e6,#dbdbd9);background-size:5px 5px,cover}
.wave-transition{position:relative;isolation:isolate;background-color:var(--concrete);background-image:var(--light-surface);background-size:1200px 820px,5px 5px,7px 7px,cover;background-position:center top,0 0,2px 3px,center;background-attachment:fixed}
.wave-transition.reverse{background-color:#352b4a;background-image:var(--purple-surface);background-size:720px 540px,cover,cover,cover;background-position:center top,center,center,center;background-attachment:fixed}
.wave-transition.final{background-color:var(--concrete);background-image:var(--light-surface)}
.wave-transition:before{content:"";position:absolute;inset:0;background-color:#352b4a;background-image:var(--purple-surface);background-size:720px 540px,cover,cover,cover;background-position:center top,center,center,center;background-attachment:fixed;-webkit-mask-image:url('/assets/wave-mask.svg');mask-image:url('/assets/wave-mask.svg');-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.wave-transition.reverse:before{background-color:var(--concrete);background-image:var(--light-surface);background-size:1200px 820px,5px 5px,7px 7px,cover;background-position:center top,0 0,2px 3px,center}
.wave-transition svg{position:relative;z-index:1}
.work-zone,.detail-zone,.contact{background-color:#352b4a;background-image:var(--purple-surface);background-size:720px 540px,cover,cover,cover;background-position:center top,center,center,center;background-attachment:fixed}
@media(max-width:650px){.wave-transition,.wave-transition:before,.wave-transition.reverse,.work-zone,.detail-zone,.contact,body,header,.about,footer{background-attachment:scroll}}
.work-index-graphic{height:230px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#342148,#174d56);color:#fff;padding:24px}.work-index-graphic.systems span{border:2px solid #65e0dd;padding:12px 9px;font-size:.9rem;font-weight:800;text-transform:uppercase;transform:rotate(-3deg)}.work-index-graphic.systems span:nth-child(2){border-color:#ff83c4;transform:rotate(3deg)}.work-index-graphic.systems span:nth-child(3){border-color:#ff9b4c}.work-index-graphic.ai{flex-direction:column;background:radial-gradient(circle at 65% 40%,#71469b,#241d3d 70%)}.work-index-graphic.ai b{font-size:5rem;line-height:1;letter-spacing:-.1em;color:#6cece4;text-shadow:4px 4px 0 #ef4bb1}.work-index-graphic.ai span{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}
/* One shared pattern coordinate, including the cutout itself */
body,header,.about,footer,.wave-transition.reverse:before{background-position:center var(--texture-y,0px),0 0,2px 3px,center}
.wave-transition,.wave-transition.final{background-position:center var(--texture-y,0px),0 0,2px 3px,center}
.wave-transition.reverse,.wave-transition:before,.work-zone,.detail-zone,.contact{background-position:center var(--texture-y,0px),center,center,center}
body,header,.about,footer,.wave-transition,.wave-transition.final,.wave-transition.reverse:before{background-attachment:scroll,scroll,scroll,fixed}
.wave-transition.reverse,.wave-transition:before,.work-zone,.detail-zone,.contact{background-attachment:scroll,fixed,fixed,fixed}
@media(max-width:650px){body,header,.about,footer,.wave-transition,.wave-transition.final,.wave-transition.reverse,.wave-transition:before,.wave-transition.reverse:before,.work-zone,.detail-zone,.contact{background-attachment:scroll}}
.wave-transition.reverse svg path[filter="url(#light-edge-blur)"]{display:none}
.work-media.real,.work-media.systems{background-color:#e1e1df}
/* Desktop parallax: the wave and its section sample the same viewport-anchored surface. */
@media(min-width:651px){
  body,header,.about,footer,.wave-transition,.wave-transition.final,.wave-transition.reverse:before{background-position:center top,0 0,2px 3px,center;background-attachment:fixed}
  .wave-transition.reverse,.wave-transition:before,.work-zone,.detail-zone,.contact{background-position:center top,center,center,center;background-attachment:fixed}
}
/* Sharper blue circuit field: the black linework becomes Felicia's neon spectrum. */
:root{--purple-surface:url('/assets/purple-pattern.svg'),radial-gradient(ellipse at 14% 78%,#0b52595e,transparent 56%),radial-gradient(ellipse at 88% 10%,#51277376,transparent 52%),linear-gradient(120deg,#0b1638 0%,#172750 52%,#30225a 100%)}
.wave-transition.reverse,.wave-transition:before,.work-zone,.detail-zone,.contact{background-color:#101c43;background-image:var(--purple-surface);background-size:1100px 760px,cover,cover,cover}
/* Single blue surface cut by uneven recessed routes; neon is reserved for the next pass. */
:root{--purple-surface:url('/assets/purple-pattern.svg'),linear-gradient(120deg,#203f70,#0d1d45)}
.wave-transition.reverse,.wave-transition:before,.work-zone,.detail-zone,.contact{background-color:#122852;background-image:var(--purple-surface);background-size:cover,cover;background-repeat:no-repeat;background-position:center center,center center;background-attachment:fixed}
@media(max-width:650px){.wave-transition.reverse,.wave-transition:before,.work-zone,.detail-zone,.contact{background-position:center center,center center;background-attachment:scroll}}

/* Faceted indigo surface from Felicia's latest reference: colored light lives only on the bevels. */
:root{--purple-surface:linear-gradient(90deg,#05071f63,#05071f2e 50%,#05071f63),url('/assets/neon-facets.webp')}
.wave-transition.reverse,.wave-transition:before,.work-zone,.detail-zone,.contact{background-color:#0a1038;background-image:var(--purple-surface);background-size:cover,cover;background-repeat:no-repeat;background-position:center center,center center;background-attachment:fixed}
@media(max-width:650px){.wave-transition.reverse,.wave-transition:before,.work-zone,.detail-zone,.contact{background-position:center center,center center;background-attachment:scroll}}
/* Expressive editorial name treatment */
.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3.8rem,8.4vw,9rem);font-weight:700;line-height:.86;letter-spacing:-.075em;text-transform:none;max-width:1120px}
.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-style:italic;letter-spacing:-.09em;transform:rotate(-2deg) translateX(.035em);white-space:normal}
.hero h1 .hero-period{font-family:'DM Sans',Arial,sans-serif;font-style:normal;font-size:.85em;color:#9060db;text-shadow:2px 3px 0 #27f3ed}
@media(max-width:650px){.hero h1{font-size:clamp(3.05rem,12vw,5.7rem);line-height:.93;letter-spacing:-.085em}.hero h1 em{letter-spacing:-.095em}}
@font-face{font-family:Blazium;src:url('/assets/blazium.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.hero h1,.hero h1 em{font-family:Blazium,Georgia,serif;font-weight:400;font-style:normal;letter-spacing:.005em;line-height:1.04}
.hero h1{font-size:clamp(3.5rem,7.2vw,8rem)}
.hero h1 em{display:inline-block;transform:rotate(-2deg) translateX(.02em);white-space:normal}
@media(max-width:650px){.hero h1{font-size:clamp(3rem,11vw,5.2rem);line-height:1.07}}

.font-credit{font-size:.75rem;opacity:.72;text-align:center;margin:12px auto 0}.font-credit a{text-decoration:underline}
/* Project galleries: keep the homepage presentation intact. */
.series-page{padding:clamp(50px,7vw,100px) 0 80px}
.series-lead{max-width:850px;margin-bottom:clamp(55px,8vw,110px)}
.series-lead .eyebrow{display:block;color:#83e4e9;margin-bottom:20px}
.series-lead h2{font-size:clamp(3.4rem,8vw,8rem);margin:0 0 22px;line-height:.9;letter-spacing:-.065em;color:#f4f0ff}
.series-lead p{font-size:clamp(1.15rem,1.7vw,1.45rem);line-height:1.5;color:#e8ddf1;max-width:700px}
.series-chapter{margin-bottom:clamp(65px,8vw,120px)}
.chapter-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;border-top:1px solid #c7b2f86b;padding:24px 0 30px}
.chapter-heading h3{font-size:clamp(2rem,4vw,4rem);margin:0;color:#fff}
.chapter-heading p{max-width:420px;margin:0;color:#e8ddf1;font-size:1rem}
.series-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.series-frame{margin:0;min-width:0;background:#14122b;border:1px solid #bb96e753;box-shadow:0 13px 40px #05071f5c;overflow:hidden}
.series-frame:first-child:nth-last-child(odd){grid-column:span 2}
.series-frame img{width:100%;height:min(45vw,520px);display:block;object-fit:contain;background:#0d102a}
.series-frame:first-child:nth-last-child(odd) img{height:min(58vw,690px)}
.series-frame figcaption{font:700 .78rem/1.3 'DM Sans',Arial,sans-serif;letter-spacing:.12em;color:#b8a8df;padding:11px 16px;border-top:1px solid #ffffff22}
.process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:100px}
.process-grid article{background:#10122de8;border:1px solid #ad86de6d;padding:35px;min-height:275px}
.process-grid span{display:block;color:#65ece9;font-weight:800;letter-spacing:.15em;margin-bottom:35px}
.process-grid h3{font-size:clamp(1.7rem,2vw,2.4rem);color:#fff;margin:0 0 16px}
.process-grid p{font-size:1rem;line-height:1.55;color:#e5dcf2;margin:0}
.series-next{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #bd9af16b;padding:25px 0;font-weight:800}
.series-next a{color:#eab2ff;text-underline-offset:6px}
@media(max-width:650px){.chapter-heading{display:block}.chapter-heading p{margin-top:12px}.series-grid{grid-template-columns:1fr}.series-frame:first-child:nth-last-child(odd){grid-column:auto}.series-frame img,.series-frame:first-child:nth-last-child(odd) img{height:auto;max-height:570px}.series-lead h2{overflow-wrap:anywhere}.process-grid{margin-bottom:65px}}

/* Clearer homepage hierarchy: expressive brand, orderly project lanes. */
header .wordmark{font-family:Blazium,Georgia,serif;font-size:clamp(1.1rem,1.65vw,1.5rem);font-weight:400;line-height:1.12;letter-spacing:.01em;text-transform:none;white-space:normal;max-width:350px;padding-bottom:17px}
header .wordmark span{color:#ed008d}
header .wordmark .name-underline{bottom:2px}
.portfolio-intro:after{content:none}
.portfolio-lane{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:24px 38px;align-items:start;padding:52px 0;border-bottom:1px solid #ffffff50}
.portfolio-lane:before{content:none}
.portfolio-lane .lane-heading{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:26px;min-height:285px;margin:0;padding:4px 0 0 19px;border-left:4px solid var(--lane-accent)}
.portfolio-lane .lane-heading h2{font-size:clamp(2.8rem,4vw,4.3rem);transform:none;text-shadow:none;margin:10px 0}
.portfolio-lane .lane-heading p{max-width:220px;line-height:1.4}
.portfolio-lane .lane-heading .carousel-head{margin:0;align-self:flex-start}
.portfolio-lane .gallery.carousel-track{padding:4px 4px 30px;align-items:stretch;min-width:0}
.portfolio-lane .gallery.carousel-track>.work,.portfolio-lane .gallery.carousel-track>.work:nth-child(even),.portfolio-lane .gallery.carousel-track>.work:first-child{flex:0 0 min(320px,78vw);transform:none;border-radius:10px 24px 10px 24px}
.portfolio-lane .gallery.carousel-track>.work:hover,.portfolio-lane .gallery.carousel-track>.work:nth-child(even):hover{transform:translateY(-4px)}
.portfolio-lane .work-copy{display:flex;flex-direction:column;align-items:flex-start}
.portfolio-lane .work-copy a{margin-top:auto;padding-top:15px}
@media(max-width:950px){.portfolio-lane{grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:22px}.portfolio-lane .lane-heading{min-height:260px}.portfolio-lane .gallery.carousel-track>.work,.portfolio-lane .gallery.carousel-track>.work:nth-child(even),.portfolio-lane .gallery.carousel-track>.work:first-child{flex-basis:min(290px,70vw)}}
@media(max-width:700px){header .wordmark{font-size:clamp(.88rem,3.4vw,1.2rem);max-width:220px}.portfolio-lane{display:block;padding:36px 0 42px}.portfolio-lane .lane-heading{min-height:0;flex-direction:row;align-items:flex-end;padding-left:13px;margin-bottom:23px;gap:12px}.portfolio-lane .lane-heading h2{font-size:clamp(2.4rem,9vw,3.6rem)}.portfolio-lane .lane-heading p{font-size:.92rem}.portfolio-lane .lane-heading .carousel-head{align-self:flex-end;flex-shrink:0}.portfolio-lane .gallery.carousel-track>.work,.portfolio-lane .gallery.carousel-track>.work:nth-child(even),.portfolio-lane .gallery.carousel-track>.work:first-child{flex-basis:min(310px,84vw)}}
@media(max-width:700px){header nav{flex-wrap:wrap;gap:8px;padding:13px 0}header nav .links{width:100%;display:flex;justify-content:space-between;gap:8px;overflow-x:auto;white-space:nowrap;padding-bottom:4px}header nav .links a{flex-shrink:0}}