:root{--ink:#30203f;--purple:#613b82;--deep:#3d255a;--coral:#ff5c5f;--orange:#ffad0a;--cyan:#36cbd7;--mint:#8de4bd;--lav:#f4efff;--paper:#fffdf9;--line:rgba(48,32,63,.13);--font-body:"Manrope",Arial,sans-serif;--font-display:"Fredoka",Arial,sans-serif}
*{box-sizing:border-box}html{max-width:100%;overflow-x:hidden;overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:105px}body{width:100%;max-width:100%;margin:0;overflow-x:hidden;overflow-x:clip;color:var(--ink);background:var(--paper);font-family:var(--font-body)}body:before{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.08;background-image:radial-gradient(circle at 9% 14%,#fff 0 1px,transparent 2px),radial-gradient(circle at 72% 24%,#fff 0 1px,transparent 2px),radial-gradient(circle at 38% 76%,#fff 0 1px,transparent 2px),radial-gradient(circle at 88% 68%,#fff 0 1px,transparent 2px);background-size:170px 170px,230px 230px,190px 190px,260px 260px}h1,h2,h3,.brandType strong{font-family:var(--font-display)}a{color:inherit;text-decoration:none}img{max-width:100%}main{width:100%;max-width:100%;min-height:100vh;overflow:hidden;overflow:clip;position:relative;background:var(--paper)}.shell{width:min(1180px,calc(100% - 48px));max-width:100%;margin-inline:auto;position:relative;z-index:2}.hero>*,.sectionIntro>*,.subSectionHead>*,.aboutGrid>*,.projectGrid>*,.articleGrid>*{min-width:0}
.pageGlow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(60px);opacity:.5}.glowOne{width:360px;height:360px;background:#91eef3;right:-100px;top:160px}.glowTwo{width:310px;height:310px;background:#d4b8ff;left:-110px;top:580px}.announcement{min-height:48px;display:grid;place-items:center;padding:10px 20px;color:#fff;background:var(--coral);text-align:center;font:700 12px var(--font-display);letter-spacing:.04em}
.siteHeader{position:sticky;top:12px;z-index:50;padding:9px 0;background:transparent}.nav{height:76px;padding:9px 11px 9px 19px;display:flex;align-items:center;justify-content:space-between;border:3px solid var(--ink);border-radius:999px;background:rgba(255,253,249,.96);box-shadow:8px 8px 0 var(--ink);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:13px}.brandSymbol{width:44px;height:44px;position:relative;display:block;border:3px solid var(--ink);border-radius:13px;background:var(--orange);transform:rotate(-7deg);box-shadow:4px 4px 0 var(--ink)}.brandSymbol i{position:absolute;width:5px;height:18px;top:11px;border-radius:5px;background:var(--ink)}.brandSymbol i:nth-child(1){left:9px;height:11px;top:18px}.brandSymbol i:nth-child(2){left:18px}.brandSymbol i:nth-child(3){left:27px;height:14px;top:15px}.brandType strong,.brandType small{display:block}.brandType strong{font-size:21px;font-weight:720;letter-spacing:-.03em}.brandType small{color:#786a84;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.13em;margin-top:2px}.navLinks{display:flex;align-items:center;gap:7px;color:var(--ink);font-size:11px;font-weight:800}.navLinks>a,.navPortfolio>summary{padding:11px 14px;border:2px solid var(--ink);border-radius:999px;background:#fff;box-shadow:3px 3px 0 var(--ink);transition:.2s;cursor:pointer;list-style:none;white-space:nowrap}.navLinks>a:nth-child(1){background:#fff1b8}.navLinks>a:nth-child(2){background:#eadfff}.navLinks>a:nth-child(3){background:#dffaf0}.navLinks>a:last-child{color:#fff;background:var(--purple)}.navLinks>a:hover,.navPortfolio>summary:hover,.navPortfolio[open]>summary{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.navPortfolio{position:relative}.navPortfolio>summary{display:flex;align-items:center;gap:7px;background:#ffdfe0}.navPortfolio>summary::-webkit-details-marker{display:none}.navPortfolio>summary span{font-size:15px;line-height:.5;transition:transform .2s}.navPortfolio[open]>summary span{transform:rotate(180deg)}.navPortfolioMenu{position:absolute;top:calc(100% + 15px);left:50%;width:290px;padding:10px;display:grid;gap:7px;color:#fff;border:2px solid rgba(255,255,255,.4);border-radius:22px;background:linear-gradient(145deg,rgba(36,21,58,.98),rgba(80,48,111,.98));box-shadow:8px 8px 0 var(--ink),0 20px 55px rgba(20,8,35,.35);opacity:0;visibility:hidden;transform:translate(-50%,-8px);transition:.2s}.navPortfolio[open] .navPortfolioMenu,.navPortfolio:hover .navPortfolioMenu{opacity:1;visibility:visible;transform:translate(-50%,0)}.navPortfolioMenu:before{content:"";position:absolute;top:-8px;left:50%;width:14px;height:14px;background:#2e1b48;border-left:2px solid rgba(255,255,255,.4);border-top:2px solid rgba(255,255,255,.4);transform:translateX(-50%) rotate(45deg)}.navPortfolioMenu a{position:relative;z-index:1;padding:11px 12px;display:grid;grid-template-columns:36px 1fr;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.08);transition:.2s}.navPortfolioMenu a:hover{color:var(--ink);background:var(--cyan);transform:translateX(3px)}.navPortfolioMenu b{width:31px;height:31px;display:grid;place-items:center;color:var(--ink);border-radius:50%;background:var(--orange);font:750 8px var(--font-display)}.navPortfolioMenu span{font-size:11px;font-weight:800}
.hero{min-height:760px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:50px;padding-block:72px 100px}.hero:before{content:"";position:absolute;inset:0 -20vw;z-index:-2;background-color:var(--lav);background-image:radial-gradient(circle at center,rgba(97,59,130,.08) 2px,transparent 2px);background-size:38px 38px}.hero:after{content:"";position:absolute;width:470px;height:470px;right:-25px;top:110px;z-index:-1;border-radius:48% 52% 58% 42%/52% 38% 62% 48%;background:var(--cyan);transform:rotate(-7deg);box-shadow:28px 25px 0 var(--orange)}.eyebrow,.sectionKicker{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:2px dashed currentColor;border-radius:999px;color:var(--purple);font:750 10px var(--font-display);letter-spacing:.08em;text-transform:uppercase}.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px rgba(255,92,95,.14)}h1{max-width:650px;margin:25px 0 24px;font-size:clamp(58px,6.6vw,94px);line-height:.88;font-weight:720;letter-spacing:-.065em}h1 span{display:block;color:var(--coral);transform:rotate(-1.5deg);transform-origin:left;text-shadow:4px 4px 0 rgba(255,173,10,.55)}.heroLead{max-width:600px;color:#62556d;font-size:16px;line-height:1.72}.heroActions{display:flex;align-items:center;gap:25px;margin-top:34px}.buttonPrimary{display:inline-flex;align-items:center;justify-content:space-between;min-width:218px;padding:16px 19px;color:#fff;background:var(--purple);border:2px solid var(--ink);border-radius:999px;box-shadow:5px 5px 0 var(--ink);font-size:13px;font-weight:800;transition:.2s}.buttonPrimary:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}.buttonPrimary span{margin-left:23px;color:#ffe17b}.buttonSecondary{color:var(--purple);font-size:13px;font-weight:800;border-bottom:2px solid var(--coral);padding-bottom:3px}.heroProof{display:flex;gap:12px;margin-top:47px}.heroProof div{min-width:128px;padding:14px 16px;border:2px solid var(--ink);border-radius:17px;background:#fff;box-shadow:4px 4px 0 var(--ink)}.heroProof div:nth-child(2){background:#fff1b8;transform:rotate(2deg)}.heroProof div:nth-child(3){background:#dffbf1;transform:rotate(-2deg)}.heroProof strong,.heroProof span{display:block}.heroProof strong{color:var(--purple);font:750 22px var(--font-display)}.heroProof span{margin-top:3px;color:#766a80;font-size:8px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}
.heroVisual{height:580px;position:relative;perspective:1200px}.visualHalo{position:absolute;width:450px;height:450px;right:5px;top:52px;border-radius:50%;border:3px dashed rgba(48,32,63,.32);animation:spin 28s linear infinite}.visualHalo:after{content:"✦";position:absolute;left:-28px;top:55px;color:var(--orange);font-size:58px}@keyframes spin{to{transform:rotate(360deg)}}.interfaceCard{position:absolute;overflow:hidden;border:3px solid var(--ink);border-radius:20px;background:#fff;box-shadow:12px 14px 0 var(--ink);transition:.35s}.mainInterface{width:390px;right:10px;top:34px;transform:rotate(3deg);z-index:3}.mainInterface:hover{transform:rotate(0) translateY(-5px)}.miniInterface{width:240px;left:5px;bottom:5px;transform:rotate(-6deg);z-index:4}.miniInterface:hover{transform:rotate(-2deg) translateY(-5px)}.browserChrome{height:37px;display:flex;align-items:center;gap:9px;padding:0 12px;background:#fff0c5;color:#77637e;border-bottom:2px solid var(--ink);font-size:8px;font-weight:750}.browserChrome b{margin-left:auto;color:var(--coral)}.browserDots{display:flex;gap:5px}.browserDots i{width:7px;height:7px;border-radius:50%;background:var(--purple)}.browserDots i:first-child{background:var(--coral)}.imageWindow{height:305px;overflow:hidden;background:#eef4f8}.imageWindow img{width:100%;height:100%;object-fit:cover;object-position:top}.interfaceMeta{padding:16px 18px;display:flex;align-items:center;justify-content:space-between}.interfaceMeta small,.interfaceMeta strong{display:block}.interfaceMeta small{color:#897b91;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.1em}.interfaceMeta strong{margin-top:3px;font-size:17px}.interfaceMeta>span{padding:5px 9px;border-radius:999px;background:var(--mint);font:750 10px var(--font-display)}.miniInterface>img{display:block;width:100%;height:300px;object-fit:cover;object-position:top}.techPill{position:absolute;z-index:6;padding:9px 12px;border:2px solid var(--ink);border-radius:999px;color:var(--ink);background:var(--orange);box-shadow:3px 3px 0 var(--ink);font:750 9px var(--font-display);letter-spacing:.08em}.pillOne{left:-14px;top:95px;transform:rotate(-5deg)}.pillTwo{right:-18px;bottom:95px;background:#ff8a8c;transform:rotate(4deg)}.pillThree{left:202px;bottom:27px;background:#b6f1d8}
.clientRail{position:relative;z-index:2;color:#fff;background:var(--coral);border-block:3px solid var(--ink);transform:rotate(-1deg) scale(1.02)}.railInner{min-height:72px;display:flex;align-items:center;gap:22px;overflow:hidden}.railInner span,.railInner p{white-space:nowrap;font:750 10px var(--font-display);text-transform:uppercase;letter-spacing:.1em}.railInner div{width:46px;height:3px;flex:none;background:var(--orange)}
.section{padding-block:125px}.sectionIntro{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end;margin-bottom:58px}.sectionIntro h2,.subSectionHead h2{max-width:760px;margin:16px 0 0;font-size:clamp(43px,5vw,68px);line-height:.95;letter-spacing:-.055em;font-weight:720}.sectionIntro>p,.subSectionHead p{max-width:430px;margin:0;color:#6d6077;line-height:1.72;font-size:14px}.serviceGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.serviceCard{min-height:370px;padding:27px;position:relative;border:2px solid var(--ink);border-radius:27px;background:#fff3c8;box-shadow:7px 7px 0 var(--ink);transition:.25s}.serviceCard:nth-child(2){background:#dffaf0}.serviceCard:nth-child(3){background:#eee5ff}.serviceCard:nth-child(4){background:#ffe1e2}.serviceCard:hover{transform:translateY(-7px);box-shadow:7px 12px 0 var(--ink),0 0 35px rgba(54,203,215,.25)}.serviceNumber{color:var(--purple);font:750 11px var(--font-display)}.serviceIcon{width:70px;height:70px;margin:44px 0 28px;position:relative;border:3px solid var(--ink);border-radius:21px;background:var(--orange);transform:rotate(-8deg)}.serviceIcon i{position:absolute;left:20px;top:32px;width:26px;height:3px;background:var(--ink)}.serviceIcon i:last-child{transform:rotate(90deg)}.serviceCard:nth-child(even) .serviceIcon{background:var(--cyan);transform:rotate(8deg)}.serviceCard h3{margin:0 0 14px;font-size:23px}.serviceCard>p{min-height:72px;color:#66596e;font-size:12px;line-height:1.65}.tagRow{display:flex;flex-wrap:wrap;gap:6px;margin-top:24px}.tagRow span,.skillList span{padding:6px 9px;border:1.5px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.benefitGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:34px}.benefitGrid article{min-height:245px;padding:25px;position:relative;overflow:hidden;border:2px solid var(--ink);border-radius:25px;background:linear-gradient(145deg,#ffeb9e,#fff8d6);box-shadow:6px 6px 0 var(--ink);transition:.25s}.benefitGrid article:nth-child(2){background:linear-gradient(145deg,#8cead0,#e7fff7)}.benefitGrid article:nth-child(3){background:linear-gradient(145deg,#c9b6ff,#f0eaff)}.benefitGrid article:nth-child(4){background:linear-gradient(145deg,#ff9fa4,#ffe5e6)}.benefitGrid article:after{content:"";position:absolute;width:95px;height:95px;right:-30px;top:-30px;border:2px dashed rgba(48,32,63,.45);border-radius:50%}.benefitGrid article:hover{transform:translateY(-7px);box-shadow:6px 12px 0 var(--ink),0 0 30px rgba(255,92,95,.22)}.benefitGrid span{width:42px;height:42px;display:grid;place-items:center;color:#fff;border:2px solid var(--ink);border-radius:50%;background:var(--deep);box-shadow:3px 3px 0 var(--ink);font:750 10px var(--font-display)}.benefitGrid h3{margin:36px 0 11px;font-size:21px}.benefitGrid p{margin:0;color:#51455a;font-size:11px;line-height:1.7}
.workSection{padding-block:130px;color:#fff;background:var(--deep);position:relative}.workSection:before{content:"";position:absolute;inset:0;opacity:.12;background-image:radial-gradient(circle,#fff 2px,transparent 2px);background-size:34px 34px}.workSection .sectionKicker{color:#ffd76a}.workSection .sectionIntro>p{color:#d8cbe3}.portfolioSubnav{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:-18px 0 48px}.portfolioSubnav a{padding:15px 18px;display:flex;align-items:center;gap:12px;color:#fff;border:2px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;font-weight:800;transition:.2s}.portfolioSubnav a span{width:29px;height:29px;display:grid;place-items:center;color:var(--deep);border-radius:50%;background:var(--orange);font:750 8px var(--font-display)}.portfolioSubnav a:hover,.portfolioSubnav .isCurrent{color:var(--ink);border-color:var(--ink);background:var(--cyan);box-shadow:4px 4px 0 #1f142b;transform:translateY(-2px)}.projectGrid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project{appearance:none;width:100%;min-height:675px;padding:0;display:flex;flex-direction:column;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border:3px solid #1f142b;border-radius:30px;overflow:hidden;background:#fff0c7;box-shadow:11px 11px 0 #1f142b;transition:.25s}.project:hover,.project:focus-visible{transform:translateY(-7px);box-shadow:11px 16px 0 #1f142b,0 0 36px rgba(54,203,215,.35);outline:none}.project-violet{background:#eadfff}.project-cyan{background:#cff7f5}.project-blue{background:#dcecff}.project-peach{background:#ffdfe0}.projectTop{height:55px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);font:750 10px var(--font-display)}.projectTop span{width:32px;height:32px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:#fff}.projectImage{height:420px;overflow:hidden;margin:18px;border:2px solid var(--ink);border-radius:18px;background:#fff}.projectImage img{width:100%;height:100%;object-fit:contain;object-position:center;transition:.5s}.project:hover .projectImage img{transform:scale(1.035)}.projectBody{padding:8px 23px 26px;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:18px}.projectBody small{color:#675875;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.projectBody h3{margin:5px 0 0;font-size:31px;letter-spacing:-.04em}.projectBody p{margin:0;color:#695d72;font-size:11px;line-height:1.6}.projectArrow{width:39px;height:39px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--orange);font-weight:900}.systemIndex{margin-top:45px;padding:25px 27px;display:grid;grid-template-columns:180px 1fr;gap:20px;color:var(--ink);border:2px solid #1f142b;border-radius:18px;background:var(--orange);box-shadow:7px 7px 0 #1f142b}.systemIndex span{font:750 9px var(--font-display);text-transform:uppercase;letter-spacing:.1em}.systemIndex p{margin:0;font-size:11px;font-weight:650;line-height:1.7}
.processSection{padding-block:130px}.processGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.processGrid article{min-height:320px;padding:23px;border:2px solid var(--ink);border-radius:90px 90px 24px 24px;background:#fff}.processGrid article:nth-child(2n){background:#e3fbf1}.processGrid article:nth-child(3n){background:#fff0be}.processGrid article>span{width:48px;height:48px;display:grid;place-items:center;margin:auto;color:#fff;border:2px solid var(--ink);border-radius:50%;background:var(--coral);box-shadow:3px 3px 0 var(--ink);font:750 11px var(--font-display)}.processGrid article i{display:block;width:2px;height:40px;margin:14px auto 18px;background:var(--ink)}.processGrid h3{text-align:center;font-size:21px;margin:0 0 14px}.processGrid p{color:#706278;font-size:10px;line-height:1.7}
.aboutSection{padding-block:130px;background:var(--orange);position:relative;overflow:hidden}.aboutSection:before{content:"✦";position:absolute;right:6%;top:8%;color:var(--coral);font:800 110px var(--font-display);transform:rotate(12deg)}.aboutGrid{display:grid;grid-template-columns:.78fr 1.22fr;gap:105px;align-items:center}.portraitWrap{position:relative}.portraitFrame{width:370px;height:450px;padding:12px;border:3px solid var(--ink);border-radius:185px 185px 28px 28px;background:#ffdadb;box-shadow:13px 13px 0 var(--ink);transform:rotate(-3deg)}.portraitFrame img{width:100%;height:100%;object-fit:cover;object-position:center top;border:2px solid var(--ink);border-radius:170px 170px 18px 18px}.portraitLabel{position:absolute;left:220px;bottom:20px;width:220px;padding:12px 14px;border:2px solid var(--ink);border-radius:999px;background:var(--cyan);box-shadow:4px 4px 0 var(--ink);font-size:8px;font-weight:850;transform:rotate(5deg)}.aboutCopy .sectionKicker{color:var(--deep)}.aboutCopy h2{max-width:700px;margin:18px 0 27px;font-size:clamp(45px,5vw,69px);line-height:.93;letter-spacing:-.055em}.aboutLead{font-size:19px!important;font-weight:750}.aboutCopy>p{max-width:690px;color:#4f3c51;font-size:13px;line-height:1.8}.skillList{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.mediaArchive{padding-block:130px;background:var(--lav)}.videoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.videoCard{overflow:hidden;border:2px solid var(--ink);border-radius:24px;background:#fff;box-shadow:7px 7px 0 var(--ink);transition:.25s}.videoCard:hover{transform:translateY(-7px);box-shadow:7px 12px 0 var(--ink),0 0 30px rgba(54,203,215,.28)}.videoThumb{height:205px;position:relative;overflow:hidden;border-bottom:2px solid var(--ink);background:#dce7ed}.videoThumb img{width:100%;height:100%;object-fit:cover}.videoThumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(48,32,63,.48))}.videoThumb span{position:absolute;z-index:2;inset:0;margin:auto;width:54px;height:54px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;color:var(--ink);background:var(--orange);box-shadow:4px 4px 0 var(--ink);font-size:12px;padding-left:2px}.videoThumb b{position:absolute;z-index:2;right:14px;bottom:12px;color:#fff;font:750 10px var(--font-display)}.videoCard>div:last-child{padding:22px}.videoCard small{color:var(--coral);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.videoCard h3{margin:10px 0 12px;font-size:21px;line-height:1.12}.videoCard p{margin:0;color:#716479;font-size:11px;line-height:1.65}.subSectionHead{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end;margin:115px 0 46px}.photoGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.photoGrid img{width:100%;height:360px;object-fit:cover;border:2px solid var(--ink);border-radius:22px;box-shadow:7px 7px 0 var(--ink)}.credentialGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.credentialGrid article{height:290px;position:relative;overflow:hidden;display:grid;place-items:center;padding:14px;border:2px solid var(--ink);border-radius:22px;background:#fff;box-shadow:6px 6px 0 var(--ink)}.credentialGrid img{width:100%;height:100%;object-fit:contain}.credentialGrid span{position:absolute;right:12px;bottom:10px;padding:6px 9px;color:#fff;background:var(--purple);border:2px solid var(--ink);border-radius:999px;font:750 8px var(--font-display)}
.archiveSection{padding-block:125px}.articleGrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.articleFeature{min-height:390px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;border:2px solid var(--ink);border-radius:28px;background:#d9f8f2;box-shadow:8px 8px 0 var(--ink)}.articleViolet{background:#eadfff}.archiveType{color:var(--purple);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.12em}.articleFeature small{color:var(--coral);font-size:8px;font-weight:850}.articleFeature h3{margin:13px 0;font-size:34px;line-height:1;letter-spacing:-.04em}.articleFeature p{color:#6b5e73;font-size:12px;line-height:1.7}.articleLink{display:flex;justify-content:space-between;padding-top:18px;border-top:2px solid var(--ink);font-size:11px;font-weight:800}.articleLink span{color:var(--coral)}
.contactSection{padding-block:115px;text-align:center;color:#fff;background:var(--deep);position:relative}.contactSection:before,.contactSection:after{content:"✦";position:absolute;color:var(--orange);font:800 90px var(--font-display)}.contactSection:before{left:8%;top:20%;transform:rotate(-10deg)}.contactSection:after{right:9%;bottom:16%;transform:rotate(14deg)}.contactSection .sectionKicker{color:#ffd769}.contactInner h2{margin:20px auto 37px;font-size:clamp(48px,6vw,78px);line-height:.94;letter-spacing:-.055em}.contactActions{display:flex;justify-content:center;align-items:center;gap:28px}.contactSection .buttonPrimary{color:var(--ink);background:var(--orange)}.contactPhone{color:#fff;font-size:12px;font-weight:800;border-bottom:2px solid var(--coral);padding-bottom:4px}footer{background:#fff;border-top:3px solid var(--ink)}.footerInner{min-height:135px;display:grid;grid-template-columns:1fr 1fr auto auto;align-items:center;gap:36px;color:#74677d;font-size:10px}.footerBrand{color:var(--ink)}.footerInner>div{display:flex;gap:18px;font-weight:750}.footerInner>span{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.scrollTop{position:fixed;right:24px;bottom:24px;z-index:40;width:61px;height:61px;display:grid;place-items:center;color:#fff;border:2px solid var(--ink);border-radius:50%;background:var(--purple);box-shadow:5px 5px 0 var(--ink),0 0 25px rgba(54,203,215,.35);transition:.2s}.scrollTop span{font:800 22px var(--font-display);line-height:.7}.scrollTop small{margin-top:-13px;font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.scrollTop:hover{transform:translateY(-5px);background:var(--coral);box-shadow:5px 10px 0 var(--ink),0 0 35px rgba(255,92,95,.35)}
.projectModal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:28px;background:rgba(17,9,31,.82);backdrop-filter:blur(18px);animation:modalFade .22s ease}.projectModalPanel{width:min(980px,100%);max-height:90vh;position:relative;overflow:auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;padding:42px;color:#fff;border:2px solid rgba(255,255,255,.35);border-radius:34px;background:radial-gradient(circle at 18% 15%,rgba(54,203,215,.2),transparent 28%),linear-gradient(145deg,#24153a,#50306f);box-shadow:0 35px 100px rgba(0,0,0,.45),0 0 55px rgba(54,203,215,.18)}.projectModalPanel:before{content:"PROJECT SIGNAL";position:absolute;left:30px;top:20px;color:#83f5ff;font:750 8px var(--font-display);letter-spacing:.2em}.modalClose{position:absolute;right:18px;top:16px;z-index:4;width:43px;height:43px;color:#fff;border:2px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(255,255,255,.1);cursor:pointer;font-size:26px;line-height:1}.modalClose:hover{color:var(--ink);background:var(--orange)}.modalVisual{min-height:560px;display:grid;place-items:center;position:relative;z-index:2;border:2px solid rgba(255,255,255,.22);border-radius:25px;background:rgba(255,255,255,.08);overflow:hidden}.modalVisual img{width:100%;height:560px;object-fit:contain}.modalCopy{position:relative;z-index:2}.modalCopy>span{color:#8feaf2;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.12em}.modalCopy h2{margin:13px 0 18px;font-size:clamp(43px,5vw,67px);line-height:.92}.modalCopy p{max-width:410px;color:#d8cee3;font-size:14px;line-height:1.75}.modalCopy a{margin-top:26px;display:inline-flex;align-items:center;gap:28px;padding:15px 19px;color:var(--ink);border:2px solid var(--ink);border-radius:999px;background:var(--orange);box-shadow:5px 5px 0 #12091c;font-size:12px;font-weight:850}.modalOrbit{position:absolute;width:270px;height:270px;right:20px;bottom:-95px;border:1px dashed rgba(143,234,242,.42);border-radius:50%;animation:spin 18s linear infinite}.modalOrbit i{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--coral);box-shadow:0 0 18px var(--coral)}.modalOrbit i:first-child{left:20px;top:43px}.modalOrbit i:last-child{right:17px;bottom:48px;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}@keyframes modalFade{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
@media(max-width:980px){.brandType{display:none}.nav{padding-left:12px}.navLinks{gap:5px}.navLinks a{padding:10px 11px;font-size:10px}.hero{grid-template-columns:1fr;padding-top:65px}.heroVisual{width:min(100%,650px);margin-inline:auto}.hero:after{right:8%;top:auto;bottom:75px}.sectionIntro,.subSectionHead{grid-template-columns:1fr;gap:24px}.serviceGrid,.benefitGrid{grid-template-columns:1fr 1fr}.project{min-height:560px}.projectImage{height:310px}.projectBody{grid-template-columns:1fr auto}.projectBody p{display:none}.processGrid{grid-template-columns:1fr 1fr;gap:20px}.processGrid article:nth-child(2n){transform:none}.aboutGrid{grid-template-columns:1fr}.portraitWrap{width:440px}.videoGrid{grid-template-columns:1fr 1fr}.photoGrid,.credentialGrid{grid-template-columns:1fr 1fr}.footerInner{grid-template-columns:1fr 1fr;padding-block:30px}}
@media(max-width:640px){html{scroll-padding-top:86px}.shell{width:min(100% - 28px,1180px)}.announcement{font-size:9px}.siteHeader{top:7px;padding:6px 0}.siteHeader .shell{width:calc(100% - 18px)}.nav{height:60px;padding:5px 6px}.brand{display:none}.navLinks{width:100%;justify-content:space-between;gap:3px}.navLinks a{padding:8px 7px;font-size:9px;box-shadow:2px 2px 0 var(--ink)}.hero{min-height:auto;padding-block:60px 80px}.hero:after{width:310px;height:310px;right:0;bottom:105px}h1{font-size:58px}.heroLead{font-size:15px}.heroActions{flex-direction:column;align-items:flex-start}.heroProof{flex-wrap:wrap}.heroProof div{min-width:calc(50% - 8px)}.heroVisual{height:475px;margin-top:28px}.mainInterface{width:88%}.miniInterface{width:53%}.imageWindow,.miniInterface>img{height:245px}.visualHalo{width:320px;height:320px}.pillTwo{right:0}.section,.processSection,.archiveSection,.mediaArchive,.workSection{padding-block:92px}.sectionIntro h2,.subSectionHead h2{font-size:44px}.serviceGrid,.benefitGrid,.projectGrid,.videoGrid,.articleGrid{grid-template-columns:1fr}.serviceCard{min-height:335px}.project:nth-child(even),.project:nth-child(odd){transform:none}.project{min-height:520px}.projectImage{height:290px}.systemIndex{grid-template-columns:1fr}.processGrid{grid-template-columns:1fr}.processGrid article{min-height:260px;border-radius:70px 70px 24px 24px}.aboutGrid{gap:72px}.portraitWrap{width:100%}.portraitFrame{width:min(100%,365px);height:420px}.portraitLabel{left:auto;right:0}.aboutCopy h2{font-size:46px}.photoGrid,.credentialGrid{grid-template-columns:1fr 1fr}.photoGrid img{height:260px}.credentialGrid article{height:225px}.contactSection:before,.contactSection:after{display:none}.contactInner h2{font-size:46px}.contactActions{flex-direction:column}.footerInner{grid-template-columns:1fr;gap:20px}}
@media(max-width:820px){.projectModal{padding:14px}.projectModalPanel{max-height:94vh;grid-template-columns:1fr;gap:24px;padding:58px 24px 28px}.modalVisual{min-height:380px}.modalVisual img{height:380px}.modalCopy h2{font-size:48px}.portfolioSubnav{grid-template-columns:1fr;gap:9px}.portfolioSubnav a{padding:12px 15px}.scrollTop{right:14px;bottom:14px;width:54px;height:54px}}
@media(max-width:520px){.projectModalPanel{border-radius:24px}.modalVisual{min-height:330px}.modalVisual img{height:330px}.modalCopy h2{font-size:42px}.modalCopy p{font-size:12px}.modalCopy a{width:100%;justify-content:space-between}.scrollTop small{display:none}.scrollTop span{line-height:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.visualHalo,.modalOrbit{animation:none}*{transition-duration:.01ms!important}}
@media(max-width:980px){.navPortfolio>summary{padding:10px 11px;font-size:10px}.navLinks .navPortfolioMenu a{padding:11px 12px;font-size:11px;border:1px solid rgba(255,255,255,.18);border-radius:14px;box-shadow:none}}
@media(max-width:640px){.navPortfolio>summary{padding:8px 7px;font-size:9px;box-shadow:2px 2px 0 var(--ink)}.navPortfolioMenu{right:0;left:auto;width:min(290px,calc(100vw - 20px));transform:translateY(-8px)}.navPortfolio[open] .navPortfolioMenu,.navPortfolio:hover .navPortfolioMenu{transform:translateY(0)}.navPortfolioMenu:before{left:auto;right:37px}.navLinks .navPortfolioMenu a{padding:10px 11px;font-size:10px;box-shadow:none}}
.navPortfolio>summary span{width:8px;height:8px;display:block;border-right:2px solid currentColor;border-bottom:2px solid currentColor;font-size:0;line-height:0;transform:translateY(-2px) rotate(45deg);transform-origin:center;transition:transform .2s}.navPortfolio[open]>summary span{transform:translateY(2px) rotate(225deg)}
[hidden]{display:none!important}.modal-open{overflow:hidden}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.admin-bar .siteHeader{top:44px}.singleArticle{padding-block:110px;min-height:70vh}.singleArticle h1{font-size:clamp(44px,6vw,76px);line-height:.98}.entryContent{max-width:820px;font-size:16px;line-height:1.8}.entryContent img{max-width:100%;height:auto}.projectModalPanel{overflow:hidden;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.projectModalPanel>*{min-width:0}.aboutCopy .aboutLead,.aboutCopy>p{display:block}.aboutCopy .aboutLead{margin:0 0 12px}.aboutCopy .aboutLead+p{margin-top:0}.videoThumb{width:100%;padding:0;border:0;color:inherit;font:inherit;text-align:inherit;cursor:pointer}.videoEmbed{display:block;width:100%;height:205px;border:0;border-bottom:2px solid var(--ink);background:#111}.videoThumb:focus-visible{outline:4px solid var(--cyan);outline-offset:-4px}.subSectionHead#photography{scroll-margin-top:125px}@media(max-width:820px){.projectModalPanel{grid-template-columns:minmax(0,1fr);overflow-y:auto;scrollbar-width:none}.projectModalPanel::-webkit-scrollbar{display:none}}@media(max-width:782px){body.admin-bar .siteHeader{top:53px}}