@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&display=swap');
:root{color-scheme:dark;--p:0;--reveal:0;--fold:76deg;--phone-scale:.72;--phone-x:0px;--phone-y:8deg;--copy-x:-60px;--opening-opacity:1;--opening-y:0px;--light:.1;--device-width:580px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#080808;color:#f4f4f4;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}header{position:absolute;inset:0 0 auto;z-index:20;height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.brand{position:relative;width:225px;height:66px;overflow:hidden}.brand img{width:275px;max-width:none;position:absolute;top:-100px;left:-26px}nav{display:flex;gap:35px;font-size:14px}nav a{padding:14px 0}.journey{height:250svh;min-height:1550px;position:relative}.stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 70% 60%,#242424 0,transparent 55%),#080808}.stage-top{position:absolute;top:125px;left:5%;right:5%;display:flex;justify-content:space-between;letter-spacing:2px;font-size:12px;color:#9d9d9d}.opening-title{position:absolute;left:7%;top:26%;font-size:clamp(85px,11.8vw,182px);letter-spacing:-.07em;line-height:.95;opacity:var(--opening-opacity);transform:translateY(var(--opening-y));font-weight:500;pointer-events:none;color:#dadada}.opening-title em{color:#797979}em{font-family:Georgia,serif;font-weight:400}.hero-copy{position:absolute;top:50%;left:7%;width:41%;opacity:var(--reveal);transform:translate(var(--copy-x),-43%);z-index:3;visibility:hidden}.hero-copy.is-visible{visibility:visible}.eyebrow{font-size:12px;letter-spacing:1.7px;margin:0 0 30px;color:#a4a4a4;font-weight:500}h1{font-size:clamp(50px,6.5vw,100px);font-weight:500;letter-spacing:-.065em;line-height:1.035;margin:0}.intro{font-size:16px;line-height:1.65;color:#aaa;margin:26px 0 25px}.text-link{display:inline-flex;gap:45px;align-items:center;font-size:14px;border-bottom:1px solid #777;padding:12px 0}.device-position{position:absolute;left:50%;top:51%;width:var(--device-width);height:430px;transform:translate(calc(-50% + var(--phone-x)),-50%) scale(var(--phone-scale));transform-origin:center;z-index:4;perspective:1900px}.device{position:relative;width:100%;height:100%;transform:rotateX(var(--phone-y)) rotateZ(calc(-7deg * (1 - var(--p))));transform-style:preserve-3d;filter:none}.device-half{position:absolute;top:0;width:50%;height:100%;padding:7px;background:linear-gradient(115deg,#777,#181818 15%,#8b8b8b 45%,#262626 73%,#929292);border:1px solid #9b9b9b;transform-style:preserve-3d;will-change:transform}.device-left{left:0;border-radius:33px 8px 8px 33px;transform-origin:right center;transform:rotateY(var(--fold));box-shadow:-3px 0 0 #323232,-5px 0 0 #767676}.device-right{right:0;border-radius:8px 33px 33px 8px;transform-origin:left center;transform:rotateY(calc(-1 * var(--fold)));box-shadow:3px 0 0 #323232,5px 0 0 #767676}.display{position:relative;background:#030303;width:100%;height:100%;overflow:hidden;backface-visibility:hidden}.identity{border-radius:26px 3px 3px 26px}.identity img{position:absolute;width:100%;height:75%;object-fit:contain;top:0;left:0;mix-blend-mode:screen;opacity:.9}.identity:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,var(--light)));pointer-events:none}.screen-top{position:absolute;top:24px;left:22px;font-size:10px;letter-spacing:2px;color:#b8b8b8}.identity-copy{position:absolute;bottom:42px;left:24px}.identity-copy small{font-size:10px;letter-spacing:1px;color:#9c9c9c}.identity-copy h2{font-weight:500;font-size:34px;line-height:1.05;letter-spacing:-1.5px;margin:12px 0 0}.video-display{border-radius:3px 26px 26px 3px}.video-display iframe{width:100%;height:100%;border:0;background:#090909}.home-indicator{position:absolute;bottom:12px;width:70px;height:3px;border-radius:4px;background:#fff8;left:50%;transform:translateX(-50%);pointer-events:none}.hinge{position:absolute;left:calc(50% - 3px);top:8px;bottom:8px;width:6px;background:linear-gradient(90deg,#151515,#484848,#050505);transform:translateZ(2px);pointer-events:none}.film-credit{opacity:var(--reveal);display:flex;justify-content:space-between;margin-top:30px;gap:15px;font-size:10px;letter-spacing:1.2px;color:#a2a2a2}.scroll-cue{position:absolute;bottom:32px;left:5%;right:5%;display:flex;align-items:center;gap:25px;font-size:12px;color:#aaa}.progress{height:2px;width:100px;background:#333;overflow:hidden}.progress span{display:block;width:100%;height:100%;background:#fff;transform:scaleX(var(--p));transform-origin:left}.cue-end{margin-left:auto;letter-spacing:1.5px;font-size:10px}.work{padding:120px 7%;background:#efefed;color:#191919}.work .eyebrow{color:#777}.work-heading h2{font-size:clamp(45px,6vw,88px);font-weight:500;letter-spacing:-.065em;line-height:1.05;margin:0 0 65px}.work-heading em{color:#797979}.project{display:grid;grid-template-columns:1fr 1fr;min-height:510px;background:#dededb;border-radius:20px;overflow:hidden}.project-type{padding:55px}.project-type>span{font-size:12px;letter-spacing:1.5px}.project-type h3{font-size:clamp(36px,4.6vw,66px);font-weight:500;letter-spacing:-.065em;line-height:1.08;margin:60px 0 25px}.project-type p{font-size:16px;line-height:1.6;max-width:290px;color:#666}.project-tags{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;margin-top:40px;color:#5e5e5e}.project-video{background:#080808;min-height:510px;display:flex;justify-content:center}.project-video iframe{height:100%;min-height:510px;width:100%;max-width:400px;border:0}.services{padding:140px 7%;display:grid;grid-template-columns:1fr 1fr;gap:9%;background:#fafafa;color:#181818}.services .eyebrow{color:#777}.services-intro h2{font-size:clamp(36px,4.6vw,69px);font-weight:500;line-height:1.09;letter-spacing:-.06em;margin:0}.services-intro h2 span{color:#8b8b8b}.service{border-top:1px solid #ccc;padding:30px 0 40px;display:grid;grid-template-columns:30px 1fr;gap:22px}.service>span{font-size:12px;color:#888;margin-top:6px}.service h3{font-size:clamp(22px,2.15vw,32px);font-weight:500;letter-spacing:-.04em;line-height:1.2;margin:0 0 18px}.service p{font-size:16px;line-height:1.75;color:#696969;margin:0}.closing{padding:120px 7%;overflow:hidden}.closing h2{font-size:clamp(72px,12vw,180px);font-weight:500;letter-spacing:-.075em;line-height:1;margin:35px 0 60px}.closing em{color:#8e8e8e}footer{margin:0 5%;border-top:1px solid #333;display:flex;justify-content:space-between;padding:30px 0;color:#9a9a9a;font-size:12px}.reveal{transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal{opacity:0;transform:translateY(65px)}.motion-ready .reveal.visible{opacity:1;transform:translateY(0)}.service:nth-child(2){transition-delay:.1s}.service:nth-child(3){transition-delay:.2s}a:focus-visible{outline:2px solid #7aa4eb;outline-offset:5px}
@media(min-width:1500px){:root{--device-width:650px}.device-position{height:490px}}
@media(max-width:900px) and (min-width:701px){:root{--device-width:450px}.device-position{height:370px}h1{font-size:58px}.identity-copy h2{font-size:28px}}
@media(max-width:700px){:root{--device-width:min(88vw,430px)}header{height:80px;padding:0 6%}.brand{width:168px}.brand img{width:214px;top:-72px;left:-21px}nav{font-size:12px;gap:15px}nav a:first-child{display:none}.journey{height:220svh;min-height:1250px}.stage{min-height:680px}.stage-top{top:98px;left:6%;font-size:10px}.stage-top span:last-child{display:none}.opening-title{font-size:85px;left:8%;top:20%}.hero-copy{top:152px;left:7%;width:90%;transform:translate(var(--copy-x),0)}.hero-copy .eyebrow{margin-bottom:17px;font-size:10px}.hero-copy h1{font-size:43px;line-height:1.02}.hero-copy h1 br:nth-child(2){display:none}.intro{font-size:14px;line-height:1.5;margin:16px 0 0}.intro br{display:none}.hero-copy .text-link{display:none}.device-position{height:310px;top:65%}.screen-top{font-size:8px;left:16px}.identity-copy{left:16px;bottom:32px}.identity-copy h2{font-size:25px}.identity-copy small{font-size:8px}.film-credit{font-size:8px;letter-spacing:.5px;margin-top:16px}.scroll-cue{bottom:25px;font-size:11px}.cue-end{display:none}.work{padding:75px 7%}.work-heading h2{font-size:44px}.project{grid-template-columns:1fr}.project-type{padding:32px}.project-type h3{font-size:46px;margin:30px 0 20px}.project-tags{margin-top:22px}.project-video,.project-video iframe{height:460px;min-height:460px}.services{padding:80px 7%;grid-template-columns:1fr;gap:55px}.services-intro h2{font-size:48px}.service h3{font-size:26px}.closing{padding:85px 7%}.closing h2{font-size:83px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.journey{height:110svh;min-height:780px}.stage{position:relative}.opening-title{display:none}.hero-copy{opacity:1;visibility:visible}.reveal{transition:none!important;opacity:1!important;transform:none!important}}

.client-picker{display:flex;gap:12px;margin-top:17px;opacity:var(--reveal)}.client-picker button{cursor:pointer;background:#161616;border:1px solid #505050;color:#bbb;padding:10px 17px;border-radius:30px;font:12px Manrope,Arial}.client-picker button[aria-pressed=true]{background:#eee;color:#111;border-color:#eee}.client-picker button:focus-visible{outline:2px solid #7aa4eb;outline-offset:4px}.gym-project{margin-top:35px}.video-display{pointer-events:none}.video-display.ready{pointer-events:auto}@media(max-width:700px){.stage{min-height:780px}.device-position{top:69%;height:290px}.hero-copy{top:132px}.client-picker{margin-top:12px}.client-picker button{padding:9px 13px;font-size:11px}.film-credit{font-size:9px}}

.farmer-project{margin-top:35px}.client-picker{flex-wrap:wrap}.client-picker button{min-height:40px}@media(max-width:700px){.client-picker{gap:5px}.client-picker button{font-size:10px;padding:8px 10px}}

/* Refined dual-screen player: graphite hardware, live film and quieter controls. */
.stage{background:radial-gradient(ellipse at 75% 50%,#1c1c1f 0,transparent 53%),#080809}
.device-half{padding:8px;background:linear-gradient(118deg,#b3b3b5 0,#373739 9%,#0c0c0e 17%,#57575a 51%,#111114 81%,#aaaaae 100%);border:1px solid #858589}
.device-left{border-radius:36px 15px 15px 36px;box-shadow:-2px 0 0 #111,-4px 0 0 #5f5f63,-7px 0 0 #17171b,0 24px 45px #0007}
.device-right{border-radius:15px 36px 36px 15px;box-shadow:2px 0 0 #111,4px 0 0 #5f5f63,7px 0 0 #17171b,0 24px 45px #0007}
.device-right:after{content:'';position:absolute;right:-8px;top:80px;width:4px;height:45px;background:linear-gradient(90deg,#343438,#b3b3b8,#232327);border-radius:0 3px 3px 0;box-shadow:0 62px 0 #57575d}
.identity{border-radius:28px 8px 8px 28px;background:#101013}
.identity .identity-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.32) saturate(.65);opacity:.95}
.identity img{width:70%;height:58%;left:15%;top:15px;mix-blend-mode:screen;opacity:.92}
.identity:before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,#0002 0,transparent 40%,#000b 100%);pointer-events:none}
.identity-copy,.screen-top{z-index:2}.identity-copy{bottom:43px}.identity-copy h2{font-size:31px;line-height:1.1;letter-spacing:-1.3px}.screen-top{font-size:9px;letter-spacing:1.4px}
.video-display{border-radius:8px 28px 28px 8px}.video-display video{display:block;width:100%;height:100%;object-fit:cover;background:#090909}
.camera-cutout{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:56px;height:15px;background:#050505;border-radius:20px;box-shadow:0 1px 0 #ffffff0d;pointer-events:none}.camera-cutout:after{content:'';position:absolute;right:9px;top:5px;width:5px;height:5px;background:#172235;border:1px solid #27364a;border-radius:50%}
.film-toggle{position:absolute;right:17px;bottom:23px;border:1px solid #ffffff60;border-radius:50%;width:34px;height:34px;background:#08080866;backdrop-filter:blur(8px);color:white;cursor:pointer;font:13px Manrope,Arial}.film-toggle:focus-visible{outline:2px solid white;outline-offset:4px}
.film-credit{margin-top:25px;letter-spacing:1px}.client-picker{gap:19px;margin-top:13px}.client-picker button{padding:8px 0;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;color:#8b8b90;font-size:11px;min-height:34px;transition:color .25s}.client-picker button[aria-pressed=true]{background:transparent;color:#eee;border-color:#ddd}.client-picker button:hover{color:white}
.project-video video{width:100%;height:510px;object-fit:contain;background:#080808}.project{border-radius:6px}.work{padding-top:150px}.work-heading h2{margin-bottom:75px}.portal-link{border:1px solid #5a5a60;border-radius:25px;padding:10px 17px!important;align-self:center}.stage-top{font-size:11px;letter-spacing:2.3px}
@media(max-width:700px){.brand{width:135px}.brand img{width:180px;top:-56px;left:-18px}nav{gap:15px;font-size:11px}.portal-link{padding:8px 12px!important}.identity-copy h2{font-size:23px}.client-picker{gap:11px}.client-picker button{font-size:10px;padding:6px 0}.camera-cutout{width:45px;height:12px;top:8px}.camera-cutout:after{top:4px;width:4px;height:4px}.project-video video{height:460px}.work{padding-top:85px}}

.mobile-film-picker{display:none}@media(max-width:700px){.device-position{top:max(490px,60%)}.client-picker{display:none}.mobile-film-picker{display:block;width:100%;margin-top:17px;border:1px solid #4e4e54;border-radius:8px;background:#111114;color:#ddd;padding:9px 12px;font:13px Manrope,Arial;opacity:var(--reveal)}.film-credit{font-size:9px;letter-spacing:.5px}.hero-copy h1 br:nth-child(2){display:block}.hero-copy h1{font-size:40px}.intro{max-width:290px}}

/* Final editorial spacing and layered client presentation. */
.project{transform-origin:50% 0;box-shadow:0 12px 45px #0000000a}
.project-type>span{font-size:12px;letter-spacing:1.8px}
.project-tags{padding-top:20px;border-top:1px solid #00000020;max-width:320px}
.work-heading{max-width:1000px}.service-list{padding-top:3px}
.film-credit{font-variant-numeric:tabular-nums}
@media(min-width:851px) and (min-height:701px){
 .project{position:sticky;top:90px;margin-bottom:60px;transform:scale(var(--card-scale,1));transition:opacity .9s,transform .15s linear}
 .project.visible{transform:scale(var(--card-scale,1))}
 .gym-project{z-index:2}.farmer-project{z-index:3;margin-bottom:0}
 .project-type{display:flex;flex-direction:column}.project-type h3{margin-top:50px}.project-tags{margin-top:auto}
 .services-intro{position:sticky;top:110px;align-self:start}
}
@media(prefers-reduced-motion:reduce){.project{position:relative!important;transform:none!important}.services-intro{position:static}}

.contact-row{display:flex;align-items:center;justify-content:space-between;gap:45px;border-top:1px solid #3d3d40;padding-top:38px}
.contact-invite{font-size:20px;line-height:1.5;letter-spacing:-.025em;color:#bcbcc0;margin:0 0 20px}
.contact-email{font-size:15px;color:#eee;border-bottom:1px solid #646469;padding-bottom:4px;overflow-wrap:anywhere}
.project-enquiry{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;background:#ededed;color:#111;border:1px solid #ededed;border-radius:50px;padding:23px 30px;font-size:15px;white-space:nowrap;transition:background .25s,color .25s,transform .25s}
.project-enquiry:hover{background:#111;color:#eee;transform:translateY(-3px)}.project-enquiry span{font-size:23px;line-height:1}
.portal-support{display:inline-block;margin-top:20px;font-size:13px;color:#ddd;border-bottom:1px solid #777;padding-bottom:6px}
@media(max-width:700px){.contact-row{align-items:start;flex-direction:column;gap:30px}.contact-invite{font-size:18px}.contact-email{font-size:14px}.project-enquiry{padding:18px 25px;width:100%;font-size:14px}.closing h2{margin-bottom:45px}}
@media(prefers-reduced-motion:reduce){.project-enquiry{transition:none}.project-enquiry:hover{transform:none}}

.services-summary{font-size:16px;line-height:1.75;color:#686868;max-width:390px;margin:28px 0 22px}
.services-enquiry{display:inline-block;font-size:14px;color:#202020;padding-bottom:7px;border-bottom:1px solid #777}
.services .services-intro{position:static}.services .service{transition:none;transform:none;opacity:1}
@media(max-width:700px){.services-summary{font-size:16px;max-width:100%}}
.mobile-nav{display:none}.service-links{display:flex;gap:25px;flex-wrap:wrap}header nav [aria-current=page]{border-bottom:1px solid #ddd}.services .service.reveal{transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}.motion-ready .services .service.reveal{opacity:0;transform:translateY(45px)}.motion-ready .services .service.reveal.visible{opacity:1;transform:none}
@media(max-width:700px){header nav{display:none}.mobile-nav{display:block;position:relative;color:#eee;font-size:13px}.mobile-nav summary{list-style:none;cursor:pointer;border:1px solid #555;padding:10px 16px;border-radius:30px;display:flex;gap:22px;align-items:center}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav[open] summary span{transform:rotate(45deg)}.mobile-nav>div{position:absolute;right:0;top:calc(100% + 12px);width:230px;padding:15px;background:#141416;border:1px solid #45454a;border-radius:12px;box-shadow:0 12px 30px #0008;z-index:100}.mobile-nav a{display:block;padding:13px 12px;font-size:15px}.mobile-nav a:hover,.mobile-nav a:focus-visible{background:#29292e}.mobile-nav a[aria-current=page]{color:#fff;text-decoration:underline}.portal-header nav{display:flex}}

.project-video{position:relative;isolation:isolate}.project-video[data-mode=preview] video{object-fit:cover}.project-video[data-mode=full] video{object-fit:contain}
.preview-label{position:absolute;top:24px;left:24px;color:#fff;font-size:10px;letter-spacing:1.7px;text-shadow:0 1px 6px #000;pointer-events:none;z-index:2}
.watch-film,.preview-toggle{position:absolute;z-index:3;cursor:pointer;color:#fff;border:1px solid #ffffff70;background:#11111175;backdrop-filter:blur(12px);font:13px Manrope,Arial;min-height:44px}
.watch-film{left:24px;bottom:27px;padding:13px 20px;border-radius:35px;display:flex;gap:13px;align-items:center}.watch-film:hover,.preview-toggle:hover{background:#111b}.preview-toggle{right:24px;bottom:27px;width:44px;border-radius:50%;padding:0}
.project-video[data-mode=full] .watch-film{top:20px;bottom:auto;font-size:12px;padding:10px 15px}.project-video[data-mode=full] .preview-toggle,.project-video[data-mode=full] .preview-label{display:none}
.watch-film:focus-visible,.preview-toggle:focus-visible{outline:2px solid white;outline-offset:4px}
@media(max-width:700px){.watch-film{left:18px;bottom:20px;padding:12px 17px}.preview-toggle{right:18px;bottom:20px}.preview-label{left:18px;top:18px}}
.ambient-orbits{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.ambient-orbits i{position:absolute;width:75vw;height:75vw;min-width:500px;min-height:500px;left:25%;top:-10%;border:1px solid #ffffff0d;border-radius:50%;transform:rotateX(65deg) rotate(-20deg);animation:orbit-drift 26s ease-in-out infinite}.ambient-orbits i+ i{width:90vw;height:90vw;left:15%;top:-15%;border-color:#ffffff06;animation-delay:-10s}.all-content-link{display:inline-flex;align-items:center;gap:50px;margin:-35px 0 45px;font-size:14px;border-bottom:1px solid #828282;padding:12px 0}.ambient-pause{display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:inherit;font:12px Manrope,Arial;cursor:pointer;padding:0;opacity:.8}.ambient-stopped *{animation-play-state:paused!important}
@keyframes orbit-drift{0%,100%{transform:rotateX(65deg) rotate(-20deg) translateY(0)}50%{transform:rotateX(60deg) rotate(-4deg) translateY(-25px)}}
@media(prefers-reduced-motion:reduce){.ambient-orbits i{animation:none}.ambient-pause{display:none}}

footer{flex-wrap:wrap;gap:20px}.all-content-link span{transition:transform .3s}.all-content-link:hover span{transform:translate(3px,-3px)}@media(prefers-reduced-motion:reduce){.all-content-link span{transition:none}}
@media(max-width:700px){header .brand{width:155px}.portal-header .brand{width:140px}.portal-header .brand img{width:170px;left:-16px;top:-52px}}

.hero-atmosphere{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:#141416}.hero-atmosphere video{width:100%;height:100%;object-fit:cover;filter:grayscale(1) blur(12px);opacity:.38;transform:scale(1.08)}.hero-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#070709a8,#08080a38 60%,#08080a78),linear-gradient(0deg,#08080bcc,transparent 30%,transparent 80%,#08080b99)}.hero-atmosphere>img{position:absolute;right:-7%;top:-8%;height:110%;width:62%;object-fit:contain;mix-blend-mode:screen;opacity:.105;animation:hero-mark-drift 20s ease-in-out infinite}.ambient-stopped .hero-atmosphere>img{animation-play-state:paused}.stage-top,.scroll-cue{text-shadow:0 2px 12px #000}.hero-copy .intro{color:#bcbcc2}@keyframes hero-mark-drift{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-14px)}}@media(max-width:700px){.hero-atmosphere video{filter:grayscale(1) blur(7px);opacity:.29}.hero-atmosphere>img{width:110%;right:-34%;opacity:.085}}@media(prefers-reduced-motion:reduce){.hero-atmosphere>img{animation:none}}
/* Landscape client footage behind the folding-phone showcase. */
.hero-atmosphere video{filter:grayscale(1);opacity:.4;transform:scale(1.015);object-position:center}.hero-atmosphere:after{background:linear-gradient(90deg,#070709b8,#08080a45 60%,#08080a78),linear-gradient(0deg,#08080bcc,transparent 30%,transparent 80%,#08080b88)}@media(max-width:700px){.hero-atmosphere video{filter:grayscale(1);opacity:.3;object-position:60% center}}

.hero-socials{display:flex;align-items:center;gap:14px;margin-top:24px}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #ffffff35;border-radius:50%;color:#ccc;background:#12121460}.social-icon svg{width:21px;height:21px}.hero-socials a{transition:color .2s,border-color .2s,transform .2s}.hero-socials a:hover{color:#fff;border-color:#fff8;transform:translateY(-2px)}.hero-socials a:focus-visible{outline:2px solid #fff;outline-offset:4px}@media(max-width:700px){.hero-socials{margin-top:16px;gap:12px}}@media(prefers-reduced-motion:reduce){.hero-socials a{transition:none}}

/* Keep navigation available throughout the page. */
body > header{position:fixed;top:0;z-index:200;background:rgba(10,10,12,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #ffffff1c;color:#f4f4f4}
body.inner-page > header{position:sticky;top:0;z-index:200;background:rgba(10,10,12,.92)}
body > header a:focus-visible,body > header summary:focus-visible{outline:2px solid #fff;outline-offset:5px}