*,*::before,*::after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;scroll-padding-top:32px}body{font-family:var(--body);font-size:16px;line-height:1.6;color:var(--text)}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit}a{color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:disabled{opacity:.4;cursor:default}img{max-width:100%;display:block}a{text-underline-offset:5px}::selection{background:var(--cream);color:var(--accent2)}h2{font:400 clamp(52px,5.7vw,88px)/.98 var(--disp);letter-spacing:-.035em}h2 em{font-weight:300}p{max-width:65ch}button{border-radius:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:3000;background:var(--accent2);color:white;padding:12px}.skip-link:focus{top:16px}#nav{display:flex;align-items:center;justify-content:space-between}.nlogo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.nlogo img{height:44px;object-fit:cover}#navigation{display:flex;align-items:center;gap:24px}#navigation a{font-size:14px;text-decoration:none;white-space:nowrap;transition:color .2s}#navigation a:hover{color:var(--accent)}#navigation .nav-contact{border-bottom:1px solid var(--accent2);padding:8px 0;margin-left:18px;color:var(--accent2)}.menu-toggle{display:none}.section-pad{padding:90px 6%}.section-label{display:flex;justify-content:space-between;gap:20px;font-size:12px;line-height:1.4;text-transform:uppercase;letter-spacing:.1em;border-top:1px solid currentColor;padding-top:18px;margin-bottom:60px;color:var(--muted)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:70px}.section-heading p{max-width:290px;font-size:16px;color:var(--muted)}

:root{--off:#f8f6f2;--cream:#c6d9c2;--sand:#d8ead5;--accent:#3d9e28;--accent2:#005a12;--text:#2a2520;--muted:#3a6030;--disp:'Cormorant Garamond',serif;--body:'DM Sans',sans-serif}
body{background:var(--off)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1100;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' 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%3Cpath filter='url(%23n)' opacity='.65' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
#nav,#nav.sc{position:absolute;padding:22px 4.5%;background:transparent;box-shadow:none;border-bottom:1px solid #005a1229;backdrop-filter:none;gap:32px}
.nlogo{height:44px;gap:12px}.nlogo img{width:44px}.brand-name{font-size:12px;letter-spacing:.09em;color:var(--accent2);line-height:1.4;font-weight:500;text-transform:uppercase}.nlinks{gap:24px}.nlinks a{font:14px var(--body)}.ncta{background:none!important;color:var(--accent2)!important;border-bottom:1px solid var(--accent2);border-radius:0;padding:6px 0}
#inicio{min-height:850px;height:100svh;max-height:1150px;display:block;padding:138px 4.5% 32px;overflow:hidden;background:var(--off)}
.gallery-kicker{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:var(--accent2)}
.gallery-title{position:relative;z-index:2;font:400 clamp(78px,10.5vw,172px)/.84 var(--disp);letter-spacing:-.045em;color:var(--accent2);margin:34px 0 0;max-width:1100px}.gallery-title em{font-weight:300}.gallery-title .second-line{display:block;margin-left:18%}
.hero-art{position:absolute;right:4.5%;top:38%;width:61%;height:52%;margin:0}.hero-art button{display:block;width:100%;height:100%;padding:0;border:0;background:#202a20;cursor:zoom-in;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.hero-art button:hover img{transform:scale(1.025)}.hero-art figcaption{display:flex;justify-content:space-between;font-size:12px;padding-top:10px;color:var(--muted)}
.hero-note{position:absolute;left:4.5%;top:54%;width:23%;max-width:275px}.hero-note p{font-size:16px;line-height:1.7;margin-bottom:32px}.gallery-link{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;border-bottom:1px solid var(--accent2);padding:12px 0;color:var(--accent2);font-size:14px;text-decoration:none}.gallery-link span{font-size:24px}.hero-index{position:absolute;bottom:35px;left:4.5%;font:italic 24px var(--disp);color:var(--muted)}
@media(min-width:1600px){.gallery-title{max-width:1400px}}
@media(max-width:1000px){.nlinks{gap:15px}.nlinks a{font-size:13px}.brand-name{display:none}#inicio{min-height:780px}.hero-art{top:40%;height:47%;width:62%}.hero-note{top:53%;width:27%}}
@media(max-width:700px){#nav,#nav.sc{padding:18px 6%}.nlinks{display:none}.hbg{display:flex;padding:12px}.brand-name{display:block}#inicio{height:auto;max-height:none;min-height:0;padding:118px 6% 30px}.gallery-kicker{font-size:12px}.gallery-kicker span:last-child{display:none}.gallery-title{font-size:clamp(65px,13vw,94px);margin:25px 0 28px}.gallery-title .second-line{margin-left:9%}.hero-art{position:relative;inset:auto;width:100%;height:auto}.hero-art button{aspect-ratio:1.24}.hero-art figcaption{font-size:12px}.hero-note{position:relative;inset:auto;width:100%;max-width:none;margin-top:35px}.hero-note p{margin-bottom:12px;max-width:340px}.hero-index{position:static;margin-top:35px}#mob{z-index:999}#nav{z-index:1000}.hbg{position:relative}}
/* Exhibition rooms */
.studio{background:var(--cream);padding-top:68px;padding-bottom:70px}.studio-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:12%;align-items:start}.studio-intro h2{color:var(--accent2)}.studio-intro p+p{margin-top:18px}.studio-stats{margin-top:75px;border-top:1px solid #005a1230;display:grid;grid-template-columns:repeat(4,1fr);padding-top:30px;gap:24px}.studio-stats div{display:flex;flex-direction:column}.studio-stats strong{font:400 64px/1.2 var(--disp);color:var(--accent2)}.studio-stats span{font-size:14px;color:var(--muted)}
.photo-section{padding-top:105px}.photo-section h2{color:var(--accent2)}.photo-grid{display:grid;grid-template-columns:1.18fr 1fr;column-gap:11%;row-gap:95px;align-items:start}.photo-card:nth-child(even){padding-top:145px}.photo-card:nth-child(4n+3){max-width:90%}.photo-card:last-child{grid-column:1/-1;max-width:80%;width:100%;justify-self:center;padding-top:0}.photo-frame{display:block;border:0;background:#e6e7df;padding:20px;width:100%;cursor:zoom-in;position:relative}.photo-frame::after{content:'↗';position:absolute;right:29px;bottom:28px;color:white;background:var(--accent2);width:36px;height:36px;display:grid;place-items:center;opacity:0;transition:opacity .25s,transform .25s;transform:translateY(5px)}.photo-frame:hover::after,.photo-frame:focus-visible::after{opacity:1;transform:none}.photo-frame img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;box-shadow:0 2px 9px #1929191a;transition:filter .3s}.photo-frame:hover img{filter:brightness(1.03)}.photo-card:nth-child(4n+2) .photo-frame{background:#d8ead5;padding:28px}.photo-card:nth-child(4n+3) .photo-frame{background:transparent;padding:0}.photo-card:nth-child(5) .photo-frame img,.photo-card:nth-child(6) .photo-frame img{aspect-ratio:1.12;object-fit:contain;background:var(--off)}.photo-plaque{display:grid;grid-template-columns:32px 1fr;gap:14px;margin-top:22px}.photo-number{font-size:12px;color:var(--muted);padding-top:5px}.photo-plaque h3{font:400 29px/1.15 var(--disp)}.photo-category{font-size:12px;color:var(--muted);display:block;margin:6px 0 10px;letter-spacing:.055em}.photo-plaque p{font-size:14px;line-height:1.65;max-width:350px;color:#5b6256}
.video-section{background:var(--accent2);color:var(--off);position:relative}.video-section .section-label{color:var(--cream);border-color:#c6d9c252}.video-section .section-heading p{color:var(--cream)}.video-section h2 em{color:#b8dba9}.video-list{border-top:1px solid #c6d9c252}.video-card{display:grid;grid-template-columns:50px 1fr auto;gap:28px;align-items:center;width:100%;padding:28px 0;border:0;border-bottom:1px solid #c6d9c252;background:transparent;color:var(--off);text-align:left;transition:padding .25s,background .25s}.video-card:hover{padding-left:18px;padding-right:18px;background:#ffffff08}.work-no{font:italic 26px var(--disp);color:#b8dba9}.video-card h3{font:400 clamp(25px,2.8vw,39px)/1.18 var(--disp);margin-bottom:7px}.video-card .work-meta{font-size:12px;color:var(--cream);letter-spacing:.07em}.work-action{font-size:14px;white-space:nowrap}.work-action span{font-size:24px;margin-left:22px}
.design-section{background:#d8ead5}.design-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:10%}.design-intro h2{color:var(--accent2)}.design-intro p{max-width:280px;margin-top:28px;color:var(--muted)}.discipline-note{display:block;font:italic 24px var(--disp);color:var(--accent2);margin-top:56px}.design-card{padding:25px 0;border:0;border-bottom:1px solid #005a1238;background:transparent;width:100%;text-align:left;display:grid;grid-template-columns:35px 1fr 24px;gap:18px;align-items:center}.design-card:first-child{padding-top:0}.design-card .work-no{color:var(--muted);font-size:20px}.design-card h3{font:400 32px/1.15 var(--disp)}.design-card small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.design-card:hover h3{color:var(--accent2)}
.projects-section h2{color:var(--accent2)}.project-list{border-top:1px solid #005a1238}.project-card{display:grid;grid-template-columns:70px 1.2fr 1fr 35px;align-items:center;text-align:left;gap:24px;border:0;border-bottom:1px solid #005a1238;background:transparent;padding:30px 0;width:100%}.project-card .work-no{color:var(--muted);font-size:20px}.project-card h3{font:400 31px/1.15 var(--disp);transition:color .2s}.project-card:hover h3{color:var(--accent)}.project-card .project-sub{font-size:13px;color:var(--muted)}.project-arrow{font-size:26px;color:var(--accent2)}
.about-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;background:#eeeee6}.about-art{position:relative;padding-bottom:130px}.about-art>img{width:100%;height:auto;aspect-ratio:1.05;object-fit:cover}.art-caption{font-size:12px;color:var(--muted);display:block;margin-top:12px}.studio-mark{position:absolute;right:-35px;bottom:0;background:var(--accent2);color:var(--cream);width:58%;padding:30px;font:400 clamp(80px,10vw,150px)/.75 var(--disp);letter-spacing:-.06em}.studio-mark span{display:block;margin-top:22px;font:12px/1.55 var(--body);letter-spacing:0}.eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.about-copy h2{margin:24px 0 30px;color:var(--accent2)}.about-copy p{font-size:16px}.about-copy p+p{margin-top:18px}.skills{display:flex;gap:8px 20px;flex-wrap:wrap;margin:26px 0 15px;color:var(--muted);font-size:13px}.clients-section{padding-top:70px;padding-bottom:80px}.clients-section h2{font-size:clamp(38px,4.2vw,64px);color:var(--accent2)}.client-logos{margin-top:42px;display:grid;grid-template-columns:repeat(5,1fr);gap:30px;align-items:center}.client-logo{height:100px;display:flex;align-items:center;justify-content:center}.client-logo img{max-height:65px;max-width:160px;width:100%;height:auto;object-fit:contain}.client-logo:first-child img{max-height:100px}
.contact-section{background:var(--cream);color:var(--accent2)}.contact-heading{display:flex;justify-content:space-between;align-items:center;gap:35px}.contact-heading h2{font-size:clamp(54px,7.6vw,118px)}.contact-arrow{font:300 clamp(90px,12vw,190px)/1 var(--body);text-decoration:none;transition:transform .3s}.contact-arrow:hover{transform:translate(8px,-8px)}.contact-links{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;margin-top:70px}.contact-links a{display:grid;grid-template-columns:1fr auto;gap:10px;text-decoration:none;border-top:1px solid #005a1260;padding-top:18px}.contact-links a>span:first-child{font-size:12px;letter-spacing:.05em;grid-column:1/-1}.contact-links strong{font-size:14px;font-weight:400;overflow-wrap:anywhere}.contact-links a:hover strong{text-decoration:underline}footer{padding:28px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--accent2);color:var(--cream)}footer p,footer>a:last-child{font-size:12px}footer a{text-decoration:none}.footer-brand{font:400 32px var(--disp)}.footer-brand em{font-size:19px;margin-left:12px}
/* Artwork viewer: native dialog owns focus and Escape behavior. */
body.modal-open{overflow:hidden}#art-dialog{border:0;max-width:none;width:min(1280px,94vw);max-height:94svh;padding:22px 30px 25px;background:var(--off);color:var(--text);margin:auto;overscroll-behavior:contain}#art-dialog::backdrop{background:#11180feb;backdrop-filter:blur(8px)}.dialog-toolbar,.dialog-navigation{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-toolbar{margin-bottom:20px;font-size:13px;color:var(--muted)}.dialog-toolbar button,.dialog-navigation button{border:0;background:transparent;padding:10px 0;font-size:14px;color:var(--accent2);min-height:44px}.dialog-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:40px;align-items:center}.dialog-media{width:100%;height:min(63svh,700px);object-fit:contain;background:#e9e9e0}.dialog-media iframe{border:0;width:100%;height:100%}.dialog-copy h2{font-size:clamp(36px,4vw,59px);margin:14px 0 24px}.dialog-copy .eyebrow{display:block}.dialog-copy p{font-size:16px}.dialog-tags{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:var(--muted);margin-top:25px}.dialog-copy-only{padding:30px 8% 50px;max-width:900px}.media-note{margin-top:24px;color:var(--muted);border-top:1px solid #005a1230;padding-top:16px;font-size:14px!important}.dialog-navigation{border-top:1px solid #005a1230;margin-top:22px}#dialog-content a{display:inline-block;margin-top:20px;color:var(--accent2)}
@media(min-width:1800px){.section-pad{padding-left:max(6%,calc((100vw - 1560px)/2));padding-right:max(6%,calc((100vw - 1560px)/2))}}
@media(max-width:1100px){#navigation{gap:16px}#navigation .nav-contact{margin-left:0}#navigation a{font-size:13px}.brand-name{display:none}.section-pad{padding:70px 5%}.photo-grid{column-gap:7%;row-gap:65px}.studio-intro{gap:7%}.project-card{grid-template-columns:40px 1.2fr 1fr 25px}.about-section{gap:8%}.studio-mark{right:-15px}.contact-links{gap:20px}.client-logos{gap:22px}.section-label{margin-bottom:45px}}
@media(max-width:800px){#navigation{gap:12px}#navigation a{font-size:12px}.section-heading{gap:35px}.section-heading p{max-width:220px}.project-card{grid-template-columns:30px 1fr 25px}.project-sub{grid-column:2;grid-row:2}.project-arrow{grid-column:3;grid-row:1/3}.project-card{row-gap:10px}.photo-card:nth-child(even){padding-top:100px}.about-section{gap:7%}.studio-mark{width:65%}.contact-links{grid-template-columns:1fr}.contact-links a{grid-template-columns:120px 1fr auto}.contact-links a>span:first-child{grid-column:auto}.client-logos{gap:20px}.design-layout{gap:7%}.design-card h3{font-size:28px}}
@media(max-width:700px){html{scroll-padding-top:20px}.brand-name{display:block}#nav{z-index:20}.menu-toggle{display:flex;gap:12px;align-items:center;padding:10px 0;border:0;background:transparent;color:var(--accent2);font-size:14px;min-height:44px}.menu-toggle span{font-size:24px}#navigation{display:none;position:absolute;top:80px;left:0;right:0;background:var(--off);padding:25px 6% 35px;border-bottom:1px solid var(--cream);box-shadow:0 20px 30px #1a28151a}#navigation.open{display:grid;grid-template-columns:1fr 1fr;gap:8px 30px}#navigation a{font-size:19px;padding:9px 0}#navigation .nav-contact{font-size:19px;justify-self:start}.section-pad{padding:60px 6%}.section-label{font-size:12px;margin-bottom:35px}.section-label>span:last-child{display:none}.studio-intro{grid-template-columns:1fr;gap:30px}.studio-stats{grid-template-columns:1fr 1fr;gap:30px;margin-top:35px}.studio-stats strong{font-size:54px}.section-heading{display:block;margin-bottom:40px}.section-heading p{margin-top:25px;max-width:340px}.photo-grid{grid-template-columns:1fr;row-gap:45px}.photo-card:nth-child(even){padding-top:0}.photo-card:nth-child(4n+3),.photo-card:last-child{max-width:100%}.photo-frame{padding:14px}.photo-card:nth-child(4n+2) .photo-frame{padding:20px}.photo-plaque{margin-top:18px}.photo-plaque h3{font-size:29px}.video-card{grid-template-columns:30px 1fr;gap:14px;padding:25px 0}.video-card h3{font-size:29px}.video-card .work-action{grid-column:2;font-size:13px}.video-card .work-action span{font-size:20px;margin-left:10px}.design-layout{grid-template-columns:1fr;gap:40px}.discipline-note{margin-top:25px}.design-card{padding:23px 0}.project-card{gap:15px;padding:23px 0}.project-card h3{font-size:28px}.about-section{grid-template-columns:1fr;gap:50px}.about-art{margin-right:20px;padding-bottom:100px}.about-art>img{aspect-ratio:1.25}.studio-mark{width:54%;padding:26px;right:-20px;font-size:98px}.client-logos{grid-template-columns:repeat(2,1fr);gap:20px 30px}.client-logo:last-child{grid-column:1/-1}.client-logo{height:75px}.client-logo img{max-width:155px;max-height:60px}.client-logo:first-child img{max-height:85px}.contact-heading{display:block}.contact-heading h2{font-size:clamp(51px,10.7vw,74px)}.contact-arrow{display:inline-block;font-size:90px;margin-top:15px}.contact-links{margin-top:20px;gap:26px}.contact-links a{grid-template-columns:1fr auto}.contact-links a>span:first-child{grid-column:1/-1}.contact-links strong{font-size:16px}footer{padding:28px 6%;flex-wrap:wrap;gap:18px}footer .footer-brand{width:100%}.dialog-layout{grid-template-columns:1fr;gap:25px}.dialog-media{height:auto;max-height:52svh;min-height:0}.dialog-media:has(iframe){height:45svh}#art-dialog{width:96vw;padding:15px 18px;max-height:96svh}.dialog-copy h2{font-size:38px;margin-bottom:16px}.dialog-copy-only{padding:15px 0 30px}.dialog-navigation{position:sticky;bottom:-25px;background:var(--off);padding-bottom:8px}.dialog-toolbar{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Keep the two-line title within the page at every viewport width. */
.gallery-title{max-width:none}
@media(max-width:700px){.gallery-title{font-size:clamp(40px,11vw,76px)}}