:root{--photo-overlay:linear-gradient(0deg,rgba(41,41,39,.58) 0%,transparent 28%),radial-gradient(ellipse at 0% 100%,rgba(233,75,40,.72) 0%,rgba(244,81,42,.54) 27%,rgba(255,105,71,.16) 60%,transparent 82%),radial-gradient(ellipse at 100% 0%,rgba(255,105,71,.62) 0%,rgba(255,105,71,.13) 43%,transparent 72%);--cream:#f5f3ee;--ink:#292927;--orange:#ff6947;--deep:#e94b28;--line:#d6d4ce;--body:'Hanken Grotesk',sans-serif;--heading:'Outfit',sans-serif;--serif:'Instrument Serif',serif;--hero-image:url("assets/hero-v2.png")}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--orange);color:var(--ink)}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:300;line-height:1.06;letter-spacing:-.045em}em{font-family:var(--serif);font-weight:400}h2{font-size:clamp(38px,4.6vw,72px)}h3{font-size:clamp(28px,3vw,44px)}.eyebrow{font-size:14px;letter-spacing:.09em;text-transform:uppercase;font-weight:500;line-height:1.5}.site-header{max-width:1600px;margin:auto;height:108px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:28px}.wordmark{font-family:var(--heading);font-weight:300;font-size:34px;letter-spacing:.22em;line-height:1;position:relative;white-space:nowrap}.brand-period{position:absolute;font-family:var(--body);font-size:11px;letter-spacing:0;right:-8px;top:-4px}.site-header nav{display:flex;align-items:center;gap:38px;font-size:15px}.site-header nav>a:not(.button):hover,.site-footer a:hover{color:var(--deep)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border-radius:40px;padding:17px 26px;font-size:16px;font-weight:500;line-height:1.3;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.button span[aria-hidden]{font-size:22px;line-height:1}.button-dark{background:var(--ink);color:var(--cream)}.button-dark:hover{background:#41413c}.button-cream{background:var(--cream);color:var(--ink)}.button-cream:hover{background:var(--orange)}.nav-cta{padding:12px 20px}.menu-toggle{display:none}.hero{margin:0 20px;min-height:710px;height:calc(100svh - 130px);max-height:1000px;border-radius:8px;isolation:isolate;position:relative;overflow:hidden;background:#49372e;color:var(--cream);display:flex;flex-direction:column;justify-content:space-between}.hero-background{position:absolute;inset:0;z-index:-2;background-image:var(--photo-overlay),var(--hero-image);background-position:center,center,center,center 68%;background-size:cover}.grain{position:absolute;inset:0;pointer-events:none;opacity:.09;z-index:0;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero-content{position:relative;padding:50px clamp(24px,4.6vw,72px) 36px;flex:1;display:flex;flex-direction:column}.hero h1{font-size:clamp(76px,10.5vw,166px);line-height:.92;letter-spacing:-.055em;max-width:1200px}.hero h1 em{letter-spacing:-.045em;margin-right:.07em}.hero-bottom{margin-top:auto;padding-top:50px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.hero-bottom p{font-size:clamp(18px,1.6vw,23px);line-height:1.45}.section-pad{padding:115px 6%;max-width:1600px;margin:auto}.intro{display:grid;grid-template-columns:1fr 2.3fr;gap:45px;padding-top:140px;padding-bottom:140px}.intro .eyebrow{max-width:180px;padding-top:8px}.intro h2{font-size:clamp(34px,3.65vw,57px);line-height:1.16}.muted{color:#77766e}.intro-copy>p{max-width:535px;margin-top:32px;font-size:18px;color:#60605a}.solutions{border-top:1px solid var(--line);padding-top:75px}.section-heading{display:grid;grid-template-columns:1fr 2.3fr;gap:25px 45px;margin-bottom:65px}.section-heading>.eyebrow{padding-top:8px}.section-heading>p:last-child:not(.eyebrow){grid-column:2;max-width:450px;color:#60605a}.service{display:grid;grid-template-columns:.45fr 1.9fr 1.2fr;gap:40px;padding:50px 0;border-top:1px solid var(--line)}.service-number{font-family:var(--serif);font-size:34px;color:#827f74;line-height:1.2}.service h3{margin-bottom:22px}.service p{max-width:420px;color:#60605a;font-size:17px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.tags span{border:1px solid #d1cec5;border-radius:40px;font-size:13px;padding:5px 12px}.service-example{padding:28px 30px;border-radius:3px;background:#ece9e1;display:flex;flex-direction:column;justify-content:space-between;min-height:230px}.service-example .small-label{font-size:12px;letter-spacing:.12em;color:#66655f}.service-example p{font-size:19px;line-height:1.55;color:var(--ink);margin-top:22px}.service-example em{font-size:26px}.service:first-child .service-example{background:var(--orange)}.service:first-child .small-label{color:var(--ink)}.statement{position:relative;isolation:isolate;overflow:hidden;min-height:660px;text-align:center;padding:70px 24px;background:radial-gradient(ellipse at 85% 20%,#f9c0a0 0%,#ff8864 24%,#ff6947 55%,#f4512a 100%);display:flex;flex-direction:column;align-items:center;justify-content:center}.statement>*:not(.grain){position:relative}.statement .eyebrow{margin-bottom:42px}.statement h2{font-size:clamp(86px,13vw,192px);line-height:.82;letter-spacing:-.065em}.statement h2 em{letter-spacing:-.04em}.statement>p:not(.eyebrow){margin-top:44px;font-size:19px}.statement-signature{margin-top:36px;font-size:13px;letter-spacing:.1em}.process .section-heading{grid-template-columns:1fr 2.3fr}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps article{border-top:1px solid var(--line);padding-top:22px}.steps span{font-size:14px;color:#65645e}.steps h3{font-size:27px;letter-spacing:-.025em;margin:34px 0 18px}.steps p{font-size:17px;color:#60605a;max-width:330px}.way{max-width:none;background:var(--ink);color:var(--cream);display:grid;grid-template-columns:1fr 1.1fr;gap:12%;padding-top:100px;padding-bottom:100px}.way .eyebrow{color:var(--orange);margin-bottom:55px}.way h2{font-size:clamp(58px,7vw,108px)}.way-heading>p:last-child{margin-top:30px;color:#c4c3b9;font-size:18px}.principles article{display:grid;grid-template-columns:38px 1fr;gap:20px;padding:25px 0;border-top:1px solid #ffffff26}.principles article:last-child{padding-bottom:0}.principles article>span{color:var(--orange);font-family:var(--serif);font-size:24px;line-height:1.3}.principles h3{font-size:27px;letter-spacing:-.02em;margin-bottom:12px}.principles p{color:#c4c3b9;font-size:16px;max-width:390px}.about{display:grid;grid-template-columns:1fr 2.3fr;gap:45px;padding-top:140px;padding-bottom:140px}.about>.eyebrow{padding-top:8px}.about h2{font-size:clamp(37px,4.2vw,66px)}.about-body{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:42px;color:#60605a;font-size:17px}.about-signoff{margin-top:36px;font-size:14px;letter-spacing:.015em}.contact{position:relative;isolation:isolate;overflow:hidden;margin:0 20px;max-width:none;background:var(--orange);border-radius:8px;padding:55px 5% 70px}.contact>*:not(.grain){position:relative}.contact-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:70px}.contact-brand{font-family:var(--heading);font-size:22px;letter-spacing:.2em}.contact h2{font-size:clamp(66px,8.5vw,134px);line-height:.96}.contact-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:45px}.contact-bottom p{font-size:18px}.site-footer{padding:65px 6% 45px;display:flex;align-items:center;gap:36px;max-width:1600px;margin:auto}.site-footer>.wordmark{font-size:29px}.site-footer>p{font-size:15px}.site-footer>div{display:flex;gap:25px;margin-left:auto;font-size:14px}.site-footer>div>span{color:#68675f}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:12px;left:12px;background:var(--ink);color:var(--cream);z-index:100;padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
@media(min-width:1700px){.hero,.contact{max-width:1560px;margin-left:auto;margin-right:auto}.way{padding-left:max(6%,calc((100% - 1408px)/2));padding-right:max(6%,calc((100% - 1408px)/2))}}
@media(max-width:1000px){.site-header nav{gap:22px}.section-pad{padding:85px 6%}.intro,.about{grid-template-columns:1fr;gap:28px}.intro .eyebrow{max-width:none}.section-heading{grid-template-columns:1fr;gap:24px}.section-heading>p:last-child:not(.eyebrow){grid-column:auto}.service{grid-template-columns:45px 1fr 1fr;gap:22px}.service-example{padding:22px}.process .section-heading{grid-template-columns:1fr}.way{gap:7%;grid-template-columns:1fr 1.15fr}.steps{gap:25px}.site-footer{flex-wrap:wrap}.site-footer>div{width:100%;margin-left:0;justify-content:space-between}.hero{min-height:650px}.hero h1{font-size:clamp(76px,11vw,116px)}}
@media(max-width:700px){body{font-size:16px}.site-header{height:85px;padding:0 6%;position:relative;z-index:10}.wordmark{font-size:28px}.menu-toggle{display:flex;align-items:center;gap:14px;background:none;border:0;padding:12px 0;font-size:15px;cursor:pointer}.menu-toggle span{font-size:24px}.site-header nav{display:none;position:absolute;top:75px;left:12px;right:12px;padding:28px;background:var(--cream);border:1px solid var(--line);border-radius:6px;box-shadow:0 15px 25px #29292712;align-items:stretch;gap:0}.site-header nav.is-open{display:flex;flex-direction:column}.site-header nav>a:not(.button){padding:15px 0}.site-header nav>.button{margin-top:15px}.hero{margin:0 10px;min-height:620px;height:calc(100svh - 100px);max-height:850px}.hero-content{padding:30px 23px}.hero h1{font-size:clamp(56px,12vw,84px);line-height:1.02;letter-spacing:-.05em}.hero-bottom{flex-direction:column;align-items:flex-start;gap:28px;padding-top:45px}.hero-bottom p{font-size:18px;max-width:310px}.desktop-break{display:none}.button{font-size:15px;padding:16px 22px;gap:26px}.section-pad{padding:72px 6%}.intro h2{font-size:36px}.intro-copy>p{font-size:17px;margin-top:24px}.section-heading{margin-bottom:40px}.section-heading h2{font-size:43px}.section-heading>p:last-child:not(.eyebrow){font-size:17px}.service{grid-template-columns:30px 1fr;gap:18px;padding:32px 0}.service-number{font-size:26px}.service h3{font-size:34px}.service p{font-size:16px}.service-example{grid-column:2;min-height:190px}.service-example p{font-size:18px}.tags span{font-size:12px}.statement{min-height:550px;padding:65px 20px}.statement h2{font-size:105px}.statement>p:not(.eyebrow){font-size:17px}.steps{grid-template-columns:1fr;gap:30px}.steps h3{margin-top:22px;font-size:27px}.steps p{max-width:none}.way{grid-template-columns:1fr;gap:45px}.way .eyebrow{margin-bottom:28px}.way h2{font-size:68px}.way h2 br{display:none}.way-heading>p:last-child{margin-top:24px}.principles h3{font-size:26px}.principles article{padding:24px 0;gap:12px}.about h2{font-size:40px}.about-body{grid-template-columns:1fr;gap:20px;margin-top:28px}.contact{margin:0 10px;padding:35px 24px 45px}.contact-top{margin-bottom:45px}.contact-top .eyebrow{font-size:12px;max-width:200px}.contact-brand{display:none}.contact h2{font-size:clamp(52px,11.5vw,77px)}.contact-bottom{flex-direction:column;align-items:flex-start;gap:30px}.contact-bottom p{font-size:17px}.site-footer{padding:48px 6% 30px;gap:20px}.site-footer>p{font-size:14px}.site-footer>div{flex-wrap:wrap;gap:20px;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Orange-tinted, stronger texture on the hero only. */
.hero>.grain,.process-photo>.grain{opacity:.22;mix-blend-mode:overlay;background-size:180px 180px;filter:none}

/* Process: left-aligned narrative and full-ratio campaign photograph. */
.process{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center;text-align:left}
.process .section-heading{display:flex;flex-direction:column;gap:24px;margin-bottom:36px}
.process .section-heading>.eyebrow{padding:0}
.process h2{font-size:clamp(38px,3.8vw,58px);line-height:1.08}
.process .steps{grid-template-columns:1fr;gap:24px}
.process .steps article{padding-top:18px}
.process .steps h3{margin:12px 0 10px;font-size:27px}
.process .steps p{max-width:44ch}
.process-photo{position:relative;isolation:isolate;overflow:hidden;border-radius:8px;background:var(--ink);margin:0;color:var(--cream)}
.process-photo img{display:block;width:100%;height:auto}
.photo-gradient{position:absolute;inset:0;background-image:var(--photo-overlay);pointer-events:none}
.process-photo figcaption{position:absolute;left:clamp(24px,3vw,44px);right:24px;bottom:clamp(24px,3vw,44px);z-index:1;font-family:var(--heading);font-weight:300;font-size:clamp(36px,4vw,60px);letter-spacing:-.04em;line-height:1.02;text-shadow:0 2px 20px rgba(41,41,39,.3)}
.process-photo figcaption em{display:inline-block;margin-top:10px}
@media(max-width:800px){.process{grid-template-columns:1fr;gap:42px}.process h2{font-size:clamp(36px,6vw,48px)}.process-photo{width:100%;max-width:560px;justify-self:start}.process-photo figcaption{font-size:clamp(36px,8vw,58px)}}

/* Service symbols, NOMA navigation and centered hero typography. */
.service-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#ff69471c;color:var(--ink)}
.service-icon svg{width:30px;height:30px}
.arrow-icon{width:24px;height:24px;flex:none;display:block}
.site-header .nav-cta{background:var(--orange);color:var(--ink)}
.site-header .nav-cta:hover{background:#ff805f;color:var(--ink)}
.menu-toggle{color:var(--ink);-webkit-text-fill-color:var(--ink);appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}
.hero-content{display:grid;grid-template-rows:minmax(min-content,1fr) auto}
.hero h1{align-self:center}
.hero h1>.hero-word:first-child{display:block}
.hero-bottom{margin-top:0;padding-top:30px}
@media(max-width:700px){
 .service{grid-template-columns:42px minmax(0,1fr);gap:16px}
 .service-icon{width:40px;height:40px;border-radius:11px}
 .service-icon svg{width:25px;height:25px}
 .site-header nav{background:var(--cream);color:var(--ink);border-color:#d6d4ce}
 .site-header nav>a:not(.button){color:var(--ink)}
 .hero{min-height:700px;max-height:none;height:calc(100svh - 100px)}
 .hero h1{font-size:clamp(62px,21vw,136px);line-height:.98;letter-spacing:-.055em}
 .hero h1>.hero-word{display:block}
 .hero h1 em{margin-right:0}
 .hero-bottom{padding-top:30px;gap:24px}
}

/* Editorial brand refinements. */
.intro>.eyebrow,.solutions>.section-heading>.eyebrow,.process .section-heading>.eyebrow,.about>.eyebrow{color:var(--orange)}
.way-heading>.noma-acronym:last-child{margin-top:42px;font-family:var(--heading);font-size:clamp(25px,2.9vw,42px);font-weight:300;line-height:1.2;letter-spacing:-.025em;color:var(--cream)}
.noma-acronym>span{display:block}
.noma-acronym>span:nth-child(3){margin-top:16px}
.noma-acronym b{font-weight:400;color:var(--orange)}
.about-signoff{color:var(--orange);font-family:var(--heading);font-size:clamp(29px,3.3vw,48px);line-height:1.12;font-weight:300;letter-spacing:-.035em;margin-top:44px}
.site-footer{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:24px;padding-top:70px;padding-bottom:45px}
.site-footer>.wordmark{font-size:40px;padding-left:.22em}
.site-footer>.footer-slogan{font-family:var(--heading);font-size:clamp(28px,3.7vw,54px);font-weight:300;line-height:1.1;letter-spacing:-.04em}
.site-footer>div{margin-left:0;justify-content:center;flex-wrap:wrap;width:100%;gap:20px 30px;margin-top:12px}
@media(max-width:700px){.way-heading>.noma-acronym:last-child{font-size:32px;margin-top:30px}.about-signoff{font-size:32px}.site-footer{gap:22px;padding:52px 6% 32px}.site-footer>.wordmark{font-size:34px}.site-footer>.footer-slogan{max-width:20ch}.site-footer>div>span{flex-basis:100%;margin-top:4px}}

.site-header>.wordmark{cursor:pointer}
.site-header>.wordmark:hover,.site-header>.wordmark:focus-visible{color:var(--deep)}

/* Progressive enhancement: stacking panels retain their original content height. */
html.has-section-scroll{scroll-behavior:auto}
.has-section-scroll #contenido{isolation:isolate}
.scroll-panel{display:flow-root;background:var(--cream)}
.has-section-scroll .scroll-panel{position:sticky;top:var(--panel-top,0px)}
.has-section-scroll .site-footer{position:relative;background:var(--cream);z-index:1}
@media(prefers-reduced-motion:reduce){.has-section-scroll .scroll-panel{position:static}html.has-section-scroll{scroll-behavior:auto}}

/* Temporary letter wrappers; original typography returns after each entrance. */
.blur-word { display: inline-block; }
.blur-char { display: inline-block; white-space: pre; }

.blur-word, .blur-char { font: inherit !important; color: inherit !important; letter-spacing: inherit; }

/* Client imagery with the supplied liquid-glass lens. */
.clients{padding:52px 0 24px;background:var(--cream);overflow:hidden}
.clients>h2{padding:0 6%;font-size:clamp(42px,5.2vw,80px);line-height:.98;max-width:1600px;margin:0 auto 20px}
.clients>h2 em{color:var(--deep)}
.client-carousel{position:relative;height:clamp(380px,calc(100svh - 250px),600px);max-width:1800px;margin:auto;isolation:isolate;outline-offset:-4px}
.client-carousel:focus-visible{outline:2px solid var(--deep)}
.client-stage{position:absolute;inset:0;visibility:hidden}
.is-webgl .client-stage{visibility:visible}
.client-gallery{position:absolute;inset:0;display:flex;align-items:center;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:70px 6% 90px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--orange) transparent}
.client-gallery figure{flex:none;margin:0;scroll-snap-align:center;max-width:82vw}
.client-gallery img{display:block;height:360px;width:auto;max-width:82vw;object-fit:contain;border-radius:6px}
.client-gallery figcaption{margin-top:12px;font-size:15px}
.is-webgl .client-gallery{display:none}
.client-name{position:absolute;top:22px;left:0;right:0;text-align:center;font-family:var(--heading);font-size:22px;pointer-events:none;display:none}
.is-webgl .client-name{display:block}
.client-cursor{position:absolute;left:0;top:0;border-radius:50%;padding:15px;background:var(--orange);color:var(--ink);font-size:13px;pointer-events:none;visibility:hidden}
.client-controls{position:absolute;bottom:12px;left:6%;right:6%;display:flex;justify-content:center;align-items:center;gap:18px}
.client-controls[hidden],.client-close[hidden]{display:none}
.client-controls button,.client-close{border:1px solid var(--line);background:var(--cream);color:var(--ink);cursor:pointer;font:inherit;font-size:14px;transition:background .2s}
.client-controls button:hover,.client-close:hover{background:var(--orange);border-color:var(--orange)}
.client-controls button:disabled{opacity:.4;cursor:default}
.client-previous,.client-next{border-radius:50%;width:46px;height:46px;display:grid;place-items:center}
.client-controls svg{width:22px;height:22px}
.client-count{font-size:13px;font-variant-numeric:tabular-nums;min-width:52px;text-align:center}
.client-expand{border-radius:30px;padding:12px 20px}
.client-close{position:absolute;top:16px;right:6%;border-radius:25px;padding:10px 17px;z-index:2}
.client-close span{margin-left:12px}
.client-dialog{border:0;border-radius:8px;padding:20px;background:var(--cream);color:var(--ink);max-width:92vw;max-height:92svh}
.client-dialog::backdrop{background:#292927dd}
.client-dialog img{display:block;max-width:84vw;max-height:72svh;width:auto;height:auto;margin:14px auto}
.client-dialog>button{display:block;margin-left:auto;background:none;border:0;font:inherit;cursor:pointer;color:var(--ink)}
.client-dialog p{text-align:center}
@media(max-width:700px){.clients{padding:60px 0 24px}.clients>h2{font-size:clamp(36px,10vw,64px);margin-bottom:18px}.client-carousel{height:490px}.client-gallery{gap:14px;padding-top:50px;padding-bottom:95px}.client-gallery img{height:290px}.client-name{top:16px;font-size:19px}.client-controls{left:4%;right:4%;gap:12px}.client-expand{font-size:13px;padding:12px 14px}.client-cursor{display:none}.is-focused .client-name{top:55px}.client-close{top:5px}}
/* Keep interactive controls in normal flow so keyboard focus cannot be covered by the next panel. */
.has-section-scroll .scroll-panel:has(>.clients){position:relative;top:auto}

/* Selected Work: the site's editorial typography in an asymmetric product grid. */
.selected-work{background:var(--cream)}
.work-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:58px}
.work-heading h2{font-size:clamp(54px,7vw,108px);line-height:1}
.work-heading h2 em{color:var(--deep)}
.work-subtitle{font-family:var(--serif);font-style:italic;font-size:clamp(22px,2.3vw,32px);line-height:1.15;color:#77766e;max-width:300px;padding-bottom:6px}
.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:64px 28px}
.work-card{grid-column:span 5;min-width:0}
.work-voxa,.work-listora{grid-column:span 7}
.work-visual{height:clamp(270px,28vw,420px);display:flex;align-items:center;justify-content:center;padding:24px;background:#e9e6df;border-radius:8px;overflow:hidden}
.work-visual img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .6s cubic-bezier(.2,.65,.3,1);border-radius:5px}
.work-voxa .work-visual{background:#353532}
.work-petscan .work-visual{background:#ede4d1}
.work-listora .work-visual{background:#e8e2d8}
.work-visual[href]:hover img,.work-visual[href]:focus-visible img{transform:scale(1.025)}
.work-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-top:24px}
.work-caption h3{font-size:22px;font-weight:400;line-height:1.3;letter-spacing:.015em}
.work-year{color:#77766e;font-weight:300}
.work-description{font-family:var(--heading);font-size:clamp(24px,2.5vw,36px);font-weight:300;letter-spacing:-.03em;line-height:1.1;margin-top:12px}
.work-disciplines{font-size:14px;line-height:1.5;color:#77766e;margin-top:15px}
.work-link{flex-shrink:0;display:inline-flex;align-items:center;gap:12px;padding:10px 15px;border:1px solid var(--line);border-radius:30px;font-size:15px;transition:background .2s,border-color .2s}
.work-link .arrow-icon{width:19px;height:19px}
.work-link:hover,.work-link:focus-visible{background:var(--orange);border-color:var(--orange)}
.work-tonelaje{grid-column:1/-1;display:grid;grid-template-columns:5fr 7fr;background:var(--ink);color:var(--cream);border-radius:8px;overflow:hidden;margin-top:4px}
.work-tonelaje .work-visual{grid-column:2;grid-row:1;height:520px;background:#353532;border-radius:0;padding:30px}
.work-tonelaje .work-caption{grid-column:1;grid-row:1;align-self:center;padding:clamp(24px,4vw,60px)}
.work-tonelaje .work-year,.work-tonelaje .work-disciplines{color:#bbb9b0}
.work-tonelaje .work-description{font-family:var(--serif);font-style:italic;color:var(--orange);font-size:clamp(38px,5vw,70px)}
/* Interactive project links remain reachable while the following panel enters. */
.has-section-scroll .scroll-panel:has(>.selected-work){position:relative;top:auto}
@media(max-width:700px){
 .work-heading{display:block;margin-bottom:36px}.work-heading h2{font-size:clamp(48px,12vw,72px)}
 .work-subtitle{margin-top:18px;font-size:24px;max-width:280px;padding:0}
 .work-grid{grid-template-columns:minmax(0,1fr);gap:42px}
 .work-card,.work-voxa,.work-listora,.work-tonelaje{grid-column:1}
 .work-visual{height:auto;min-height:200px;aspect-ratio:4/3;padding:16px}
 .work-caption{padding-top:20px;gap:12px}.work-caption h3{font-size:19px}.work-description{font-size:28px}.work-disciplines{font-size:13px}
 .work-link{font-size:14px;padding:9px 12px;gap:8px}
 .work-tonelaje{display:flex;flex-direction:column;margin-top:0}.work-tonelaje .work-visual{height:430px;aspect-ratio:auto;flex:none;padding:24px}
 .work-tonelaje .work-caption{align-self:stretch;padding:28px}.work-tonelaje .work-description{font-size:42px}
}
@media(prefers-reduced-motion:reduce){.work-visual img{transition:none}.work-visual[href]:hover img{transform:none}}