@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#090909;--white:#fff;--paper:#f9f9f6;--lime:#f2ff70;--gray:#e8e8e6;--gray2:#d8d8d6;--steel:#888;--radius:30px;--ease:cubic-bezier(.22,1,.36,1);--pad:clamp(18px,4.6vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:3px solid #80a500;outline-offset:4px}.skip-link{position:absolute;z-index:999;padding:10px 20px;background:var(--lime);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.page-shell{width:min(100%,1600px);margin:auto;padding:22px clamp(12px,2.4vw,38px) 0;background:var(--paper)}.eyebrow-strip{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:.095em;margin:3px 4px 15px}.eyebrow-dot,.label-dot,.small-dot,.pulse-dot{width:7px;height:7px;background:var(--lime);border:1px solid var(--ink);display:inline-block;border-radius:50%}.eyebrow-strip-right{margin-left:auto;color:#727272}.tiny-arrow{display:inline-block;margin-left:12px;color:var(--ink)}.main-header{display:flex;align-items:center;gap:32px;height:70px;padding:0 12px 0 24px;border:1.5px solid #111;border-radius:19px;background:#fff;position:sticky;top:14px;z-index:90;margin-bottom:13px;box-shadow:0 7px 18px rgba(0,0,0,.035)}.brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:-.035em;white-space:nowrap}.brand-secondary{font-weight:500}.brand-reg{font-size:8px;align-self:flex-start;margin-left:-5px}.brand-symbol{display:grid;grid-template-columns:repeat(2,6px);gap:3px;transform:rotate(-5deg)}.brand-symbol i{width:6px;height:6px;background:var(--ink);border-radius:1px}.desktop-nav{display:flex;align-items:center;gap:clamp(15px,2.6vw,40px);margin-left:auto;font-size:12px;font-weight:600}.desktop-nav a{position:relative}.desktop-nav a:after{content:'';position:absolute;height:1px;background:var(--ink);left:0;right:100%;bottom:-6px;transition:right .25s var(--ease)}.desktop-nav a:hover:after{right:0}.desktop-nav sup{font-size:9px;color:#999}.nav-contact{display:flex;align-items:center;gap:18px;border:1px solid #111;padding:6px 6px 6px 18px;border-radius:100px;font-size:12px;font-weight:700;white-space:nowrap;transition:background .25s}.nav-contact:hover{background:var(--lime)}.mini-round{background:var(--ink);color:var(--lime);display:grid;place-items:center;width:27px;height:27px;border-radius:50%;font-size:15px}.mobile-toggle{display:none}.mobile-menu{display:none}.hero-section{display:grid;grid-template-columns:50% 50%;min-height:690px;gap:12px;margin:0 12px 0 0}.hero-copy,.hero-art{min-height:650px;border-radius:var(--radius);overflow:hidden}.hero-copy{background:#090909;color:white;padding:35px clamp(30px,4vw,66px) 31px;display:flex;flex-direction:column;justify-content:space-between}.hero-topline,.hero-foot,.hero-art-top,.hero-art-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.065em;font-weight:700}.hero-topline{color:#f0f0f0;justify-content:flex-start;gap:10px}.indicator-ring{width:24px;height:24px;border-radius:50%;border:1px solid var(--lime);display:grid;place-items:center}.indicator-ring i{width:8px;height:8px;border-radius:50%;background:var(--lime)}.hero-center{padding:55px 0 40px}.hero-kicker{font-size:10px;letter-spacing:.075em;color:var(--lime);font-weight:700;margin-bottom:29px}.hero-kicker span{margin-left:9px;font-size:15px}.hero-center h1{font-weight:450;letter-spacing:-.073em;line-height:1.055;font-size:clamp(50px,4.55vw,83px);max-width:700px}.hero-center h1>span{display:block;white-space:nowrap}.hero-center h1 em{color:var(--lime);font-style:normal}.headline-dot{color:var(--lime)}.hero-description{font-size:clamp(13px,1vw,16px);line-height:1.65;max-width:480px;color:#c0c0c0;margin-top:28px}.hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.pill-button{border-radius:100px;display:inline-flex;align-items:center;justify-content:space-between;gap:27px;padding:8px 9px 8px 18px;min-height:46px;border:1px solid transparent;font-size:12px;font-weight:700;white-space:nowrap;transition:transform .24s var(--ease),background .24s,border-color .24s}.pill-button:hover{transform:translateY(-3px)}.pill-button.lime{background:var(--lime);color:var(--ink)}.pill-button.outline-light{border-color:#696969;color:#fff;background:transparent}.pill-button.outline-light:hover{border-color:var(--lime)}.pill-button.neutral{background:#eee;color:#111}.button-arrow{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#090909;color:var(--lime);font-size:16px}.hero-foot{color:#aaa}.hero-foot>span:first-child{display:flex;gap:7px;align-items:center}.small-dot{background:var(--lime);border:0;width:6px;height:6px}.hero-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 40% 40%,#fcfcfc 0%,#c4c4c4 38%,#ececeb 66%,#a7a7a7 100%);padding:28px 25px 20px;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:0;opacity:.36;z-index:-1;background:repeating-radial-gradient(ellipse at 44% 51%,transparent 0 12px,rgba(50,50,50,.12) 12.5px 13.5px,transparent 14px 22px);transform:rotate(-12deg) scale(1.4)}.hero-art-top{position:relative;z-index:2;align-self:stretch}.art-top-ornament{display:grid;place-items:center;width:35px;height:35px;background:var(--lime);border-radius:50%;font-size:17px}.chrome-hero{position:absolute;width:110%;max-width:none;left:-2%;top:50%;transform:translateY(-49%) rotate(-5deg);filter:drop-shadow(10px 20px 16px #25252526);animation:chrome-breathe 11s ease-in-out infinite alternate;pointer-events:none}.hero-art-noise{position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.art-sticker{position:absolute;z-index:3;left:12%;bottom:17%;display:flex;align-items:center;gap:12px;background:#111;color:#fff;border:1px solid #555;box-shadow:5px 12px 30px #1114;border-radius:16px;padding:12px 15px;transform:rotate(-5deg);font-size:9px;line-height:1.55}.art-sticker-marker{display:grid;place-items:center;background:var(--lime);color:#000;border-radius:9px;width:37px;height:37px;font-size:21px}.art-sticker b{color:var(--lime)}.sticker-arrow{margin-left:15px;font-size:17px}.hero-art-bottom{position:relative;z-index:2;color:#151515}.marquee-band{overflow:hidden;margin:13px 0 0;background:var(--lime);border-radius:100px;padding:12px 0;font-size:10px;font-weight:800;letter-spacing:.12em}.marquee-band>div{display:flex;align-items:center;gap:33px;white-space:nowrap;min-width:max-content;animation:marquee 25s linear infinite}.marquee-band span{font-size:18px}.section{padding:clamp(85px,9vw,142px) var(--pad)}.section-label{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:.1em;margin-bottom:25px}.label-dot{background:var(--lime);width:8px;height:8px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:42px;margin-bottom:48px}.section-heading h2,.impact-head h2,.recognition-header h2{font-size:clamp(41px,5.1vw,80px);line-height:1.1;letter-spacing:-.069em;font-weight:500}.serif-accent{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.075em}.lime-text{color:#9bad00}.heading-aside{max-width:253px;font-size:13px;line-height:1.65;color:#666;padding-bottom:7px}.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.feature-card{position:relative;overflow:hidden;min-height:488px;border-radius:28px;background:#161616;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;border:0;text-align:left;padding:23px;isolation:isolate;transition:transform .35s var(--ease),box-shadow .35s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 30px rgba(0,0,0,.10)}.feature-card:first-child{grid-row:span 2;min-height:993px}.feature-card:nth-child(2){background:#efff79;color:#0a0a0a}.feature-card:nth-child(3){background:#dedfdf;color:#080808}.feature-card .feature-overlay{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px}.feature-tag{font-size:10px;border:1px solid currentColor;padding:7px 11px;border-radius:100px;font-weight:700;letter-spacing:.03em}.feature-icon{width:41px;height:41px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:20px;transition:transform .3s}.feature-card:hover .feature-icon{transform:rotate(45deg);background:var(--lime);color:#101010;border-color:var(--lime)}.feature-bottom{position:relative;z-index:2}.feature-bottom h3{font-size:clamp(38px,4vw,64px);font-weight:500;letter-spacing:-.065em;margin-bottom:7px}.feature-bottom p{font-size:12px;opacity:.68;max-width:410px;line-height:1.55}.feature-bottom .feature-meta{margin-top:17px;font-size:9px;letter-spacing:.1em;font-weight:700}.feature-visual{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.feature-card:first-child .feature-visual{top:13%;bottom:19%}.feature-card:nth-child(2) .feature-visual,.feature-card:nth-child(3) .feature-visual{top:13%;bottom:13%}.screen-frame{position:absolute;inset:16% 6% 18%;border-radius:18px;background:#121518;box-shadow:0 25px 40px #0007,0 0 0 4px #737773;border:1px solid #b9b9b9;transform:rotate(-9deg) scale(.87);display:flex;flex-direction:column;overflow:hidden}.screen-head{height:31px;background:#161a1c;border-bottom:1px solid #343434;display:flex;align-items:center;gap:7px;padding:0 13px;color:#d1d4d4;font-size:7px;letter-spacing:.08em}.screen-head i{width:6px;height:6px;background:#aeb1b1;border-radius:50%}.screen-head span:last-child{margin-left:auto}.screen-main{flex:1;display:grid;grid-template-columns:23% 1fr 21%;gap:8px;padding:9px}.screen-sidebar{background:#1b2022;border-radius:7px;padding:9px 6px}.screen-sidebar span{display:block;height:5px;background:#696f72;margin:7px 0;border-radius:2px;opacity:.45}.medical-image{position:relative;border-radius:8px;overflow:hidden;background:radial-gradient(ellipse at 49% 30%,#f1f1f1 0,#a4a4a4 10%,#1b1b1b 58%,#0a0a0a 75%)}.medical-image:before,.medical-image:after{content:'';position:absolute;top:22%;bottom:6%;width:37%;border-radius:60% 70% 46% 48%;background:radial-gradient(ellipse at 54% 25%,#c0c0c0,#404040 42%,#080808 73%);filter:blur(2px);border:1px solid #eee5}.medical-image:before{left:11%;transform:rotate(-12deg)}.medical-image:after{right:11%;transform:rotate(12deg)}.medical-crosshair{position:absolute;left:43%;top:44%;width:50px;height:42px;border:1px solid var(--lime);z-index:1;box-shadow:0 0 15px #ecff50aa}.medical-crosshair span{position:absolute;top:-8px;left:-1px;background:var(--lime);color:#111;font-size:7px;padding:2px 4px}.screen-info{display:flex;flex-direction:column;gap:8px}.screen-info i{display:block;height:28%;background:#232a2c;border-radius:5px}.screen-info i:nth-child(2){height:8%;background:#bdf74d}.feature-card:first-child .screen-frame{inset:23% -6% 23% 5%;transform:rotate(-10deg) scale(1.08)}.feature-card:nth-child(2) .screen-frame{transform:rotate(8deg) scale(.96);inset:5% 5% 1% 10%}.feature-card:nth-child(2) .medical-image{background:radial-gradient(ellipse at 48% 30%,#d9d9d9,#696969 23%,#121212 77%)}.feature-card:nth-child(3) .screen-frame{inset:4% -3% 2% 8%;transform:rotate(-5deg) scale(.95)}.feature-card:nth-child(3) .screen-main{grid-template-columns:14% 1fr 1fr 16%}.feature-card:nth-child(3) .medical-image{background:radial-gradient(ellipse at 30% 40%,#d6d6d6,#181818 67%)}.feature-card:nth-child(3) .medical-image:after,.feature-card:nth-child(3) .medical-image:before{border-radius:25%;filter:blur(3px)}.section-divider-space{height:95px}.subheading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.subheading-row h3{font-size:clamp(35px,4vw,59px);letter-spacing:-.065em;font-weight:500}.archive-count{font-size:11px;font-weight:800}.archive-count span{display:inline-block;background:var(--lime);padding:8px;border-radius:50%;margin-right:7px}.work-toolbar{display:flex;gap:14px;justify-content:space-between;align-items:center;margin-bottom:13px}.filter-scroll,.event-filter-buttons{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.filter-scroll::-webkit-scrollbar{display:none}.filter-pill{border:1px solid #b7b7b7;background:transparent;border-radius:100px;padding:10px 16px;font-size:11px;font-weight:700;white-space:nowrap;transition:background .22s}.filter-pill:hover,.filter-pill.active{background:#111;color:#fff;border-color:#111}.view-controls{display:flex;gap:5px}.view-button{background:transparent;border:1px solid #b5b5b5;border-radius:50%;height:35px;width:35px;font-size:18px}.view-button.selected{background:#111;color:#fff}.project-list{border-top:1px solid #1b1b1b}.project-row{width:100%;border:0;border-bottom:1px solid #bdbdbb;padding:22px 0;background:transparent;display:grid;grid-template-columns:50px minmax(0,1.1fr) minmax(0,1fr) 70px 45px;align-items:center;text-align:left;gap:20px;transition:background .25s,padding .25s}.project-row:hover{background:#efefeb;padding-left:12px;padding-right:12px}.project-row-index{font-size:12px;color:#888}.project-row-title{font-size:clamp(19px,2.35vw,34px);font-weight:500;letter-spacing:-.045em}.project-row-category{font-size:11px;color:#777}.project-row-year{font-size:12px;font-weight:600}.row-arrow{display:grid;place-items:center;border:1px solid #999;border-radius:50%;width:37px;height:37px;font-size:18px;transition:transform .25s}.project-row:hover .row-arrow{transform:rotate(45deg);background:var(--lime);border-color:var(--lime)}.project-list.as-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:0}.project-list.as-grid .project-row{min-height:200px;border:1px solid #ddd;border-radius:24px;padding:23px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.project-list.as-grid .project-row-title{font-size:24px}.project-list.as-grid .project-row-category{margin-top:auto}.project-list.as-grid .project-row .row-arrow{align-self:flex-end}.project-list.as-grid .project-row-year{display:none}.statement-section{background:#fff;padding:74px var(--pad) 74px;overflow:hidden}.statement-top{display:flex;justify-content:space-between;align-items:center}.statement-top>span{font-size:10px;letter-spacing:.11em;color:#888;font-weight:700}.statement-composition{position:relative;padding:110px 0 75px}.statement-composition h2{position:relative;z-index:1;font-size:clamp(48px,6.75vw,108px);line-height:1.12;letter-spacing:-.076em;font-weight:450;max-width:1150px}.statement-composition h2 span{color:#a2a2a2}.statement-composition h2 i{font-style:normal;background:var(--lime);border-radius:80px;padding:0 .25em}.statement-period{color:#a0b300}.statement-chrome{position:absolute;top:-30px;right:-24%;width:75%;opacity:.8;transform:rotate(-23deg);mix-blend-mode:multiply;pointer-events:none}.statement-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-left:36%}.statement-bottom p{font-size:clamp(15px,1.4vw,20px);line-height:1.7;color:#404040;max-width:580px}.text-link{white-space:nowrap;display:flex;gap:20px;border-bottom:1px solid #0a0a0a;padding:0 0 8px;font-size:12px;font-weight:800}.text-link span{font-size:16px}.expertise-section{background:#f0f0ed}.section-heading.compact{margin-bottom:48px}.expertise-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.expertise-card{display:flex;flex-direction:column;justify-content:space-between;padding:22px;min-height:430px;border-radius:31px;overflow:hidden;position:relative}.card-lime{background:var(--lime)}.card-black{background:#090909;color:#fff}.card-silver{background:#d9dad9}.card-gray{background:#e5e5e5}.expertise-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.035em;font-weight:800}.card-top-arrow{font-size:21px;line-height:1;width:36px;height:36px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center}.expertise-card h3{font-size:clamp(26px,2.55vw,42px);line-height:1.05;letter-spacing:-.06em;font-weight:500;margin-bottom:16px}.expertise-card p{font-size:12px;line-height:1.5;opacity:.75;max-width:220px}.expertise-graphic{height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:47px;letter-spacing:-.08em;transform:rotate(-8deg)}.line-circles{font-size:33px;letter-spacing:.38em;white-space:nowrap}.orbit-graphic{position:relative;height:150px;margin:15px 0}.orbit-graphic div{position:absolute;left:50%;top:50%;border:1px solid #ddd;border-radius:50%;width:155px;height:75px;transform:translate(-50%,-50%) rotate(35deg)}.orbit-graphic div:nth-child(2){transform:translate(-50%,-50%) rotate(-35deg)}.orbit-graphic div:nth-child(3){width:56px;height:56px;background:var(--lime);border:0}.wire-graphic{font-size:180px;line-height:1;text-align:center;font-weight:200;color:#f7f7f7;text-shadow:1px 1px 1px #121212,2px 3px 0 #888,4px 6px 0 #dedede;transform:rotate(-20deg)}.code-graphic{height:155px;display:flex;align-items:center;justify-content:space-around;font-size:58px;letter-spacing:-.1em;font-weight:400}.code-graphic span:last-child{font-size:40px;transform:rotate(-20deg)}.journey-section{background:#fff}.journey-layout{display:grid;grid-template-columns:34% 1fr;gap:8%;border-top:1px solid #d0d0d0;padding-top:50px}.journey-aside{display:flex;flex-direction:column;gap:22px}.year-stamp{display:flex;flex-direction:column;align-items:flex-start}.year-stamp span{font-size:10px;letter-spacing:.12em;font-weight:800}.year-stamp strong{font-size:clamp(75px,10.5vw,155px);font-weight:400;line-height:1;letter-spacing:-.09em}.journey-aside p{font-size:14px;color:#777}.timeline-row{display:grid;grid-template-columns:150px 1fr;gap:20px;border-bottom:1px solid #d6d6d6;padding:0 0 27px;margin-bottom:27px}.timeline-year{font-size:12px;font-weight:800;padding-top:5px}.timeline-row h3{font-size:clamp(19px,2vw,30px);letter-spacing:-.045em;font-weight:500;margin-bottom:7px}.timeline-role{font-size:11px;background:var(--lime);display:inline-block;padding:5px 8px;border-radius:100px;font-weight:700;margin-bottom:10px}.timeline-row p{font-size:12px;color:#777;line-height:1.55;max-width:500px}.recognition-section{background:#0a0a0a;color:#fff;padding:clamp(85px,9vw,140px) var(--pad)}.recognition-header{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:end;margin-bottom:66px}.recognition-header .section-label{grid-column:1/-1;color:var(--lime)}.recognition-header h2{grid-column:1}.recognition-header h2 em,.impact-head h2 em,.contact-section h2 em{font-family:Georgia,serif;font-weight:400;font-style:italic}.recognition-header p:last-child{max-width:320px;color:#aaa;font-size:13px;line-height:1.6;justify-self:end}.award-row{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(0,.65fr) 46px;gap:20px;align-items:center;padding:27px 0;border-top:1px solid #474747}.award-row:last-child{border-bottom:1px solid #474747}.award-year{font-size:13px;color:var(--lime)}.award-title{font-size:clamp(17px,2vw,28px);font-weight:450;letter-spacing:-.04em}.award-role{font-size:12px;color:#aaa}.award-mark{display:grid;place-items:center;width:37px;height:37px;border:1px solid #666;border-radius:50%;font-size:19px}.impact-section{background:#fff;padding:clamp(85px,8.5vw,135px) var(--pad)}.impact-headline{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:57px}.impact-head h2{font-size:clamp(43px,5.7vw,90px)}.impact-headline>p{font-size:13px;line-height:1.65;color:#666;max-width:350px;margin-bottom:8px}.impact-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-card{background:#ebebea;border-radius:29px;min-height:256px;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.stat-card.stat-highlight{background:var(--lime)}.stat-label{font-size:10px;font-weight:800;letter-spacing:.06em}.stat-card strong{font-size:clamp(69px,8vw,132px);font-weight:400;letter-spacing:-.09em;line-height:1}.stat-card strong span{font-size:40px;vertical-align:top}.stat-caption{font-size:12px;color:#454545}.impact-bottom{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-top:23px}.impact-bottom>p{max-width:605px;font-size:11px;line-height:1.7;color:#777}.impact-tags{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.impact-tags span{border:1px solid #b5b5b5;border-radius:100px;padding:9px 10px;font-size:9px;font-weight:700}.events-section{background:#f1f1ee}.events-toolbar{display:flex;justify-content:space-between;align-items:center;padding:15px 0 17px;border-bottom:1px solid #777;gap:20px}.events-toolbar>span{font-size:10px;font-weight:800;letter-spacing:.07em}.event-filter-buttons button{border:1px solid #bdbdbd;background:transparent;padding:8px 15px;border-radius:50px;font-size:11px;font-weight:800}.event-filter-buttons button.active{background:#090909;border-color:#090909;color:white}.event-row{display:grid;grid-template-columns:100px 1.1fr 1fr 90px 42px;gap:20px;align-items:center;border-bottom:1px solid #c3c3c3;padding:24px 0;min-height:94px}.event-year{font-size:13px;color:#747474}.event-title{font-size:clamp(18px,2vw,27px);letter-spacing:-.04em;font-weight:500}.event-summary{font-size:11px;line-height:1.55;color:#777}.event-role{font-size:10px;font-weight:700;border:1px solid #bcbcbc;border-radius:100px;padding:7px;text-align:center}.event-row .row-arrow{width:33px;height:33px}.event-row:hover .row-arrow{background:var(--lime);transform:rotate(45deg);border-color:var(--lime)}.events-footnote{color:#777;font-size:11px;line-height:1.5;margin-top:20px}.contact-section{background:#080808;color:white;border-radius:35px 35px 0 0;padding:42px var(--pad) 25px;overflow:hidden}.contact-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.contact-top .section-label{color:var(--lime);margin:0}.contact-availability{display:flex;gap:7px;align-items:center;font-size:10px;letter-spacing:.06em;color:#ccc}.pulse-dot{background:var(--lime);border:0;box-shadow:0 0 0 5px #f2ff701a}.contact-section h2{font-size:clamp(59px,8.1vw,128px);font-weight:450;letter-spacing:-.08em;line-height:1.06;margin:104px 0 40px}.contact-section h2 em{color:var(--lime)}.contact-content{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;padding-bottom:114px}.contact-content>p{max-width:465px;color:#a6a6a6;font-size:15px;line-height:1.65}.contact-buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.contact-main{min-height:55px}.contact-bottom{display:flex;align-items:end;justify-content:space-between;border-top:1px solid #787878;padding:27px 0 58px;gap:30px}.footer-identity{font-size:clamp(24px,3vw,45px);font-weight:600;letter-spacing:-.06em}.footer-identity span{font-size:12px;color:var(--lime);vertical-align:top}.contact-bottom p{font-size:10px;letter-spacing:.06em;color:#aaa;margin-top:9px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a,.footer-links button{color:#fff;background:none;border:0;font-size:10px;letter-spacing:.08em;font-weight:700;padding:5px 0}.footer-links a:hover,.footer-links button:hover{color:var(--lime)}.copyright{padding-top:18px;border-top:1px solid #383838;display:flex;justify-content:space-between;gap:20px;color:#919191;font-size:9px;letter-spacing:.045em}.dialog-close,.admin-x{height:37px;width:37px;border:1px solid #999;background:#fff;border-radius:50%;display:grid;place-items:center;font-size:15px}.detail-dialog,.admin-dialog,.edit-dialog{border:0;padding:0;color:var(--ink);background:white;box-shadow:0 30px 100px #0005}.detail-dialog::backdrop,.admin-dialog::backdrop,.edit-dialog::backdrop{background:#060606b8;backdrop-filter:blur(7px)}.detail-dialog{width:min(980px,calc(100% - 30px));max-height:min(92vh,1100px);border-radius:30px;overflow:auto}.dialog-close{position:sticky;z-index:10;top:20px;float:right;margin:18px 20px -60px 0}.detail-hero{padding:55px 55px 35px;background:#f2ff70}.detail-eyebrow{font-size:11px;font-weight:800;letter-spacing:.08em}.detail-hero h2{font-size:clamp(48px,7vw,100px);line-height:1;letter-spacing:-.09em;font-weight:500;margin:24px 0}.detail-hero p{font-size:17px;line-height:1.5;max-width:650px}.detail-image{height:270px;overflow:hidden;background:#151515;display:grid;place-items:center;position:relative}.detail-image img{height:100%;width:100%;object-fit:cover}.detail-image .detail-visual-name{font-size:clamp(50px,12vw,130px);font-weight:500;color:#f2ff70;letter-spacing:-.09em}.detail-body{padding:40px 55px 55px}.detail-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:0 0 28px;border-bottom:1px solid #ddd}.detail-field-label{font-size:9px;color:#888;font-weight:800;letter-spacing:.08em;margin-bottom:6px}.detail-field-value{font-size:13px;font-weight:600}.detail-story{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin:34px 0}.detail-story h3{font-size:20px;font-weight:600;letter-spacing:-.04em}.detail-story p{font-size:14px;color:#555;line-height:1.7}.detail-ctas{display:flex;gap:10px;flex-wrap:wrap}.detail-ctas a{background:#0a0a0a;color:#fff;padding:13px 18px;border-radius:100px;font-size:12px}.admin-dialog{width:min(1050px,calc(100% - 20px));max-height:94vh;border-radius:30px;overflow:auto}.admin-shell{padding:30px}.admin-header,.edit-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.admin-label{font-size:10px;color:#777;letter-spacing:.11em;font-weight:800}.admin-header h2{font-size:clamp(31px,4vw,54px);font-weight:500;letter-spacing:-.055em;margin-top:6px}.admin-auth{margin-top:28px}.admin-login{display:grid;gap:13px;max-width:430px;margin:35px auto}.admin-login h3{font-size:22px}.admin-login p{font-size:12px;line-height:1.6;color:#666}.admin-login input{border:1px solid #aaa;border-radius:12px;padding:12px 14px;width:100%}.admin-toolbar{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-top:30px;padding-bottom:20px;border-bottom:1px solid #ddd}.admin-tabs{display:flex;gap:6px;flex-wrap:wrap}.admin-tabs button{font-size:11px;font-weight:700;border:1px solid #c7c7c7;background:#f5f5f5;border-radius:100px;padding:9px 12px}.admin-tabs button.active{background:#111;color:#fff;border-color:#111}.admin-tools{display:flex;gap:9px;flex-wrap:wrap}.admin-util{border:0;border-bottom:1px solid #666;background:transparent;font-size:11px;padding:9px 0;cursor:pointer}.admin-note{background:#edff97;border-radius:12px;padding:11px 14px;font-size:11px;line-height:1.5;margin-top:20px}.admin-content-head{display:flex;justify-content:space-between;align-items:center;margin:30px 0 15px}.admin-content-head p{font-size:10px;color:#777}.admin-content-head h3{font-size:29px;letter-spacing:-.04em;font-weight:500}.admin-items{border-top:1px solid #ccc}.admin-item{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;border-bottom:1px solid #ddd;padding:15px 0}.admin-item h4{font-size:15px;font-weight:700;margin-bottom:5px}.admin-item p{font-size:11px;color:#777}.admin-item-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.admin-item-actions button{background:#eee;border:1px solid #ddd;padding:9px 11px;font-size:11px;border-radius:100px}.admin-item-actions button:hover{background:var(--lime)}.admin-item-actions button.danger:hover{background:#ff8b89}.admin-tip{font-size:11px;color:#888;line-height:1.5;margin-top:18px}.edit-dialog{width:min(660px,calc(100% - 18px));max-height:92vh;border-radius:25px;overflow:auto}.edit-shell{padding:27px}.edit-heading h2{margin:7px 0 20px;font-size:30px;letter-spacing:-.04em}.edit-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.edit-field{display:flex;flex-direction:column;gap:7px;min-width:0}.edit-field.wide{grid-column:1/-1}.edit-field label{font-size:11px;font-weight:800}.edit-field input,.edit-field textarea,.edit-field select{width:100%;border:1px solid #c8c8c8;padding:11px 12px;border-radius:11px;background:#fafafa;color:#111;font-size:13px}.edit-field textarea{min-height:100px;resize:vertical}.edit-field input[type=checkbox]{width:auto}.edit-field.check{flex-direction:row;align-items:center}.edit-actions{border-top:1px solid #ddd;padding-top:15px;margin-top:20px;display:flex;gap:12px;justify-content:flex-end}#toast{position:fixed;z-index:200;right:24px;bottom:24px;max-width:370px;background:#111;color:white;border:1px solid #444;padding:14px 18px;border-radius:14px;font-size:13px;line-height:1.5;box-shadow:0 10px 40px #0004;opacity:0;pointer-events:none;transform:translateY(15px);transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translateY(0)}.empty-state{padding:35px;text-align:center;color:#777;font-size:13px;border:1px dashed #bbb;border-radius:18px}.hidden{display:none!important}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes chrome-breathe{to{transform:translateY(-50%) rotate(-2deg) scale(1.05)}}
@media(min-width:1360px){.hero-section{min-height:710px}.hero-copy,.hero-art{min-height:710px}.hero-center h1{font-size:74px}}
@media(max-width:1100px){.hero-section{min-height:600px}.hero-copy,.hero-art{min-height:600px}.hero-copy{padding:26px}.hero-center h1{font-size:clamp(46px,5vw,65px)}.expertise-grid{grid-template-columns:repeat(2,1fr)}.expertise-card{min-height:360px}.feature-card:first-child{min-height:820px}.feature-card{min-height:402px}.stat-card{min-height:230px}.stat-card strong{font-size:clamp(55px,8vw,90px)}.event-row{grid-template-columns:70px 1fr .8fr 35px}.event-role{display:none}}
@media(max-width:780px){.page-shell{padding:10px 10px 0}.eyebrow-strip{margin-bottom:10px;font-size:9px}.main-header{height:61px;padding:0 10px 0 16px;margin-bottom:10px;top:8px;border-radius:16px}.desktop-nav,.nav-contact{display:none}.mobile-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:39px;width:43px;background:#080808;border:0;border-radius:12px;margin-left:auto}.mobile-toggle span{width:17px;height:2px;background:var(--lime);transition:transform .2s}.mobile-toggle.active span:first-child{transform:translateY(4px) rotate(45deg)}.mobile-toggle.active span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu:not([hidden]){display:flex;position:sticky;top:74px;z-index:89;background:var(--lime);border-radius:17px;flex-direction:column;padding:17px 22px;margin-bottom:9px;box-shadow:0 10px 30px #0003}.mobile-menu a{font-size:25px;letter-spacing:-.04em;padding:12px 0;border-bottom:1px solid #1113}.hero-section{grid-template-columns:1fr;gap:9px;margin:0;min-height:0}.hero-copy{min-height:570px;border-radius:24px;padding:28px 26px 25px}.hero-center{padding:32px 0}.hero-center h1{font-size:clamp(49px,9.6vw,80px)}.hero-description{font-size:14px;margin-top:23px}.hero-art{min-height:415px;border-radius:24px}.chrome-hero{width:90%;left:5%;max-height:450px}.art-sticker{bottom:14%;left:8%}.marquee-band{margin-top:9px}.section{padding:82px 19px}.section-heading,.impact-headline{display:block;margin-bottom:35px}.section-heading h2,.impact-head h2,.recognition-header h2{font-size:clamp(42px,8.5vw,65px)}.heading-aside,.impact-headline>p{margin-top:19px;max-width:500px}.featured-grid{grid-template-columns:1fr}.feature-card:first-child{grid-row:auto;min-height:530px}.feature-card{min-height:410px}.feature-card:nth-child(2) .screen-frame,.feature-card:nth-child(3) .screen-frame{inset:10% 10% 3% 13%}.section-divider-space{height:75px}.statement-section{padding:75px 20px}.statement-top>span{display:none}.statement-composition{padding:65px 0}.statement-composition h2{font-size:clamp(47px,8vw,78px)}.statement-chrome{width:130%;top:10%;right:-62%;opacity:.45}.statement-bottom{display:block;margin-left:0}.statement-bottom p{font-size:15px}.text-link{width:max-content;margin-top:22px}.journey-layout{grid-template-columns:1fr;gap:45px}.journey-aside{flex-direction:row;align-items:end;justify-content:space-between}.year-stamp strong{font-size:87px}.journey-aside p{max-width:170px}.recognition-section{padding:84px 20px}.recognition-header{display:block}.recognition-header h2{margin:18px 0}.recognition-header p:last-child{max-width:480px}.award-row{grid-template-columns:60px 1fr 28px;gap:10px}.award-role{grid-column:2;grid-row:2}.award-mark{grid-column:3;grid-row:1/3}.impact-section{padding:85px 20px}.impact-stats{grid-template-columns:1fr 1fr}.stat-card{min-height:215px}.stat-card:last-child{grid-column:span 2;min-height:195px}.stat-card strong{font-size:clamp(58px,10vw,105px)}.impact-bottom{display:block}.impact-tags{justify-content:flex-start;margin-top:18px}.event-row{grid-template-columns:60px 1fr 35px;gap:10px}.event-summary{grid-column:2;grid-row:2}.event-row .row-arrow{grid-column:3;grid-row:1/3}.events-toolbar{align-items:flex-start;flex-direction:column}.contact-section{border-radius:24px 24px 0 0;padding:31px 22px 22px}.contact-section h2{font-size:clamp(55px,9vw,95px);margin:70px 0 40px}.contact-content{display:block;padding-bottom:85px}.contact-buttons{margin-top:25px}.contact-bottom{display:block}.footer-links{margin-top:33px}.copyright{flex-wrap:wrap}.project-list.as-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.eyebrow-strip-right{display:none}.brand{font-size:12px}.hero-copy{min-height:560px;padding:24px 21px}.hero-center h1{font-size:clamp(42px,10.7vw,56px)}.hero-center h1>span{letter-spacing:-.075em}.hero-kicker{font-size:9px;margin-bottom:24px}.hero-topline{font-size:9px}.hero-foot{font-size:8px;gap:8px}.hero-art{min-height:330px}.hero-art-top,.hero-art-bottom{font-size:9px}.chrome-hero{width:112%;left:-7%}.art-sticker{left:8%;bottom:14%;transform:rotate(-4deg) scale(.84);transform-origin:left bottom}.hero-actions{gap:7px}.pill-button{font-size:11px;gap:14px}.section{padding:78px 10px}.section-heading h2,.recognition-header h2,.impact-head h2{font-size:clamp(37px,9vw,52px)}.section-label{font-size:9px}.feature-card:first-child{min-height:440px}.feature-card{min-height:370px}.feature-bottom h3{font-size:48px}.feature-card:first-child .screen-frame{inset:14% -6% 20% 3%;transform:rotate(-10deg) scale(.92)}.feature-card:nth-child(2) .screen-frame,.feature-card:nth-child(3) .screen-frame{inset:12% 4% 6% 7%}.subheading-row h3{font-size:34px}.project-row{grid-template-columns:24px 1fr 38px;gap:10px}.project-row-category,.project-row-year{display:none}.project-row-title{font-size:20px}.project-row .row-arrow{width:33px;height:33px}.project-list.as-grid{grid-template-columns:1fr 1fr;gap:7px}.project-list.as-grid .project-row{min-height:160px;padding:14px}.project-list.as-grid .project-row-title{font-size:17px}.project-list.as-grid .project-row-category{display:block;font-size:10px}.filter-pill{padding:8px 11px;font-size:10px}.statement-section{padding:70px 15px}.statement-composition h2{font-size:clamp(39px,10vw,53px)}.expertise-grid{gap:8px}.expertise-card{min-height:285px;padding:15px;border-radius:23px}.expertise-top{font-size:8px}.card-top-arrow{width:26px;height:26px;font-size:15px}.expertise-card h3{font-size:22px;margin-bottom:10px}.expertise-card p{font-size:10px}.expertise-graphic,.orbit-graphic,.wire-graphic,.code-graphic{height:85px}.expertise-graphic{font-size:25px}.line-circles{font-size:20px}.orbit-graphic div{width:90px;height:45px}.orbit-graphic div:nth-child(3){width:34px;height:34px}.wire-graphic{font-size:105px}.code-graphic{font-size:32px}.code-graphic span:last-child{font-size:25px}.year-stamp strong{font-size:75px}.timeline-row{grid-template-columns:95px 1fr;gap:12px}.timeline-row h3{font-size:19px}.recognition-section{padding:79px 15px}.award-title{font-size:17px}.impact-section{padding:79px 15px}.stat-card{min-height:190px;padding:17px}.stat-card strong{font-size:clamp(55px,12vw,79px)}.stat-label{font-size:8px}.stat-caption{font-size:10px}.stat-card:last-child{min-height:160px}.impact-bottom{font-size:10px}.contact-section h2{font-size:clamp(48px,10.4vw,64px)}.contact-top{align-items:flex-start;flex-direction:column;gap:14px}.contact-buttons{align-items:stretch;flex-direction:column}.contact-buttons .pill-button{width:fit-content}.footer-identity{font-size:28px}.footer-links{gap:14px}.copyright{font-size:8px}.detail-dialog{width:calc(100% - 14px);border-radius:21px}.detail-hero{padding:70px 23px 24px}.detail-hero h2{font-size:50px}.detail-hero p{font-size:14px}.detail-body{padding:26px 23px 35px}.detail-fields{grid-template-columns:1fr 1fr}.detail-story{display:block}.detail-story h3{margin-bottom:9px}.detail-image{height:200px}.admin-shell,.edit-shell{padding:18px}.admin-dialog,.edit-dialog{width:calc(100% - 10px);max-height:97vh;border-radius:18px}.admin-header h2{font-size:32px}.admin-toolbar{display:block}.admin-tools{margin-top:15px}.admin-item{grid-template-columns:1fr}.admin-item-actions{justify-content:flex-start}.edit-fields{grid-template-columns:1fr}.edit-field.wide{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* ================================================================
   V2 / PERSONAL PORTRAIT + EDITORIAL MOTION SYSTEM
   --------------------------------------------------------------- */
[hidden]{display:none!important}
.page-progress{position:fixed;top:0;left:0;right:0;height:4px;background:#c7e900;z-index:9999;pointer-events:none;transform:scaleX(0);transform-origin:0 50%;box-shadow:0 0 20px #dafa00aa}
.cursor-aura{position:fixed;top:0;left:0;width:30px;height:30px;border:1px solid #b9d31a;border-radius:50%;pointer-events:none;z-index:101;opacity:0;transform:translate3d(calc(var(--cx,0px) - 50%),calc(var(--cy,0px) - 50%),0) scale(.6);transition:opacity .2s ease,width .25s var(--ease),height .25s var(--ease),transform .06s linear;mix-blend-mode:difference;will-change:transform}
.cursor-aura.cursor-aura-active{opacity:.65;width:56px;height:56px;box-shadow:0 0 0 6px rgba(228,255,91,.04)}
@media(hover:none),(pointer:coarse){.cursor-aura{display:none}}
/* Portrait occupies the chrome canvas while preserving the art direction. */
.hero-art{--art-x:0px;--art-y:0px;--shine-x:50%;--shine-y:50%}
.hero-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--shine-x) var(--shine-y),rgba(255,255,255,.19),transparent 48%);pointer-events:none;z-index:0}
.portrait-stage{position:absolute;z-index:3;top:51%;left:64%;width:min(50%,330px);height:min(73%,493px);transform:translate3d(calc(-50% + var(--art-x)),calc(-50% + var(--art-y)),0);transition:transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.portrait-backplate{position:absolute;inset:-20px -18px 32px 24px;border:1px solid #ffffffb5;border-radius:45px;background:linear-gradient(125deg,#f2ff7025,#ffffff50,#11111118);transform:rotate(12deg);box-shadow:inset 1px 1px 0 #fff8}
.portrait-frame{position:absolute;inset:0 8px 28px 0;border-radius:36px;overflow:hidden;background:#0c0d0d;box-shadow:1px 6px 0 #eaff70,0 22px 60px rgba(0,0,0,.32),inset 0 0 0 2px #ffffff45;transform:rotate(7deg);isolation:isolate;transition:transform .65s var(--ease),box-shadow .45s var(--ease)}
.portrait-stage:hover .portrait-frame{transform:rotate(3deg) scale(1.02);box-shadow:2px 7px 0 #eaff70,0 32px 65px rgba(0,0,0,.42)}
.portrait-photo{position:relative;width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.06);transition:filter .55s ease,transform .6s ease}
.portrait-stage.has-photo .portrait-photo{filter:grayscale(100%) contrast(1.09)}
.portrait-stage.has-photo:hover .portrait-photo{filter:grayscale(0%) contrast(1)}
.portrait-frame:after{content:"";position:absolute;inset:0;border:8px solid #ffffff12;border-radius:36px;pointer-events:none;z-index:2}
.portrait-placeholder{position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,#414349 0%,#202124 29%,#111 72%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#f2ff70;overflow:hidden}
.portrait-placeholder:before{content:"";position:absolute;inset:-10%;background:linear-gradient(112deg,transparent 10%,#ffffff16 30%,transparent 38%,transparent 65%,#ffffff0a 77%,transparent 83%);animation:portrait-shimmer 8s ease-in-out infinite alternate;pointer-events:none}
.portrait-placeholder-rings{position:absolute;width:85%;aspect-ratio:1;border:1px solid #f2ff704d;border-radius:50%;box-shadow:0 0 0 27px #f2ff700b,0 0 0 58px #f2ff7008;animation:portrait-spin 28s linear infinite}
.portrait-placeholder-rings:after,.portrait-placeholder-rings:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--lime);top:15%;left:13%;box-shadow:0 0 14px #f2ff70}
.portrait-placeholder-rings:after{top:auto;bottom:15%;left:auto;right:13%;width:4px;height:4px}
.portrait-monogram{position:relative;font-family:'Manrope',sans-serif;font-size:clamp(75px,10vw,138px);letter-spacing:-.16em;font-weight:500;line-height:1}
.portrait-monogram>span{font-size:19px;letter-spacing:0;position:absolute;right:-23px;top:-4px}
.portrait-add-hint{position:relative;text-align:center;color:#dfdfdf;font-weight:750;letter-spacing:.17em;font-size:9px;line-height:1.8}
.portrait-sheen{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(112deg,transparent 25%,rgba(255,255,255,.16) 44%,transparent 50%);transform:translateX(-150%);animation:portrait-sheen 9s ease-in-out infinite}
.portrait-stamp{position:absolute;bottom:10px;left:-25%;right:-8%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;color:#fff;background:#0b0b0c;border:1px solid #4a4a4a;border-radius:16px;box-shadow:0 12px 25px #1117;transform:rotate(-5deg);font-size:9px;line-height:1.6;font-weight:750;letter-spacing:.04em;z-index:4}
.portrait-stamp b{color:var(--lime);font-weight:700}.portrait-stamp>span:last-child{font-size:22px}.portrait-stamp-dot{background:var(--lime);height:12px;width:12px;border-radius:50%;box-shadow:0 0 0 6px #f2ff7020;flex:none}
.portrait-caption{position:absolute;right:-15px;top:-29px;letter-spacing:.16em;font-weight:800;font-size:8px;color:#252525;transform:rotate(6deg)}
/* move old art caption out of the new portrait's reading area */
.art-sticker{left:7%;bottom:16%;z-index:3;max-width:195px;padding:10px;transform:rotate(-9deg) scale(.88);transform-origin:left bottom}
.chrome-hero{opacity:.79;width:118%;left:-18%;filter:drop-shadow(12px 17px 20px #1112);animation:chrome-breathe 14s ease-in-out infinite alternate}
@keyframes portrait-shimmer{to{transform:translateX(20%) rotate(3deg)}}
@keyframes portrait-spin{to{transform:rotate(360deg)}}
@keyframes portrait-sheen{0%,52%{transform:translateX(-150%)}78%,100%{transform:translateX(165%)}}
/* Secondary personal signature */
.statement-bottom{display:grid;grid-template-columns:minmax(225px,.85fr) minmax(300px,1.5fr) auto;gap:26px;align-items:end;margin-left:0}
.statement-bottom .about-profile-card{align-self:center;display:flex;align-items:center;gap:14px;padding:12px 17px 12px 12px;background:#111;border-radius:22px;color:#fff;max-width:365px;min-width:0;transform:rotate(-2deg);box-shadow:4px 5px 0 #f2ff70}
.about-photo-shell{width:73px;height:84px;border-radius:14px;background:#202020;position:relative;overflow:hidden;flex:none;display:grid;place-items:center}
.about-photo-shell img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.about-photo-shell span{font-size:35px;letter-spacing:-.11em;color:var(--lime);font-weight:500}
.about-profile-card>div:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:5px}.about-profile-card strong{font-size:15px;white-space:nowrap;letter-spacing:-.04em}.about-profile-card small{font-size:9px;letter-spacing:.03em;color:#b9b9b9}.about-profile-overline{color:var(--lime);font-size:9px;font-weight:750;letter-spacing:.08em}.about-profile-star{margin-left:auto;font-size:18px;color:var(--lime);align-self:flex-start}
/* Motion is opt-in: without JS the complete site remains visible. */
.motion-ready .hero-kicker{animation:hero-up .8s .14s both var(--ease)}
.motion-ready .hero-topline{animation:hero-up .75s .08s both var(--ease)}
.motion-ready .hero-center h1>span{animation:hero-up .95s both var(--ease)}
.motion-ready .hero-center h1>span:nth-child(1){animation-delay:.2s}
.motion-ready .hero-center h1>span:nth-child(2){animation-delay:.31s}
.motion-ready .hero-center h1>span:nth-child(3){animation-delay:.42s}
.motion-ready .hero-center h1>span:nth-child(4){animation-delay:.53s}
.motion-ready .hero-description{animation:hero-up .85s .64s both var(--ease)}
.motion-ready .hero-actions{animation:hero-up .85s .75s both var(--ease)}
.motion-ready .hero-art-top,.motion-ready .hero-art-bottom{animation:hero-up .8s .55s both var(--ease)}
.motion-ready .portrait-stage{animation:portrait-appear 1.25s .4s both var(--ease)}
.motion-ready .hero-foot{animation:hero-up .8s .92s both var(--ease)}
@keyframes hero-up{from{opacity:0;transform:translateY(29px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes portrait-appear{from{opacity:0;scale:.85;filter:blur(8px)}to{opacity:1;scale:1;filter:blur(0)}}
.motion-ready .reveal-item{opacity:0;transform:translate3d(0,34px,0);filter:blur(4px);transition:opacity .85s var(--ease),transform .85s var(--ease),filter .85s var(--ease)}
.motion-ready .reveal-item.in-view{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
.motion-ready .featured-grid .feature-card:nth-child(2),.motion-ready .expertise-grid .expertise-card:nth-child(2){transition-delay:.09s}
.motion-ready .featured-grid .feature-card:nth-child(3),.motion-ready .expertise-grid .expertise-card:nth-child(3){transition-delay:.17s}
.motion-ready .expertise-grid .expertise-card:nth-child(4){transition-delay:.25s}
.motion-ready .feature-card.in-view:hover{transform:perspective(1400px) rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg)) translateY(-5px);transition:transform .24s ease,box-shadow .3s ease}
.feature-card .feature-visual{transition:scale .65s var(--ease),filter .6s ease}
.feature-card:hover .feature-visual{scale:1.045;filter:contrast(1.045)}
.project-row .row-arrow,.event-row .row-arrow,.award-mark{transition:transform .28s var(--ease)}
.project-row:hover .row-arrow,.event-row:hover .row-arrow,.award-row:hover .award-mark{transform:translate(4px,-4px)}
.hero-actions .pill-button,.nav-contact{translate:var(--mag-x,0px) var(--mag-y,0px);transition:translate .35s var(--ease),transform .3s var(--ease),background .3s}
.main-header{transition:box-shadow .35s,background .35s,top .35s var(--ease)}
.has-scrolled .main-header{box-shadow:0 14px 35px #00000014;background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
/* Admin: first-class photo upload and crop preview */
.media-upload-zone{border:1px dashed #adb0a5;border-radius:20px;padding:16px!important;background:#fbfcf6;display:flex;flex-direction:column;gap:8px}.media-upload-zone>span{font-size:12px;color:#656565;line-height:1.5}
.editor-portrait-preview{display:flex;gap:15px;align-items:center;margin-top:9px;padding:10px;background:#efefea;border-radius:16px;max-width:480px}
.editor-portrait-preview>img,.editor-portrait-preview>div#editor-portrait-empty{height:112px;width:92px;object-fit:cover;background:#161616;border-radius:14px;display:grid;place-items:center;flex:none;color:#f2ff70;font-size:38px}
.editor-portrait-actions{display:grid;gap:10px;align-content:center}.editor-portrait-actions strong{font-size:14px}.editor-portrait-actions button{border:1px solid #a3a3a3;background:transparent;border-radius:100px;padding:9px 12px;font-size:11px;font-weight:750}
@media(max-width:1150px){.statement-bottom{grid-template-columns:minmax(210px,.8fr) minmax(250px,1.3fr);gap:26px}.statement-bottom .text-link{grid-column:2;justify-self:start}.portrait-stage{left:65%;width:52%;height:68%}.portrait-stamp{left:-32%}}
@media(max-width:780px){.portrait-stage{top:52%;left:63%;height:72%;width:min(49%,330px)}.portrait-frame{border-radius:30px}.portrait-caption{font-size:7px}.portrait-stamp{font-size:8px;left:-35%;padding:9px}.statement-bottom{grid-template-columns:1fr;margin-left:0;gap:26px}.statement-bottom .text-link{grid-column:1}.statement-bottom .about-profile-card{max-width:400px;width:100%}.cursor-aura{display:none}}
@media(max-width:500px){.hero-art{min-height:400px}.portrait-stage{width:48%;height:73%;left:65%;top:50%}.portrait-frame{border-radius:23px;inset:0 0 22px 0;transform:rotate(6deg)}.portrait-frame:after{border-radius:23px;border-width:5px}.portrait-stamp{left:-34%;right:-9%;bottom:0;gap:6px;font-size:7px;padding:8px;border-radius:12px}.portrait-stamp-dot{width:7px;height:7px}.portrait-stamp>span:last-child{font-size:15px}.portrait-caption{right:-12px;top:-16px;font-size:6px}.portrait-monogram{font-size:65px}.portrait-monogram>span{font-size:15px;right:-14px}.portrait-add-hint{font-size:7px}.art-sticker{left:4%;bottom:18%;transform:rotate(-9deg) scale(.66)}.chrome-hero{width:125%;left:-37%;opacity:.72}.statement-bottom .about-profile-card{transform:none;max-width:100%}.about-photo-shell{width:65px;height:72px}.about-profile-card strong{font-size:14px}.about-profile-card small{font-size:8px}.media-upload-zone{padding:12px!important}}
@media(prefers-reduced-motion:reduce){.page-progress{display:none}.cursor-aura{display:none}.portrait-placeholder-rings,.portrait-placeholder:before,.portrait-sheen{animation:none!important}.hero-art .portrait-stage{transition:none}.feature-card:hover{transform:none!important}.feature-card:hover .feature-visual{scale:1}.motion-ready .reveal-item{opacity:1;filter:none;transform:none}}

/* ==============================================================
   V3 — COMPOSICIÓN EDITORIAL / MOVIMIENTO / ESTUDIOS DE CASO
   Sin fotografía personal. No se agregan proyectos ni métricas.
   ============================================================== */
:root{--paper:#f6f6f2;--lime:#f2ff70;--ease:cubic-bezier(.22,1,.36,1)}
body{background:var(--paper)}
.page-shell{background:var(--paper)}
.eyebrow-strip{letter-spacing:.13em}
.desktop-nav{gap:clamp(13px,1.9vw,30px)}
.desktop-nav a.is-current{color:#647500}
.desktop-nav a.is-current:after{right:0;background:#647500}
.mobile-menu a.is-current{opacity:.65}
.main-header{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:rgba(255,255,255,.91);box-shadow:0 15px 45px rgba(0,0,0,.04)}
.hero-section{grid-template-columns:minmax(0,1.015fr) minmax(0,1fr);gap:12px}
.hero-copy{padding:36px clamp(27px,4vw,68px) 30px}
.hero-center h1{letter-spacing:-.079em}
.hero-kicker{letter-spacing:.11em}
.hero-art{background:radial-gradient(ellipse at 47% 42%,#f8f8f7 0%,#d4d5d2 46%,#9c9e9d 100%);overflow:hidden}
.hero-art:before{opacity:.23;transform:rotate(-12deg) scale(1.5)}
.hero-art-top,.hero-art-bottom{z-index:7}
.hero-visual-stage{position:absolute;inset:0;z-index:2;overflow:hidden;isolation:isolate}
.hero-visual-stage:before{content:"";position:absolute;inset:-26%;background:conic-gradient(from 110deg,#ffffff00,#ffffff25,#00000008,#ffffff35,#ffffff00);opacity:.6;animation:stage-glow 16s linear infinite;z-index:-1}
.visual-ring{position:absolute;left:52%;top:47%;width:min(82%,590px);aspect-ratio:1;border:1px solid rgba(255,255,255,.72);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 34px rgba(255,255,255,.11),0 0 0 85px rgba(18,18,18,.025)}
.visual-ring-two{width:55%;border:1px dashed rgba(20,20,20,.22);box-shadow:none;animation:rotate-ring 38s linear infinite}
.hero-visual-stage .chrome-hero{width:123%;height:auto;top:49%;left:-16%;opacity:.93;transform:translateY(-50%) rotate(-10deg);filter:drop-shadow(4px 25px 19px rgba(0,0,0,.16));animation:chrome-float-v3 12s ease-in-out infinite alternate}
.hero-identity-panel{position:absolute;left:48%;top:46%;width:min(47%,324px);aspect-ratio:.81;transform:translate(-18%,-44%) rotate(7deg);background:linear-gradient(145deg,#222426 0%,#090909 70%);border:2px solid rgba(255,255,255,.6);border-radius:clamp(26px,3vw,42px);box-shadow:-7px 8px 0 rgba(242,255,112,.96),0 30px 68px rgba(0,0,0,.33);padding:clamp(16px,2vw,27px);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;overflow:hidden;transition:transform .7s var(--ease),box-shadow .7s var(--ease);color:#fff}
.hero-identity-panel:before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 65deg,transparent,rgba(242,255,112,.13),transparent,rgba(255,255,255,.07),transparent);animation:rotate-ring 24s linear infinite}
.hero-identity-panel:after{content:"";position:absolute;inset:8%;border:1px solid rgba(242,255,112,.24);border-radius:50%;pointer-events:none;transform:scale(.8)}
.hero-panel-index,.hero-panel-caption,.hero-identity-panel strong,.hero-panel-lines{position:relative;z-index:1}
.hero-panel-index{font-size:9px;letter-spacing:.19em;font-weight:700;color:#bdbdbd}
.hero-identity-panel strong{font-size:clamp(90px,13.5vw,184px);font-weight:400;letter-spacing:-.19em;color:var(--lime);line-height:1;white-space:nowrap;transform:translateX(-.06em)}
.hero-identity-panel strong span{display:inline}
.hero-identity-panel strong sup{font-size:.14em;letter-spacing:0;vertical-align:top;position:relative;top:.2em;left:.33em}
.hero-panel-caption{font-size:clamp(8px,.8vw,11px);font-weight:700;letter-spacing:.12em;line-height:1.7}
.hero-panel-lines{position:absolute;right:17px;bottom:18px;display:grid;gap:5px}
.hero-panel-lines i{width:46px;height:2px;background:rgba(255,255,255,.16);display:block;border-radius:99px}
.hero-panel-lines i:nth-child(2){width:31px;background:var(--lime)}
.hero-panel-lines i:nth-child(3){width:38px}
.hero-project-ribbon{position:absolute;z-index:6;left:6%;bottom:13%;right:5%;display:grid;grid-template-columns:auto 1fr auto;column-gap:10px;row-gap:6px;align-items:center;padding:16px 17px;border-radius:15px;background:#101010;color:#fff;border:1px solid #585858;box-shadow:0 17px 33px rgba(0,0,0,.24);transform:rotate(-4deg);font-size:9px;font-weight:700;letter-spacing:.1em;transition:transform .45s var(--ease)}
.hero-project-ribbon .ribbon-led{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(242,255,112,.12)}
.hero-project-ribbon strong{grid-column:2;letter-spacing:.02em;color:var(--lime);font-size:clamp(9px,.9vw,12px)}
.hero-project-ribbon>span:last-child{grid-column:3;grid-row:1/3;font-size:22px;color:var(--lime)}
.hero-project-ribbon:hover{transform:rotate(-1deg) translateY(-4px)}
.hero-art:hover .hero-identity-panel{transform:translate(-18%,-47%) rotate(4deg);box-shadow:-10px 11px 0 rgba(242,255,112,.98),0 35px 79px rgba(0,0,0,.37)}
.hero-art-noise{opacity:.11}
.hero-art-top,.hero-art-bottom{text-shadow:0 1px 9px rgba(255,255,255,.3)}

/* Featured projects: three differentiated, non-clinical graphic covers. */
.section-work{padding-top:clamp(94px,10vw,160px)}
.section-heading h2{max-width:850px}
.featured-grid{gap:16px}
.feature-card{padding:clamp(19px,2vw,30px);min-height:515px;border-radius:32px}
.feature-card:first-child{min-height:1046px}
.feature-card:nth-child(1){background:#080a0a;color:#fff}
.feature-card:nth-child(2){background:var(--lime);color:#080808}
.feature-card:nth-child(3){background:#dce0dd;color:#090909}
.feature-card .feature-visual,.feature-card:nth-child(2) .feature-visual,.feature-card:nth-child(3) .feature-visual{top:13%;bottom:16%}
.feature-card:first-child .feature-visual{top:13%;bottom:19%}
.feature-overlay{position:relative;z-index:5}
.feature-tag{font-size:10px;letter-spacing:.06em;padding:8px 12px}
.feature-number{display:block;font-weight:750;letter-spacing:.13em;font-size:10px;margin-bottom:12px}
.feature-bottom{z-index:5}
.feature-bottom h3{font-size:clamp(52px,5.4vw,88px);line-height:.96;margin-bottom:18px}
.feature-card:nth-child(n+2) .feature-bottom h3{font-size:clamp(43px,4vw,67px)}
.feature-bottom p{font-size:13px;opacity:.85;max-width:375px;line-height:1.65}
.feature-bottom .feature-meta{border-top:1px solid currentColor;padding-top:15px;opacity:.6;letter-spacing:.08em}
.feature-open{margin-top:18px;display:inline-flex;align-items:center;gap:12px;font-size:10px;font-weight:800;letter-spacing:.09em}
.feature-open b{display:grid;place-items:center;width:29px;height:29px;border:1px solid currentColor;border-radius:50%;font-size:17px;transition:transform .3s}
.feature-card:hover .feature-open b{transform:rotate(45deg)}
.case-art{position:absolute;inset:0;overflow:hidden;isolation:isolate;display:flex;flex-direction:column}
.case-art-grid{position:absolute;inset:0;opacity:.3;background-image:linear-gradient(#f7ffed11 1px,transparent 1px),linear-gradient(90deg,#f7ffed11 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent 92%)}
.case-art-header{position:absolute;top:3%;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.14em;font-weight:700;z-index:2;opacity:.72}
.case-art-central{position:absolute;inset:3% 6% 2%;display:grid;place-items:center;overflow:hidden}
.case-art-disclaimer{position:absolute;bottom:3%;left:6%;right:6%;font-size:8px;letter-spacing:.13em;text-align:center;font-weight:700;opacity:.55;z-index:3}
.case-art-pretec{background:radial-gradient(circle at 48% 45%,#444b47,#0a1010 60%,#060909)}
.case-ai-orbit{width:min(83%,520px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 48% 50%,#9fa49f11,transparent 63%);filter:drop-shadow(0 15px 24px #0007)}
.ai-track{position:absolute;inset:10%;border:2px solid rgba(241,255,242,.42);border-radius:43% 57% 57% 43%/56% 39% 61% 44%;box-shadow:inset 0 0 17px rgba(255,255,255,.09),0 0 24px #ffffff13;animation:rotate-ring 19s linear infinite}
.ai-track-b{inset:19%;border-color:#c8dbcb99;border-radius:54% 46% 37% 63%/34% 58% 42% 66%;animation-duration:23s;animation-direction:reverse}
.ai-track-c{inset:29%;border-color:var(--lime);border-style:dashed;border-width:1px;animation-duration:30s}
.ai-core{width:32%;aspect-ratio:1;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:radial-gradient(circle at 30% 24%,#dce5da,#737b78 36%,#121717 76%);box-shadow:0 0 0 14px #ffffff12,0 20px 40px #0008;display:grid;place-items:center;color:#e8ffb8;font-size:clamp(26px,6vw,87px);letter-spacing:-.13em;font-weight:500}
.case-art-luna{background:linear-gradient(135deg,#cbd3c0 0%,#6b786d 45%,#37493e 100%)}
.case-art-luna .case-art-grid{opacity:.4}
.case-art-luna:before{content:"";position:absolute;inset:10% 20%;background:radial-gradient(ellipse at center,#0c282156,transparent 67%)}
.case-lung-graphic{width:min(70%,300px);aspect-ratio:1;filter:drop-shadow(0 15px 14px #0f3c204b);transform:rotate(-7deg);color:#2e5143}
.case-lung-graphic svg{width:100%;height:100%;stroke-linecap:round;stroke-linejoin:round}
.case-art-borita{background:linear-gradient(120deg,#a3aaa7,#d8ddda 60%,#8d9592)}
.case-dicom-ui{width:89%;height:72%;min-height:190px;background:#121a1d;transform:rotate(-7deg) translateY(-1%);border:3px solid #5e6565;border-radius:17px;box-shadow:0 22px 34px #151f205e,0 0 0 8px #fff5;overflow:hidden;color:#e3eae4}
.dicom-toolbar{height:32px;background:#10191a;border-bottom:1px solid #39494a;display:flex;gap:7px;align-items:center;padding:0 12px}
.dicom-toolbar i{width:6px;height:6px;border-radius:50%;background:#606f69}
.dicom-toolbar span{margin-left:auto;font-size:8px;letter-spacing:.1em}
.dicom-cells{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;height:calc(100% - 32px);padding:7px}
.dicom-cells div{border:1px solid #38494c;position:relative;background:radial-gradient(ellipse at 50% 50%,#677377,#161d20 68%);overflow:hidden;display:grid;place-items:center}
.dicom-cells div:nth-child(2){background:radial-gradient(circle at 47% 46%,#969e9c,#1b2224 62%)}
.dicom-cells div:nth-child(3){background:radial-gradient(circle at 39% 52%,#adb5b3,#222d2d 70%)}
.dicom-cells div:nth-child(4){background:radial-gradient(ellipse at 60% 50%,#606b6c,#101b1b 68%)}
.dicom-cells div span{position:absolute;top:8px;left:8px;font-size:8px;color:#becbca}
.dicom-cells div b{color:#c2c7c6;font-size:clamp(28px,4vw,56px);font-weight:400;opacity:.8}
/* Archive shows a short factual summary, not an invented screenshot. */
.project-row{grid-template-columns:35px minmax(0,1.65fr) minmax(0,.75fr) 85px 38px;gap:20px;min-height:112px;border-bottom-color:#d3d3ce}
.project-row-main{min-width:0;display:flex;flex-direction:column;gap:7px}
.project-row-summary{font-size:12px;line-height:1.5;color:#777;max-width:620px}
.project-row-title{font-size:clamp(22px,2.7vw,38px);line-height:1.12}
.project-row:hover{background:#ebecdf}
.project-row:hover .project-row-title{color:#3e4600}
.project-list.as-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.project-list.as-grid .project-row{min-height:265px;background:#f1f2ed;transition:background .3s,transform .3s}
.project-list.as-grid .project-row:hover{background:#e8f0ba;transform:translateY(-4px)}
.project-list.as-grid .project-row-summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.project-list.as-grid .project-row-main{gap:12px}
.project-list.as-grid .project-row-title{font-size:clamp(22px,2vw,29px)}
.project-list.as-grid .project-row-category{color:#545454}
.project-list.as-grid .project-row .row-arrow{margin-top:auto}
/* About is a monogram (not a missing photograph). */
.about-monogram{width:73px;height:84px;border-radius:14px;background:radial-gradient(circle at 20% 10%,#414841,#141714 75%);display:grid;place-items:center;color:var(--lime);font-size:32px;letter-spacing:-.12em;position:relative;flex:none}
.about-monogram span{position:absolute;right:8px;top:10px;font-size:10px;letter-spacing:0}
.statement-bottom .about-profile-card{box-shadow:4px 5px 0 var(--lime)}
/* Motion polish */
.hero-visual-stage,.case-art{backface-visibility:hidden}
.motion-ready .hero-visual-stage{animation:stage-enter 1.15s .36s both var(--ease)}
.motion-ready .hero-project-ribbon{animation:ribbon-enter 1.1s .9s both var(--ease)}
.motion-ready .hero-identity-panel{animation:identity-enter 1.2s .5s both var(--ease)}
.motion-ready .hero-foot{animation-delay:.95s}
.feature-card:hover .case-art .case-ai-orbit{scale:1.05}
.feature-card:hover .case-art .case-dicom-ui{transform:rotate(-3deg) translateY(-4%)}
.feature-card:hover .case-art .case-lung-graphic{transform:rotate(0deg) scale(1.04)}
.case-ai-orbit,.case-dicom-ui,.case-lung-graphic{transition:transform .7s var(--ease),scale .7s var(--ease)}
.feature-card:hover .case-art-grid{opacity:.55}
.case-art-grid{transition:opacity .5s}
.detail-dialog{box-shadow:0 40px 120px rgba(0,0,0,.4)}
.detail-dialog[open]{animation:modal-open-v3 .4s var(--ease) both}
.detail-dialog::backdrop{background:rgba(9,9,9,.78);backdrop-filter:blur(8px)}
.contact-section{background:radial-gradient(circle at 86% 19%,#263021 0%,#0a0c0a 31%,#090909 69%)}
/* Hover does not replace focus treatment. */
.feature-card:focus-visible,.project-row:focus-visible,.event-row:focus-visible{outline:3px solid #93a900;outline-offset:4px}
@keyframes stage-glow{to{transform:rotate(360deg)}}
@keyframes rotate-ring{to{transform:rotate(360deg)}}
@keyframes chrome-float-v3{to{transform:translateY(-47%) rotate(-5deg) scale(1.045)}}
@keyframes stage-enter{from{opacity:0;scale:.92;filter:blur(7px)}to{opacity:1;scale:1;filter:blur(0)}}
@keyframes identity-enter{from{opacity:0;translate:0 36px;scale:.87}to{opacity:1;translate:0 0;scale:1}}
@keyframes ribbon-enter{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}
@keyframes modal-open-v3{from{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1100px){
  .hero-identity-panel{left:46%;width:51%;top:48%}
  .hero-identity-panel strong{font-size:clamp(78px,12vw,132px)}
  .hero-project-ribbon{left:7%;right:5%;bottom:14%;padding:12px 14px}
  .feature-card:first-child{min-height:890px}
  .feature-card{min-height:445px}
  .desktop-nav{gap:15px}
}
@media(max-width:780px){
  .hero-section{grid-template-columns:1fr}
  .hero-copy{min-height:560px}
  .hero-art{min-height:415px}
  .hero-art .chrome-hero{width:84%;left:7%}
  .hero-identity-panel{width:35%;max-width:280px;left:52%;top:43%;aspect-ratio:.85}
  .hero-identity-panel strong{font-size:clamp(62px,13vw,117px)}
  .hero-project-ribbon{left:25%;right:6%;bottom:13%;font-size:8px;transform:rotate(-3deg)}
  .visual-ring{width:55%}
  .featured-grid{grid-template-columns:1fr;gap:12px}
  .feature-card:first-child{grid-row:auto;min-height:560px}
  .feature-card{min-height:440px}
  .feature-card:nth-child(2) .feature-visual,.feature-card:nth-child(3) .feature-visual{top:12%;bottom:15%}
  .project-row{grid-template-columns:35px 1fr 43px;gap:13px}
  .project-row-main{grid-column:2}
  .project-row-category,.project-row-year{display:none}
  .project-row .row-arrow{grid-column:3;grid-row:1}
  .project-list.as-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .project-list.as-grid .project-row{min-height:260px}
  .project-list.as-grid .project-row .project-row-category{display:block}
}
@media(max-width:500px){
  .eyebrow-strip{font-size:8px}
  .hero-copy{min-height:540px}
  .hero-art{min-height:365px}
  .hero-art .chrome-hero{width:113%;left:-10%}
  .hero-identity-panel{width:52%;left:48%;top:43%;max-height:245px;border-radius:25px;padding:15px}
  .hero-identity-panel strong{font-size:clamp(69px,20vw,105px)}
  .hero-panel-index,.hero-panel-caption{font-size:7px}
  .hero-project-ribbon{left:8%;right:6%;bottom:10%;font-size:8px}
  .hero-project-ribbon strong{font-size:9px}
  .hero-art-top,.hero-art-bottom{font-size:8px}
  .feature-card:first-child{min-height:505px}
  .feature-card{min-height:435px}
  .feature-bottom h3{font-size:53px}
  .feature-card:nth-child(n+2) .feature-bottom h3{font-size:48px}
  .case-art .case-art-central{inset:7% 5% 2%}
  .case-art-disclaimer{font-size:7px}
  .case-dicom-ui{height:65%;min-height:140px}
  .case-ai-orbit{width:78%}
  .project-row{min-height:112px}
  .project-row-title{font-size:23px}
  .project-row-summary{font-size:11px;line-height:1.4}
  .project-list.as-grid{grid-template-columns:1fr;gap:10px}
  .project-list.as-grid .project-row{min-height:220px}
  .project-list.as-grid .project-row-title{font-size:26px}
  .section-heading h2{font-size:clamp(36px,9.2vw,52px)}
}
@media(prefers-reduced-motion:reduce){
  .hero-visual-stage,.hero-identity-panel,.hero-project-ribbon,.case-art *{animation:none!important;transition:none!important}
  .hero-visual-stage .chrome-hero{animation:none!important}
  .visual-ring,.ai-track{animation:none!important}
  .detail-dialog[open]{animation:none!important}
}

/* Keep technical illustration separate from headings/descriptions. */
.feature-card:first-child .feature-visual{top:12%;bottom:32%}
.feature-card:nth-child(2) .feature-visual,.feature-card:nth-child(3) .feature-visual{top:13%;bottom:43%}
.feature-card:nth-child(n+2) .case-dicom-ui{height:90%}
.feature-card:nth-child(n+2) .case-lung-graphic{width:min(62%,205px)}
.feature-card:nth-child(n+2) .case-art-header{top:0}
.feature-card:nth-child(n+2) .case-art-disclaimer{bottom:1%}
.feature-card:nth-child(n+2) .feature-bottom{background:linear-gradient(to top,currentColor 0,transparent 0);isolation:isolate}
.feature-card:nth-child(n+2) .feature-bottom h3{margin-bottom:12px}
.feature-card:nth-child(n+2) .feature-bottom p{max-width:390px}
@media(max-width:780px){
 .feature-card:first-child .feature-visual{top:14%;bottom:39%}
 .feature-card:nth-child(2) .feature-visual,.feature-card:nth-child(3) .feature-visual{top:12%;bottom:46%}
}
@media(max-width:500px){
 .feature-card:first-child .feature-visual{top:13%;bottom:42%}
 .feature-card:nth-child(2) .feature-visual,.feature-card:nth-child(3) .feature-visual{top:11%;bottom:48%}
}

.feature-card:nth-child(2) .feature-visual,.feature-card:nth-child(3) .feature-visual{bottom:51%}
@media(max-width:780px){.feature-card:nth-child(2) .feature-visual,.feature-card:nth-child(3) .feature-visual{bottom:52%}}
@media(max-width:500px){.feature-card:nth-child(2) .feature-visual,.feature-card:nth-child(3) .feature-visual{bottom:53%}}


/* V4 — clasificación de desarrollos por las tres categorías confirmadas. */
.category-showcase{display:flex;flex-direction:column;gap:clamp(55px,6vw,100px)}
.work-category{min-width:0}
.work-category-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;padding-bottom:18px;margin-bottom:21px;border-bottom:1px solid #bbbcb5}
.work-category-label{display:flex;align-items:baseline;gap:22px;min-width:0}
.work-category-index{font-size:11px;color:#777;letter-spacing:.035em;white-space:nowrap;font-weight:700}
.work-category-heading h3{font-size:clamp(23px,2.7vw,42px);letter-spacing:-.055em;font-weight:550;line-height:1.12;margin:0}
.work-category-count{font-size:11px;color:#73736f;white-space:nowrap;font-weight:700}
.work-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.work-category-grid.work-category-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.catalog-card{border:0;display:flex;flex-direction:column;min-width:0;background:transparent;text-align:left;cursor:pointer;color:var(--ink);border-radius:22px;padding:0;overflow:hidden;transition:transform .36s var(--ease);transform:perspective(1000px) rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg))}
.catalog-card:hover{transform:perspective(1000px) translateY(-4px) rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg))}
.catalog-visual{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;height:clamp(220px,25vw,345px);overflow:hidden;border-radius:24px;background:#090909}
.work-category-two .catalog-visual{height:clamp(240px,29vw,405px)}
.catalog-visual.catalog-medical{background:#dcdedb}
.catalog-visual.catalog-client{background:#efff79}
.catalog-visual>img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.catalog-card:hover .catalog-visual>img{transform:scale(1.05)}
.catalog-visual .case-art{position:absolute;inset:0;border:0;border-radius:24px;width:100%;height:100%}
.catalog-info{padding:18px 4px 2px;display:flex;flex-direction:column;gap:9px;flex:1}
.catalog-title-line{display:flex;justify-content:space-between;gap:14px;align-items:start}
.catalog-title-line h4{font-size:clamp(22px,2.15vw,34px);font-weight:550;letter-spacing:-.06em;line-height:1.15;margin:0}
.catalog-arrow{width:32px;height:32px;flex-shrink:0;border-radius:50%;border:1px solid #111;display:grid;place-items:center;font-size:18px;transition:background .25s,transform .25s}
.catalog-card:hover .catalog-arrow{background:var(--lime);transform:rotate(45deg)}
.catalog-info p{font-size:13px;color:#62625e;line-height:1.65;margin:0;max-width:400px}
.catalog-category{font-size:10px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:#7b7b73;margin-top:auto;padding-top:10px}
.see-all-projects{margin-top:clamp(60px,7vw,100px);padding:29px 0;border-top:1px solid #b8b8b0;border-bottom:1px solid #b8b8b0;display:flex;align-items:center;justify-content:space-between;gap:24px}
.see-all-kicker{font-size:10px;font-weight:800;letter-spacing:.1em;color:#777}
.see-all-projects p{font-size:clamp(16px,1.7vw,23px);letter-spacing:-.04em;margin:8px 0 0}
.project-archive{padding-top:60px;scroll-margin-top:100px}
.catalog-card:focus-visible,.see-all-projects button:focus-visible{outline:3px solid #92a800;outline-offset:5px}
@media(max-width:1000px){.work-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-category-grid:not(.work-category-two) .catalog-card:last-child:nth-child(odd){grid-column:1 / -1}.work-category-grid:not(.work-category-two) .catalog-card:last-child:nth-child(odd) .catalog-visual{height:280px}}
@media(max-width:600px){.category-showcase{gap:57px}.work-category-heading{align-items:start;gap:8px}.work-category-label{display:block}.work-category-index{display:block;margin-bottom:10px;font-size:10px}.work-category-heading h3{font-size:25px}.work-category-count{font-size:9px;padding-top:27px}.work-category-grid,.work-category-grid.work-category-two{grid-template-columns:1fr;gap:22px}.work-category-grid:not(.work-category-two) .catalog-card:last-child:nth-child(odd){grid-column:auto}.catalog-visual,.work-category-two .catalog-visual,.work-category-grid:not(.work-category-two) .catalog-card:last-child:nth-child(odd) .catalog-visual{height:270px}.catalog-info{padding:14px 4px 1px}.catalog-title-line h4{font-size:28px}.catalog-info p{font-size:12px}.see-all-projects{flex-direction:column;align-items:stretch;gap:17px}.see-all-projects button{align-self:start}.project-archive{padding-top:40px}}
@media(prefers-reduced-motion:reduce){.catalog-card,.catalog-visual>img,.catalog-arrow{transition:none!important;transform:none!important}}

/* Arte editorial tipográfico para fichas sin capturas reales. */
.catalog-visual .case-art-general{color:#121212;background:radial-gradient(circle at 50% 52%,#f7ffbe 0%,#e8f977 47%,#dce963 100%)}
.catalog-ai .case-art-general{color:#f2ff70;background:radial-gradient(circle at 50% 50%,#29312c 0%,#0c0e0c 65%,#080808 100%)}
.catalog-medical .case-art-general{color:#27312d;background:radial-gradient(circle at 45% 50%,#f4f4ed 0%,#c6c9c6 75%,#b7bbb7 100%)}
.catalog-client .case-art-general{color:#111;background:radial-gradient(circle at 46% 47%,#fbffc6 0%,#edff78 65%,#e2f46e 100%)}
.catalog-visual .case-art-general .case-art-central:before{content:'';position:absolute;width:66%;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;opacity:.15;pointer-events:none}
.catalog-visual .case-generic-initial{position:relative;z-index:1;font-size:clamp(45px,5vw,88px);font-weight:600;letter-spacing:-.08em;line-height:1;max-width:94%;text-align:center;word-break:normal;text-wrap:balance}
.catalog-client .case-generic-initial{font-size:clamp(36px,4vw,63px)}
@media(max-width:600px){.catalog-visual .case-generic-initial{font-size:clamp(45px,14vw,76px)}.catalog-client .case-generic-initial{font-size:clamp(39px,10vw,65px)}}

/* V5 — formación general + IA-DAPTÁ TU FUTURO */
.impact-global-stats .stat-card strong{letter-spacing:-.07em;white-space:nowrap}
.impact-global-stats .stat-card strong small{font-size:.37em;letter-spacing:-.02em;font-weight:500}
.impact-method{margin-top:21px;max-width:870px;font-size:12px;line-height:1.65;color:#686868}
.iadapta-program{margin-top:clamp(58px,7vw,110px);padding:clamp(25px,4vw,58px);border:1px solid #d8d8d8;border-radius:34px;background:#f3f3f0;overflow:hidden;position:relative}
.iadapta-program:before{content:'';width:280px;height:280px;position:absolute;right:-125px;top:-160px;border-radius:50%;background:radial-gradient(circle,#f2ff70a8 0%,transparent 68%);pointer-events:none}
.iadapta-header{display:flex;gap:25px;align-items:end;justify-content:space-between;position:relative}
.iadapta-header h3{font-size:clamp(51px,6.8vw,113px);font-weight:500;letter-spacing:-.085em;line-height:.94;margin:25px 0 0}
.iadapta-header h3 em{font-style:normal;color:#666}
.iadapta-role{display:flex;align-items:center;gap:10px;max-width:240px;font-size:12px;line-height:1.45;font-weight:500}
.iadapta-role-dot{width:13px;height:13px;background:#bde529;border:1px solid #222;border-radius:50%;flex-shrink:0}
.iadapta-description{margin:36px 0 56px;max-width:700px;font-size:clamp(15px,1.4vw,19px);line-height:1.6;color:#454545}
.iadapta-periods-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid #ccc}
.iadapta-periods-head h4{margin:0;font-size:clamp(21px,2.4vw,35px);font-weight:500;letter-spacing:-.05em}
.iadapta-periods-head span{font-size:11px;color:#777;font-weight:700;white-space:nowrap}
.iadapta-periods{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.iadapta-year-card{background:#fff;border-radius:23px;padding:clamp(20px,2.2vw,35px);display:flex;flex-direction:column;min-height:254px;gap:24px;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.iadapta-year-card:hover{transform:translateY(-4px)}
.iadapta-year-highlight{background:#ebfd73}
.iadapta-year-header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.iadapta-year-header span{font-size:10px;font-weight:700;letter-spacing:.09em;color:#666}
.iadapta-year-header strong{font-size:clamp(34px,4vw,57px);line-height:1;letter-spacing:-.07em;font-weight:500}
.iadapta-year-metrics{display:flex;flex-wrap:wrap;gap:8px}
.iadapta-metric{padding:9px 12px;border:1px solid #9996;border-radius:999px;font-size:11px;line-height:1.2;font-weight:600}
.iadapta-year-card p{font-size:12px;line-height:1.65;color:#5c5c5c;margin-top:auto}
.iadapta-note{font-size:11px;color:#666;line-height:1.6;max-width:800px;margin-top:20px}
@media(max-width:780px){.iadapta-header{display:block}.iadapta-role{margin-top:23px;max-width:none}.iadapta-description{margin:27px 0 41px}.iadapta-program{border-radius:25px}.iadapta-periods{grid-template-columns:1fr}.iadapta-year-card{min-height:220px}}
@media(max-width:500px){.impact-global-stats .stat-card strong{font-size:clamp(37px,10vw,63px)}.impact-global-stats .stat-card:nth-child(2){min-height:190px}.iadapta-program{margin-top:55px;padding:23px 16px}.iadapta-header h3{font-size:clamp(45px,12vw,67px)}.iadapta-periods-head{align-items:end}.iadapta-periods-head span{font-size:9px}.iadapta-year-card{padding:21px 17px}.iadapta-metric{font-size:10px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.iadapta-year-card{transition:none}.iadapta-year-card:hover{transform:none}}

/* V6: dos indicadores de capacitaciones, sin tercera tarjeta. */
.impact-global-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:780px){.impact-global-stats .stat-card:last-child{grid-column:auto;min-height:215px}}
@media(max-width:500px){.impact-global-stats{grid-template-columns:1fr}.impact-global-stats .stat-card:last-child{grid-column:auto;min-height:190px}}

/* V7: remove the promotional badge at top of hero, allowing the hero title to breathe. */
.hero-copy{justify-content:space-between}
.hero-center{margin-top:auto;margin-bottom:auto}
/* With only the ornamental star remaining, pin it to the right of the art header. */
.hero-art-top{justify-content:flex-end}
/* IA-DAPTA now has only one header column and no empty reserved role slot. */
.iadapta-header{grid-template-columns:1fr}


/* V9 — Retrato real de Franco Mansilla integrado sin retocar su apariencia. */
.hero-photo-panel {
  padding:0!important;
  background:#0b0b0b;
  isolation:isolate;
  aspect-ratio:.76;
  overflow:hidden;
}
.hero-photo-panel::before,.hero-photo-panel::after {display:none!important}
.hero-real-photo {
  display:block;
  width:100%;height:100%;
  object-fit:cover;
  object-position:center 39%;
  filter:none;
  transform:none;
}
.about-real-photo {overflow:hidden;background:#222}
.about-real-photo img {display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:none}
@media(max-width:780px) {
  .hero-photo-panel {aspect-ratio:.76}
}
@media(max-width:500px) {
  .hero-photo-panel {width:52%;max-height:none;aspect-ratio:.76}
  .hero-real-photo {object-position:50% 38%}
}
@media(prefers-reduced-motion:reduce){.hero-photo-panel{animation:none!important;transition:none!important}}


/* V10 — Hero card simplificada: más minimalista y limpia. */
.hero-art{
  background:linear-gradient(180deg,#f2f2ef 0%,#e6e6e2 100%);
}
.hero-art:before,
.hero-art-noise,
.visual-ring{display:none!important}
.hero-visual-stage .chrome-hero{
  width:92%;
  left:-8%;
  top:50%;
  opacity:.52;
  transform:translateY(-50%) rotate(-7deg);
  filter:drop-shadow(0 18px 20px rgba(0,0,0,.10));
}
.hero-photo-panel{
  left:52%;
  top:47%;
  width:min(40%,280px);
  transform:translate(-8%,-46%) rotate(0deg)!important;
  border:1.5px solid rgba(18,18,18,.92)!important;
  border-radius:32px!important;
  background:#ffffff!important;
  box-shadow:0 18px 42px rgba(0,0,0,.14)!important;
}
.hero-art:hover .hero-identity-panel{
  transform:translate(-8%,-46%) rotate(0deg)!important;
  box-shadow:0 20px 46px rgba(0,0,0,.16)!important;
}
.hero-real-photo{
  object-position:50% 34%;
}
.hero-project-ribbon{
  left:auto;
  right:26px;
  bottom:26px;
  min-width:230px;
  max-width:310px;
  transform:none!important;
  grid-template-columns:auto 1fr;
  column-gap:10px;
  row-gap:2px;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.92);
  color:#111;
  border:1px solid rgba(17,17,17,.12);
  box-shadow:0 8px 24px rgba(0,0,0,.10);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.hero-project-ribbon .ribbon-led{
  width:8px;
  height:8px;
  box-shadow:none;
}
.hero-project-ribbon strong{
  grid-column:2;
  color:#111;
  font-size:10px;
  letter-spacing:.01em;
}
.hero-project-ribbon > span:nth-child(2){
  color:#5d5d5d;
  font-size:8px;
}
.hero-project-ribbon > span:last-child{display:none}
.hero-project-ribbon:hover{transform:none!important}
@media(max-width:980px){
  .hero-photo-panel{
    width:min(42%,250px);
    left:51%;
  }
}
@media(max-width:780px){
  .hero-art .chrome-hero{
    width:76%;
    left:2%;
    opacity:.42;
  }
  .hero-photo-panel{
    width:min(36%,220px);
    left:54%;
    top:45%;
    transform:translate(-10%,-42%) rotate(0deg)!important;
    border-radius:24px!important;
  }
  .hero-art:hover .hero-identity-panel{
    transform:translate(-10%,-42%) rotate(0deg)!important;
  }
  .hero-project-ribbon{
    right:16px;
    left:auto;
    bottom:16px;
    min-width:0;
    max-width:230px;
    padding:10px 12px;
  }
}
@media(max-width:500px){
  .hero-art{
    min-height:390px;
  }
  .hero-art .chrome-hero{
    width:90%;
    left:-6%;
    top:52%;
    opacity:.36;
  }
  .hero-photo-panel{
    width:42%;
    max-width:none;
    top:46%;
    left:52%;
    aspect-ratio:.78;
    transform:translate(-8%,-42%) rotate(0deg)!important;
    border-radius:22px!important;
  }
  .hero-real-photo{object-position:50% 35%}
  .hero-project-ribbon{
    left:12px;
    right:12px;
    bottom:12px;
    max-width:none;
    width:auto;
    padding:10px 12px;
    border-radius:14px;
  }
  .hero-project-ribbon strong{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  .hero-photo-panel,
  .hero-art:hover .hero-identity-panel,
  .hero-project-ribbon{transition:none!important}
}


/* V11 — quitar cápsula inferior y etiquetas del hero art. */
.hero-project-ribbon,.hero-art-bottom{display:none!important}

/* V12 — imágenes de proyectos reales (sin mockups inventados) */
.catalog-visual:has(.catalog-real-image){padding:0;background:#111}
.catalog-real-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.catalog-card:hover .catalog-real-image{transform:scale(1.035)}
.media-placeholder{position:absolute;inset:0;background:#e9e9e7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:#343434;padding:18px}
.catalog-ai .media-placeholder{background:#e9e9e7;color:#111}
.catalog-medical .media-placeholder{background:#dcdedd}
.media-placeholder-icon{font-size:32px;opacity:.4;line-height:1}
.media-placeholder>span:nth-child(2){font-size:10px;letter-spacing:.12em;font-weight:700;color:#6a6a6a}
.media-placeholder strong{font-size:clamp(21px,2.5vw,38px);font-weight:500;letter-spacing:-.04em}
.detail-gallery{margin-top:30px;display:grid;gap:15px}
.detail-gallery h3{font-size:22px;font-weight:500}
.detail-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.detail-gallery-grid a{display:block;border-radius:16px;overflow:hidden;border:1px solid #e7e7e7;min-height:160px}
.detail-gallery-grid img{display:block;width:100%;height:100%;max-height:350px;object-fit:cover;transition:scale .25s}
.detail-gallery-grid a:hover img{scale:1.035}
.detail-ctas{display:flex;flex-wrap:wrap;gap:10px}
.existing-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
.existing-media-item{position:relative;display:grid;gap:5px;cursor:pointer;background:#ededeb;padding:7px;border-radius:13px}
.existing-media-item img{width:100%;height:100px;object-fit:cover;border-radius:8px}
.existing-media-item input{position:absolute;top:10px;left:10px;accent-color:#86ab00;width:16px;height:16px}
.existing-media-item small{font-size:10px;padding:2px 3px 4px}
.edit-field .media-multi small{display:block}
.mfa-secret{background:#edf5cf;padding:14px;border-radius:12px;overflow-wrap:anywhere;margin:15px 0;font-size:13px}
#admin-open{display:none!important}
@media(max-width:540px){.detail-gallery-grid{grid-template-columns:1fr}.detail-gallery-grid img{max-height:280px}}


/* V14 — Frase de Mendoza en marquesina continua. */
.marquee-band {padding:14px 0;}
.marquee-band .marquee-track {
  display:flex;
  width:max-content;
  gap:0;
  animation:marquee 34s linear infinite;
  align-items:center;
  white-space:nowrap;
  will-change:transform;
}
.marquee-band .marquee-item {
  flex:0 0 auto;
  padding-right:68px;
  font-size:clamp(11px,.9vw,13px);
  font-weight:750;
  letter-spacing:.01em;
  line-height:1.45;
}
.marquee-sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
@media(max-width:780px){
  .marquee-band .marquee-item{padding-right:48px;font-size:11px;}
  .marquee-band .marquee-track{animation-duration:43s;}
}
@media(prefers-reduced-motion:reduce){
  .marquee-band{overflow-x:auto;}
  .marquee-band .marquee-track{animation:none!important;will-change:auto;}
}


/* V15 — Minimal audio experience (UI only; no song shipped). */
.audio-header-button{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-width:41px;min-height:41px;padding:6px 12px;border:1px solid #d4d4d0;
  border-radius:999px;background:#fff;color:#151515;font-size:11px;font-weight:750;
  white-space:nowrap;cursor:pointer;transition:background .22s ease,border-color .22s ease,transform .22s ease;
}
.audio-header-button:hover{background:#f2ff70;border-color:#111;transform:translateY(-1px)}
.audio-header-button[aria-pressed="true"]{background:#f2ff70;border-color:#111}
.audio-header-button .audio-header-icon{font-size:20px;font-weight:400;line-height:1;width:18px;text-align:center}
.audio-header-button[aria-pressed="true"] .audio-header-icon{animation:audio-heartbeat 1.2s ease-in-out infinite alternate}
@keyframes audio-heartbeat{to{transform:translateY(-2px)}}
.audio-invitation{
  position:fixed;bottom:clamp(18px,3vw,36px);right:clamp(14px,3vw,42px);z-index:110;
  display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:17px;
  width:min(calc(100% - 28px),375px);padding:17px;background:#111;color:#fff;
  border:1px solid #414141;border-radius:22px;box-shadow:0 18px 55px rgba(0,0,0,.25);
  animation:audio-invitation-enter .55s cubic-bezier(.22,1,.36,1) both;
}
.audio-invitation[hidden],.audio-feedback[hidden]{display:none!important}
.audio-invitation-icon{display:grid;place-items:center;background:#f2ff70;color:#0a0a0a;font-size:23px;width:44px;height:44px;border-radius:15px}
.audio-invitation-copy{display:flex;flex-direction:column;justify-content:center;gap:5px}
.audio-invitation-copy strong{font-size:14px;letter-spacing:-.015em}
.audio-invitation-copy span{font-size:11px;line-height:1.5;color:#c4c4c4}
.audio-invitation-actions{grid-column:1/-1;display:flex;gap:8px}
.audio-accept,.audio-decline{min-height:39px;padding:8px 12px;font:inherit;font-size:11px;font-weight:750;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}
.audio-accept{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f2ff70;color:#111;border:1px solid #f2ff70;flex:1}
.audio-accept:hover{background:#fff;border-color:#fff}
.audio-decline{background:transparent;color:#fff;border:1px solid #777}
.audio-decline:hover{background:#333}
.audio-feedback{position:fixed;z-index:111;right:clamp(14px,3vw,42px);bottom:clamp(18px,3vw,36px);max-width:min(375px,calc(100% - 28px));padding:13px 17px;background:#111;color:#fff;border:1px solid #555;border-radius:16px;font-size:12px;line-height:1.4;box-shadow:0 12px 40px #0003;animation:audio-invitation-enter .4s ease both}
@keyframes audio-invitation-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1150px){.audio-header-label{display:none}}
@media(max-width:780px){.main-header{gap:10px}.audio-header-button{margin-left:auto;padding:6px;flex:0 0 39px;min-width:39px;min-height:39px}.audio-invitation{bottom:max(16px,env(safe-area-inset-bottom));right:14px}.audio-feedback{bottom:max(16px,env(safe-area-inset-bottom));right:14px}}
@media(prefers-reduced-motion:reduce){.audio-invitation,.audio-feedback{animation:none}.audio-header-button[aria-pressed="true"] .audio-header-icon{animation:none}}