/* A quieter editorial frame for the existing ZMZ portfolio. */
:root{--atelier-border:rgba(232,193,131,.19);--atelier-glass:rgba(10,22,39,.82);--atelier-blue:#a9c7d9}
body{background:#0b1524;color:#f2ecdf}
.wrap{max-width:1328px}
.section{padding-block:124px}
.eyebrow{letter-spacing:.2em;line-height:1.8}
.nav{background:transparent;border:0;backdrop-filter:none;padding:18px 24px 0;transition:padding .3s}
.nav-inner{height:74px;max-width:1328px;padding-inline:28px;border:1px solid rgba(244,224,190,.13);border-radius:8px;background:rgba(9,22,40,.62);backdrop-filter:blur(18px);box-shadow:0 10px 32px #02081214;transition:background .3s,border-color .3s,box-shadow .3s}
.nav.atelier-scrolled .nav-inner{background:var(--atelier-glass);border-color:var(--atelier-border);box-shadow:0 12px 35px #02081226}
.brand{font-size:29px;letter-spacing:-1.8px}
.brand>span{color:#b4c0cd;letter-spacing:1.6px;font-size:9px;border-color:rgba(232,193,131,.25)}
.navlinks{gap:29px}
.navlinks a{position:relative;letter-spacing:.04em;color:#c0c8d1}
.navlinks a:not(.nav-contact):after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.navlinks a[aria-current]:after,.navlinks a:hover:after{transform:scaleX(1)}
.nav-contact{padding:8px 18px;background:#d8bb8710;border-color:#e8c1834d}
.atelier-progress{position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:linear-gradient(90deg,#cda76c,#f1d9a7);transform:scaleX(0);transform-origin:left;pointer-events:none;opacity:.68}
.hero-night{background:#071831}
.hero-night:before{background:linear-gradient(90deg,#071323bd 0%,#08152870 40%,#08152816 80%)}
.hero-night:after{background:linear-gradient(0deg,#0b1524 0%,#0b152449 23%,transparent 58%)}
.hero-night .hero{min-height:max(800px,100svh);grid-template-columns:1.35fr 1fr;gap:0 72px;padding-top:151px}
.hero-night .hero-copy{padding-bottom:60px}
.hero-night .hero-copy>.eyebrow{font-size:9px;color:#ecd6af;letter-spacing:.24em;display:flex;align-items:center;gap:17px}
.hero-night .hero-copy>.eyebrow:before{content:'';width:32px;height:1px;background:#e5c18b7a;flex:0 0 auto}
.hero-night h1{font-size:clamp(67px,6.5vw,96px);line-height:1.24;letter-spacing:-.045em;margin:32px 0 30px;text-shadow:0 3px 24px #08122120}
.hero-night h1 em{color:#e8c48c}
.hero-night .hero-description{font-size:13px;letter-spacing:.09em;line-height:2.25;color:#bccbdb}
.hero-cta{gap:35px;margin-top:34px;font-size:12px;letter-spacing:.09em}
.hero-cta b{height:47px;width:47px;border-color:#e8c18366;background:#0b182c38}
.hero-night-caption{border-left:1px solid #e8c1834a;padding:2px 0 4px 24px;margin-bottom:83px;max-width:280px}
.hero-night-caption>span{font-size:9px;letter-spacing:.17em;color:#c1cddd;margin-bottom:13px}
.hero-night-caption p{font-size:21px;line-height:1.95;letter-spacing:.12em}
.hero-night .hero-bottom{padding-block:26px;border-color:#edd3a82b;letter-spacing:.09em}
.hero-bottom a{display:inline-flex;align-items:center;gap:19px}
.hero-bottom a span{margin-left:0}
#work{position:relative}
.section-heading{margin-bottom:54px;gap:48px}
.section-heading h2{font-size:clamp(34px,3.4vw,46px);line-height:1.45;letter-spacing:.015em;margin-top:18px}
.section-heading>p{font-size:12px;line-height:2.15;color:#99aabd;padding-bottom:5px;letter-spacing:.025em}
.featured-grid{gap:46px 34px}
.feature-art{height:395px;border-radius:9px;border-color:#ecdfc322;box-shadow:0 20px 45px #030b141c;transition:border-color .3s,box-shadow .3s}
.reading-card .feature-art{background:radial-gradient(ellipse at 75% 12%,#93c8d24a,transparent 66%),linear-gradient(145deg,#193443,#3b6070)}
.forest-card .feature-art{background:radial-gradient(ellipse at 68% 16%,#b0b88735,transparent 66%),linear-gradient(145deg,#253a36,#4b5d49)}
.feature-art:after{content:'';position:absolute;inset:12px;border:1px solid #f2eadc12;border-radius:4px;pointer-events:none}
.feature-type{top:29px;left:28px;font-size:9px;letter-spacing:.21em}
.feature-word{left:27px;font-size:48px;color:#efe4c981;letter-spacing:11px}
.feature-phones{top:75px;left:28%;width:67%;gap:18px}
.forest-card .feature-phones{top:52px}
.feature-phones img{border-color:#ece4cf52;box-shadow:0 24px 35px #06111850}
.feature-badge{bottom:25px;right:27px;font-size:9px;letter-spacing:.06em;background:#132732d9;border-color:#e8dfc437;padding:8px 14px}
.feature-caption{margin-top:25px;padding-bottom:24px;border-bottom:1px solid #dcca9d24}
.feature-caption small,.cinema-copy>small{font-size:9px;letter-spacing:.17em;color:#b19e7e}
.feature-caption h3{font-size:29px;margin-top:8px;letter-spacing:.04em}
.feature-caption p{font-size:11px;margin-top:6px;color:#94a4b8}
.circle-arrow{width:44px;height:44px;border-color:#cbb58955}
.featured-card:hover .feature-art{border-color:#e8c1836b;box-shadow:0 24px 48px #02081135}
.cinema-card{height:352px;border-radius:9px;margin-top:0;border-color:#e1c38b26;background:#101d2d}
.cinema-copy{padding:40px 46px;width:38%}
.cinema-copy h3{font-size:46px;letter-spacing:.025em;margin-block:13px 17px}
.cinema-copy p{font-size:11px;color:#a6b4c4}
.cinema-link{margin-top:29px;font-size:11px;letter-spacing:.06em;gap:28px}
.cinema-strip{gap:19px;height:520px;opacity:.92}
.cinema-strip img{border-radius:4px;border:1px solid #edd5a32b}
.cinema-card:after{background:linear-gradient(90deg,#101d2d 26%,#101d2d91 46%,transparent 68%)}
.product-cases{padding-top:60px;padding-bottom:122px}
.case-index{padding-block:22px;border-color:#dcca9d26;margin-bottom:77px;color:#9aaabe;font-size:11px;letter-spacing:.04em}
.case-index a>span{font-size:9px;letter-spacing:.06em}
.product-project{grid-template-columns:minmax(0,1fr) 438px;gap:100px;padding-bottom:108px;align-items:center;border-color:#dcca9d24}
.product-project+.product-project{padding-top:108px}
.project-story h3{font-size:48px;letter-spacing:.055em;margin-bottom:20px}
.project-lead{font-size:28px;color:#d5dfdf;line-height:1.7;margin-bottom:24px}
.project-description{font-size:13px;line-height:2.2;max-width:440px;color:#9fadc0}
.project-identity{margin-bottom:31px}
.project-identity img{border:1px solid #f4e1b933;box-shadow:0 7px 22px #0002}
.project-tags{margin-block:26px 34px;gap:8px}
.project-tags span{background:#bfd5dc05;border-color:#bec5bd29;color:#acb8ba;letter-spacing:.025em}
.project-details{border-color:#dcca9d30}
.project-details summary{font-size:12px;padding-block:19px;letter-spacing:.055em}
.project-details[open]{border-bottom-color:#dcca9d48}
.project-thinking p{line-height:2.1}
.project-device{padding:28px 18px 0}
.device-orbit{inset:17% -13% 4%;background:radial-gradient(ellipse at 50% 52%,#648e9936,transparent 66%)}
.pig-project .device-orbit{background:radial-gradient(ellipse at 50% 52%,#919e6130,transparent 66%)}
.device-label{font-size:9px;letter-spacing:.21em;margin-bottom:23px;color:#93a5b7}
.phone-shell{box-shadow:0 30px 65px #02060d6b,0 3px 9px #0004,inset 0 0 0 1px #b5bbc366}
.phone-caption{color:#8c9faf;font-size:10px;letter-spacing:.055em}
.project-open{font-size:10px;letter-spacing:.03em}
.project-text-link{font-size:11px;padding-bottom:10px;margin-top:29px;transition:color .25s,border-color .25s}
.project-text-link:hover{color:#f4dcb4;border-color:#e8c18399}
.gallery-section{padding-top:91px}
.gallery-heading>span{font-size:9px;letter-spacing:.18em}
.gallery-heading h3{font-size:29px;letter-spacing:.035em;line-height:1.65;margin-block:15px}
.gallery-heading p{color:#95a5b9;font-size:12px}
.project-gallery-grid{gap:30px;margin-top:38px}
.project-gallery-card{border-radius:9px;border-color:#d5c49b29;background:#101e30}
.gallery-stack{height:282px}
.gallery-card-meta{padding:26px 28px;border-color:#d5c49b22}
.gallery-card-meta h4{font-size:24px;letter-spacing:.03em}
.gallery-card-meta>span{height:35px;width:35px;display:grid;place-items:center;border:1px solid #d5c49b33;border-radius:50%;font-size:18px;flex-shrink:0}
.visual-section{position:relative;background:linear-gradient(180deg,#112035,#0c1728 38%,#0b1524 100%);border-block-color:#dcca9d24;padding-top:108px}
.visual-toolbar{padding-top:23px;margin-bottom:40px;border-top-color:#dcca9d24}
.poster-filters{gap:6px}
.poster-filters button{padding:9px 18px;letter-spacing:.02em;color:#a6b4c4;min-height:38px}
.poster-filters button[aria-pressed=true]{background:#dfc09114;border-color:#e8c18355;color:#efcf9c}
.poster-count{color:#96a5b9;font-size:10px;letter-spacing:.04em}
.poster-grid{gap:38px 25px}
.poster-image{border-radius:5px;border-color:#e8dac129;box-shadow:0 10px 20px #02091428;transition:box-shadow .35s,border-color .35s,transform .35s}
.poster-card:hover .poster-image,.poster-card:focus-visible .poster-image{border-color:#e8c18383;box-shadow:0 17px 28px #02091454;transform:translateY(-5px)}
.poster-card:hover img{transform:scale(1.025)}
.poster-zoom{background:#102035d9;color:#f1ddba;border-color:#e8c18361}
.poster-meta{padding-top:17px}
.poster-meta small{color:#8d9fb2;font-size:8px;letter-spacing:.14em;margin-bottom:6px}
.poster-meta strong{font-size:12px;color:#dbdfdf;line-height:1.8;letter-spacing:.025em}
.more-row{margin-top:49px}
.more-posters{border-color:#e8c18356;padding:13px 28px;letter-spacing:.05em;min-height:43px}
.more-row>p{color:#8194a8;font-size:10px;margin-top:24px;letter-spacing:.015em}
.poster-dialog{border-radius:9px;border-color:#dcca9d49;background:#101e2e}
.poster-dialog::backdrop{background:#050d18eb;backdrop-filter:blur(12px)}
.poster-dialog-head{padding-block:17px;letter-spacing:.025em}
.poster-dialog-nav{padding-block:15px}
.about{padding-block:132px}
.about-grid{gap:95px}
.about h2{font-size:46px;letter-spacing:.035em;line-height:1.65}
.about-statement{font-size:29px;line-height:1.75;margin-bottom:24px}
.about-body>p:not(.about-statement){color:#9aaabd;line-height:2.25}
.services{margin-top:43px;border-color:#dcca9d2b}
.service{padding-block:22px;border-color:#dcca9d24}
.service h3{font-size:13px;letter-spacing:.03em}
.service p{color:#8d9fb3;font-size:11px}
.contact{padding-top:69px;padding-bottom:60px;border-top-color:#dcca9d2b;position:relative}
.contact:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 77% 15%,#b4904c0d,transparent 60%)}
.contact-title{margin-top:36px}
.contact-title h2{font-size:clamp(42px,5.9vw,78px);letter-spacing:.01em;line-height:1.4}
.contact-orb{height:111px;width:111px;border-color:#e8c18370;font-size:43px}
.contact-grid{margin-top:52px;border-color:#dcca9d2b}
.contact-cell{padding-block:29px;border-color:#dcca9d26}
.contact-cell>span{color:#92a3b7;letter-spacing:.15em;font-size:9px;margin-bottom:12px}
.contact-cell strong{font-size:14px;letter-spacing:.015em}
.copy-status{margin-top:15px}
.footer{font-size:10px;padding-bottom:40px;color:#7e92a9}
.footer .brand{font-size:26px}
.atelier-wand{position:fixed;inset:0;width:100%;height:100%;z-index:140;pointer-events:none;contain:strict;opacity:1}
.page-fireworks{transition:opacity .45s}
.atelier-wand-active .page-fireworks{opacity:0}
@media(min-width:1600px){.hero-night .hero{max-width:1440px}.hero-night h1{font-size:106px}.feature-art{height:416px}}
@media(max-width:1100px){.nav{padding:14px 18px 0}.nav-inner{padding-inline:22px}.navlinks{gap:23px}.wrap{padding-inline:36px}.section{padding-block:99px}.hero-night .hero{gap:0 38px;min-height:max(740px,100svh)}.hero-night h1{font-size:73px}.hero-night-caption{padding-left:19px;margin-bottom:80px}.hero-night-caption p{font-size:18px}.feature-art{height:350px}.feature-phones{left:28%;width:68%;gap:14px;top:75px}.forest-card .feature-phones{top:45px}.feature-word{font-size:43px;left:24px}.product-project{grid-template-columns:minmax(0,1fr) 355px;gap:50px;padding-bottom:93px}.product-project+.product-project{padding-top:93px}.project-story h3{font-size:40px}.project-lead{font-size:25px}.project-device{padding-inline:8px}.poster-grid{gap:33px 20px}.about-grid{gap:54px}.service{grid-template-columns:20px 97px 1fr}.service p{font-size:10px}.cinema-copy{padding-inline:35px}.cinema-copy h3{font-size:42px}.contact-cell strong{font-size:12px}}
@media(max-width:800px){.nav{padding:10px 14px 0}.nav-inner{height:67px;padding-inline:19px}.navlinks{gap:20px}.brand{font-size:26px}.nav-contact{padding:7px 13px}.wrap{padding-inline:26px}.section{padding-block:85px}.hero-night .hero{padding-top:132px;grid-template-columns:1.25fr 1fr;gap:0 26px;min-height:780px}.hero-night h1{font-size:61px;line-height:1.24}.hero-night .hero-copy>.eyebrow{font-size:8px;letter-spacing:.15em;gap:12px}.hero-night .hero-copy>.eyebrow:before{width:22px}.hero-night .hero-description{font-size:11px;letter-spacing:.04em}.hero-night-caption{margin-bottom:85px;padding-left:16px}.hero-night-caption p{font-size:17px;letter-spacing:.06em}.section-heading{gap:28px;margin-bottom:38px}.section-heading h2{font-size:35px}.section-heading>p{font-size:11px}.featured-grid{gap:34px 24px}.feature-art{height:294px}.feature-type{left:22px;font-size:8px}.feature-word{font-size:36px;left:20px;letter-spacing:9px}.feature-phones{gap:11px;top:70px}.forest-card .feature-phones{top:48px}.feature-caption{margin-top:20px;padding-bottom:21px}.feature-caption h3{font-size:25px}.feature-caption p{font-size:10px}.feature-badge{right:19px;bottom:21px;font-size:8px}.cinema-card{height:303px}.cinema-copy{padding:31px}.cinema-copy h3{font-size:39px}.cinema-copy p{font-size:9px}.cinema-strip{height:445px}.product-project{grid-template-columns:minmax(0,1fr) 310px;gap:28px;padding-bottom:80px}.product-project+.product-project{padding-top:80px}.project-story h3{font-size:34px}.project-lead{font-size:23px}.project-description{font-size:12px}.project-device{padding-inline:0}.project-tags{gap:6px}.project-tags span{font-size:9px;padding-inline:9px}.gallery-card-meta{padding:23px}.gallery-card-meta h4{font-size:21px}.gallery-stack{height:250px}.poster-grid{gap:30px 18px}.about-grid{gap:36px}.about h2{font-size:37px}.about-statement{font-size:25px}.service{grid-template-columns:22px 1fr}.service p{grid-column:2;text-align:left;margin-top:4px}.contact-cell strong{font-size:12px}.contact-orb{height:90px;width:90px;font-size:37px}}
@media(max-width:600px){html{scroll-padding-top:100px}.wrap{padding-inline:23px}.section{padding-block:73px}.nav{padding:9px 12px 0}.nav-inner{height:62px;padding-inline:16px;border-radius:7px;background:#0b1929d9}.navlinks{left:12px;right:12px;top:71px;padding:13px 20px 21px;border:1px solid #e8c18326;border-top:0;border-radius:0 0 8px 8px;background:#0c1b2bef}.navlinks a:not(.nav-contact):after{display:none}.navlinks a{font-size:12px}.navlinks .nav-contact{background:transparent}.brand{font-size:25px}.brand>span{font-size:8px;letter-spacing:.065em;padding-left:13px;margin-left:14px}.hero-night .hero{padding-top:128px;min-height:max(800px,100svh);grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:0}.hero-night .hero-copy{padding-bottom:20px}.hero-night h1{font-size:clamp(53px,14.4vw,74px);line-height:1.22;margin-block:27px 25px}.hero-night .hero-copy>.eyebrow{font-size:8px;letter-spacing:.14em;gap:11px}.hero-night .hero-copy>.eyebrow:before{width:23px}.hero-night .hero-description{font-size:12px;letter-spacing:.025em;line-height:2.15}.hero-cta{margin-top:27px;font-size:11px;gap:28px}.hero-cta b{height:41px;width:41px;font-size:19px}.hero-night-caption{padding:0 0 0 17px;max-width:240px;margin-bottom:28px;margin-top:43px}.hero-night-caption>span{font-size:8px;margin-bottom:7px}.hero-night-caption p{font-size:16px;line-height:1.8;letter-spacing:.07em}.hero-night .hero-bottom{padding-block:23px;font-size:8px;letter-spacing:0}.hero-bottom a{gap:9px}.hero-night:before{background:linear-gradient(90deg,#071426be,#07142665 82%,#07142635)}.hero-night:after{background:linear-gradient(0deg,#0b1524,transparent 65%)}.section-heading{margin-bottom:33px}.section-heading h2{font-size:32px;letter-spacing:0;margin-top:12px}.section-heading>p{font-size:11px;line-height:2;margin-top:15px}.eyebrow{font-size:8px;letter-spacing:.17em}.featured-grid{gap:33px}.feature-art{height:343px}.feature-art:after{inset:10px}.feature-type{top:25px;left:25px;font-size:8px}.feature-word{left:25px;font-size:44px;letter-spacing:10px}.feature-phones{left:28%;width:66%;gap:14px;top:60px}.forest-card .feature-phones{top:46px}.feature-badge{right:22px;bottom:23px;font-size:8px;padding:7px 11px}.feature-caption{margin-top:20px;padding-bottom:21px}.feature-caption small{font-size:8px;letter-spacing:.14em}.feature-caption h3{font-size:27px;margin-top:7px}.feature-caption p{font-size:11px;margin-top:5px}.circle-arrow{width:39px;height:39px;font-size:19px}.cinema-card{height:383px}.cinema-copy{padding:27px;width:100%}.cinema-copy h3{font-size:38px;margin:10px 0 12px;letter-spacing:.02em}.cinema-copy p{font-size:9px}.cinema-link{margin-top:17px;font-size:10px;gap:23px}.cinema-strip{height:330px;top:196px;gap:12px}.cinema-card:after{background:linear-gradient(180deg,#101d2d 0%,#101d2d80 42%,transparent 78%)}.product-cases{padding-top:26px;padding-bottom:74px}.case-index{margin-bottom:43px;padding-block:17px;gap:15px 20px;font-size:10px;letter-spacing:0}.case-index a>span{font-size:8px}.product-project{grid-template-columns:1fr;gap:40px;padding:0 0 66px;scroll-margin-top:104px}.product-project+.product-project{padding-top:64px}.project-story h3{font-size:39px;letter-spacing:.045em;margin-bottom:16px}.project-lead{font-size:25px;line-height:1.65;margin-bottom:20px}.project-description{font-size:12px;line-height:2.15;max-width:none}.project-identity{margin-bottom:24px}.project-tags{margin:23px 0 27px;gap:7px}.project-tags span{font-size:9px;padding:5px 10px}.project-details summary{font-size:11px;padding-block:17px}.project-text-link{font-size:10px;margin-top:24px}.project-device{padding:0}.device-label{font-size:8px;margin-bottom:18px}.phone-caption{font-size:9px;margin-top:24px}.device-orbit{inset:9% 0 6%}.gallery-section{padding-top:62px}.gallery-heading>span{font-size:8px}.gallery-heading h3{font-size:25px;letter-spacing:.02em;margin-block:13px}.gallery-heading p{font-size:11px;line-height:1.9}.project-gallery-grid{gap:26px;margin-top:29px}.gallery-stack{height:265px}.gallery-card-meta{padding:22px}.gallery-card-meta h4{font-size:22px}.gallery-card-meta p{font-size:10px}.gallery-card-meta>span{width:31px;height:31px;font-size:17px}.visual-toolbar{margin-bottom:29px;padding-top:18px}.poster-filters{gap:3px}.poster-filters button{font-size:10px;padding:7px 12px;min-height:34px}.poster-count{font-size:9px;margin-top:14px}.poster-grid{gap:28px 15px}.poster-meta{padding-top:13px}.poster-meta small{font-size:7px;letter-spacing:.065em;margin-bottom:5px}.poster-meta strong{font-size:11px;line-height:1.8;letter-spacing:0}.poster-image{border-radius:4px}.more-row{margin-top:35px}.more-posters{font-size:10px;padding:11px 24px}.more-row>p{font-size:9px;margin-top:21px}.about-grid{gap:29px}.about h2{font-size:37px;line-height:1.55;margin-top:17px}.about-statement{font-size:25px;line-height:1.7;margin-bottom:20px}.about-body>p:not(.about-statement){font-size:12px}.services{margin-top:30px}.service{grid-template-columns:23px 95px 1fr;gap:6px;padding-block:19px}.service h3{font-size:12px}.service p{grid-column:auto;text-align:right;font-size:9px;margin:0}.contact{padding-top:40px;padding-bottom:37px}.contact-title{margin-top:29px;gap:17px}.contact-title h2{font-size:39px;line-height:1.45;letter-spacing:0}.contact-orb{height:61px;width:61px;font-size:29px}.contact-grid{margin-top:33px}.contact-cell{padding-block:20px}.contact-cell>span{font-size:8px;margin-bottom:7px}.contact-cell strong{font-size:13px}.footer{font-size:8px;padding-bottom:30px;padding-top:7px;gap:15px}.footer .brand{font-size:24px}.poster-dialog-head{padding-block:13px}.poster-dialog-nav{padding-block:11px}}
@media(max-width:360px){.wrap{padding-inline:19px}.nav-inner{padding-inline:13px}.brand>span{font-size:7px;margin-left:11px;padding-left:10px}.hero-night h1{font-size:51px}.hero-night .hero-copy>.eyebrow{font-size:7px;letter-spacing:.12em}.hero-night .hero-bottom{font-size:7px}.feature-art{height:308px}.feature-word{left:22px;font-size:39px}.feature-type{left:22px}.poster-grid{gap-inline:12px}.poster-filters button{font-size:9px;padding-inline:9px}.contact-title h2{font-size:34px}.contact-orb{height:53px;width:53px}.service{grid-template-columns:20px 87px 1fr}.gallery-card-meta{padding-inline:20px}.gallery-card-meta h4{font-size:21px}}
@media(hover:none),(pointer:coarse){.atelier-wand{display:none}.poster-card:hover .poster-image{transform:none}}
@media(prefers-reduced-motion:reduce){.atelier-wand{display:none}.page-fireworks{display:none}.atelier-progress{display:none}.poster-card:hover .poster-image{transform:none}}