:root{--green:#143127;--gold:#a5893e;--ink:#2c393f;--cloud:#e2e1e8;--white:#fff;--paper:#f6f6f4;--line:#d8ddd8;--muted:#606b66;--wrap:1320px;--gutter:clamp(22px,5vw,88px)}

*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--white);color:var(--ink);font:400 14px/1.8 Montserrat,Verdana,sans-serif}body.menu-open,body.gallery-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}img{max-width:100%;display:block}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:5px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:Arvo,Georgia,serif;font-weight:400;color:var(--green)}h1{font-size:clamp(40px,5.8vw,80px);line-height:1.12;letter-spacing:-.055em;margin-bottom:30px}h2{font-size:clamp(30px,3.1vw,46px);line-height:1.2;letter-spacing:-.045em;margin-bottom:26px}h3{font-size:23px;line-height:1.35;letter-spacing:-.025em}h4{font-size:20px}p{margin-bottom:22px}::selection{background:var(--gold);color:white}.wrap{width:min(calc(100% - 2 * var(--gutter)),var(--wrap));margin-inline:auto}.section{padding-block:110px}.eyebrow{font-family:Montserrat,Verdana,sans-serif;font-size:10px;line-height:1.6;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin:0 0 27px}.eyebrow>span:first-child{margin-right:18px;color:var(--gold)}.lead{font-size:18px;line-height:1.75}.muted,.caption{color:var(--muted)}.caption{font-size:11px;line-height:1.8}.text-link{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;padding:8px 0;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit}.text-link>span:last-child{font-size:23px;font-weight:400;line-height:1;transition:transform .2s}.text-link:hover>span:last-child{transform:translate(3px,-3px)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;border:1px solid transparent;padding:17px 23px;font-size:12px;font-weight:600;line-height:1.4;transition:background .2s,color .2s,transform .2s}.button>span{font-size:22px;font-weight:400}.button:hover{transform:translateY(-2px)}.button-light{background:white;color:var(--green)}.button-light:hover{background:var(--cloud)}.button-green{background:var(--green);color:white}.button-green:hover{background:#24493c}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:white;color:var(--green);padding:14px}.skip:focus{top:10px}

.site-header{height:132px;background:white}.site-header.on-dark{background:var(--green);color:white}.header-inner{width:calc(100% - 2 * var(--gutter));max-width:1500px;margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:block;flex:0 0 auto}.brand img{height:92px;width:auto}.site-header nav{display:flex;align-items:center;gap:36px;font-size:11px;font-weight:500}.site-header nav>a{padding-block:8px;white-space:nowrap}.site-header nav>a:hover{color:var(--gold)}.nav-contact{display:flex;gap:23px;align-items:center;border-bottom:1px solid var(--gold);margin-left:18px}.nav-contact>span{font-size:22px;color:var(--gold)}.menu-toggle{display:none;color:inherit;background:none;border:1px solid currentColor;padding:8px 12px;align-items:center;gap:20px}

.hero{background:var(--green);color:white;padding:26px var(--gutter) 0}.hero-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;min-height:575px}.hero-copy{padding:27px 34px 28px 0;position:relative;z-index:1}.hero-copy>.eyebrow{font-size:9px;letter-spacing:.13em;color:#d0d7d2;margin-bottom:34px}.hero h1{color:white;font-size:clamp(40px,4.8vw,74px);line-height:1.17;margin-bottom:24px;letter-spacing:-.055em}.hero h1>span{color:var(--gold)}.hero-copy>p:not(.eyebrow){font-size:13px;color:#d0d7d2;line-height:1.9;margin-bottom:31px}.hero-sign{display:flex;gap:20px;align-items:center;margin-top:56px;font-size:10px;line-height:1.6;letter-spacing:.04em}.brand-symbol{display:block;width:48px;height:auto;flex-shrink:0;object-fit:contain}.brand-motif{display:block;width:37px;height:auto;flex-shrink:0;object-fit:contain}.hero-visual{position:relative;overflow:hidden;min-height:575px;isolation:isolate}.hero-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:48% 50%;transition:transform .7s}.hero-visual:hover>img{transform:scale(1.025)}.hero-visual:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(10,27,21,.7));z-index:0}.hero-caption{position:absolute;inset:auto 30px 25px;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:1}.hero-caption .eyebrow{display:block;font-size:9px;margin:0 0 4px;color:white}.hero-caption strong{font-family:Arvo,Georgia,serif;font-size:25px;font-weight:400}.circle-arrow{display:grid;place-items:center;width:43px;height:43px;border:1px solid #ffffff90;border-radius:50%;font-size:24px}.hero-bottom{max-width:1500px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:29px;color:#c5cec8;font-size:9px;letter-spacing:.06em}.hero-bottom>a{font-size:11px;letter-spacing:0;color:white}

.intro{border-bottom:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.intro-grid>div{max-width:490px}.intro .lead{margin-bottom:18px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:48px}.section-heading h2{margin-bottom:0}.section-aside{max-width:390px}.section-aside p{font-size:13px}.section-aside p:last-child{margin:0}.small-count{color:var(--muted);font-size:10px!important}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 30px}.project-card a{display:block}.project-image{aspect-ratio:1.5;overflow:hidden;position:relative;background:var(--paper)}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project-card:hover img{transform:scale(1.035)}.project-label{padding-top:17px;display:flex;align-items:baseline;justify-content:space-between;gap:15px}.project-label h3{font-size:20px;margin:0}.project-label>span{font-size:9px;color:var(--muted);text-align:right;flex-shrink:0}

.services{background:var(--paper)}.audiences{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:65px}.audiences>a{padding:34px 28px 33px 0;position:relative}.audiences>a+a{border-left:1px solid var(--line);padding-left:32px}.audiences .eyebrow{font-size:9px;color:var(--muted);margin-bottom:24px}.audiences h3{font-size:26px;max-width:270px}.audiences p:not(.eyebrow){font-size:12px;max-width:270px;padding-right:20px}.audiences>a>span:last-child{font-size:27px;color:var(--gold);display:block}.audiences>a:hover h3{color:#6f5b23}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:32px 65px}.service-list>div{position:relative;padding-left:37px}.service-list>div>span{position:absolute;left:0;top:3px;font-size:10px;color:var(--muted)}.service-list h3{font-size:19px;margin-bottom:10px}.service-list p{font-size:12px;color:var(--muted);max-width:440px}.services .wrap>.text-link{margin-top:22px}

.team{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.person-image{aspect-ratio:4/5;overflow:hidden;background:white;border-bottom:1px solid var(--line)}.person-image img{width:100%;height:100%;object-fit:cover}.person-title{font-size:10px;margin:18px 0 1px}.person h3{font-size:18px;margin-bottom:8px}.person>p:last-child{font-size:10px;line-height:1.65;color:var(--muted)}.team-caption{margin:28px 0 0}.process{background:var(--paper)}.process-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:10%}.process-grid>div:first-child>p:not(.eyebrow){max-width:345px;font-size:13px}.phase{border-top:1px solid #c7cfc9}.phase:last-child{border-bottom:1px solid #c7cfc9}.phase summary{display:flex;align-items:center;gap:20px;cursor:pointer;padding:24px 0;list-style:none}.phase summary::-webkit-details-marker{display:none}.phase-no{font-size:10px;color:var(--muted)}.phase h3{font-size:18px;flex:1;margin:0}.phase-plus{font-size:24px;font-weight:400;color:var(--green);line-height:1}.phase[open] .phase-plus{transform:rotate(45deg)}.phase-content{padding:0 30px 22px 35px;font-size:12px}.phase-content h4{margin-bottom:12px;font-size:19px}.phase-content p{margin-bottom:14px}.phase-output{font-size:11px}.honorar-strip{background:var(--green);color:white;padding-block:72px}.honorar-strip>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.honorar-strip h2{color:white;margin:0;font-size:35px}.honorar-strip .eyebrow{color:var(--gold)}.honorar-strip>.wrap>div:last-child{max-width:435px;font-size:13px}

.contact-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:80px}.contact-grid h2{font-size:clamp(30px,3.5vw,50px)}.contact-grid p{font-size:13px}.contact-email{display:table;font-family:Arvo,Georgia,serif;font-size:clamp(20px,2vw,29px);line-height:1.5;letter-spacing:-.04em;border-bottom:1px solid var(--gold);padding-bottom:9px;overflow-wrap:anywhere;margin:24px 0 14px}.contact-phone{display:block;font-size:18px}.contact-side{align-self:end;max-width:310px;justify-self:end}.contact-side .eyebrow{font-size:10px;margin-bottom:15px}.contact-side .button{margin-top:16px}.footer{background:var(--green);color:white;padding:58px 0 26px}.footer-top{display:grid;grid-template-columns:120px 1fr 1fr;align-items:center;gap:40px;padding-bottom:50px}.footer-top>div:last-child{justify-self:end;display:flex;flex-direction:column;font-size:12px;line-height:2.2}.footer-top .eyebrow{font-size:9px;color:#d0d7d2;margin-bottom:8px}.footer-top p:last-child{margin:0;font-family:Arvo,Georgia,serif;font-size:24px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #ffffff30;padding-top:22px;font-size:9px;color:#c5cec8}.preview-note{position:fixed;bottom:16px;left:20px;z-index:30;background:white;color:var(--green);box-shadow:0 3px 24px #0002;border:1px solid var(--line);padding:8px 8px 8px 14px;display:flex;align-items:center;gap:9px;font-size:10px}.preview-note button{border:0;background:transparent;font-size:20px;line-height:1;padding:5px 8px;color:var(--muted)}.status-dot{width:6px;height:6px;background:var(--gold);border-radius:50%}

.page-intro{padding-block:35px 70px}.breadcrumb{display:block;font-size:10px;color:var(--muted);margin-bottom:55px}.breadcrumb>span{margin-left:14px;color:var(--gold)}.page-intro .eyebrow{color:var(--muted);margin-bottom:22px}.page-intro h1{max-width:1000px}.page-intro>.lead{max-width:730px;margin:0;font-size:16px}.portfolio-page{padding-top:0}.filter-bar{display:flex;align-items:center;gap:8px;border-block:1px solid var(--line);padding-block:20px;margin-bottom:40px;flex-wrap:wrap}.filter-bar button{padding:10px 17px;background:none;color:var(--green);border:1px solid transparent;font-size:10px}.filter-bar button[aria-pressed=true]{background:var(--green);color:white}.filter-bar button:hover{border-color:var(--green)}.filter-count{margin-left:auto;font-size:10px;color:var(--muted);padding-left:20px}.project-card[hidden]{display:none}.project-intro{padding-block:32px 45px}.project-intro h1{max-width:1000px}.project-intro .eyebrow{color:var(--muted)}.project-intro-bottom{display:flex;justify-content:space-between;gap:50px;align-items:end}.project-intro-bottom>p{max-width:610px;font-size:14px;margin:0}.project-intro-bottom .caption{flex-shrink:0}.project-cover img{width:100%;height:auto;max-height:780px;object-fit:contain;background:var(--paper)}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:30px}.gallery-image{position:relative;background:var(--paper);display:flex;align-items:center}.gallery-image:nth-child(3){grid-column:1/-1}.gallery-image img{width:100%;height:auto}.gallery-zoom{position:absolute;right:15px;bottom:15px;padding:6px 12px;font-size:10px;background:white}.project-end{padding-block:40px 10px;display:flex;justify-content:space-between;align-items:center;gap:50px}.project-end>.caption{max-width:420px;margin:0}.lightbox{border:0;padding:20px;background:var(--green);color:white;width:96vw;max-width:none;height:94vh;max-height:none}.lightbox::backdrop{background:#071a13dd}.lightbox-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 5px 12px;font-size:12px}.lightbox button{color:white;background:none;border:1px solid #ffffff70;min-width:44px;height:44px;font-size:24px}.lightbox-content{height:calc(100% - 58px);display:grid;grid-template-columns:44px 1fr 44px;gap:20px;align-items:center}.lightbox-content img{width:100%;height:100%;object-fit:contain;min-height:0}.service-hero{height:550px;overflow:hidden}.service-hero img{width:100%;height:100%;object-fit:cover}.statement-panel{background:var(--green);color:white;min-height:340px;padding:60px;display:flex;align-items:center;justify-content:space-between;gap:45px}.statement-panel p{font-family:Arvo,Georgia,serif;font-size:42px;line-height:1.25;letter-spacing:-.03em;margin:0}.statement-panel>.statement-symbol{width:140px;height:auto;opacity:1;flex-shrink:0}.editorial-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.editorial-columns h2{font-size:27px}.editorial-columns p:not(.eyebrow){font-size:13px}.related{border-top:1px solid var(--line)}.source-note{font-size:12px;border-top:1px solid var(--line);padding-top:30px}.source-note a{text-decoration:underline;text-underline-offset:4px}

.price-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:65px;background:var(--green);color:white}.price-number>span{font-family:Arvo,Georgia,serif;font-size:clamp(80px,9vw,130px);line-height:1.2;letter-spacing:-.07em;color:var(--gold);white-space:nowrap}.price-number .percent{font-size:.5em}.price-number>p{font-size:13px;margin:20px 0 0;color:#d0d7d2}.price-intro h2{color:white;font-size:33px}.price-intro>div:last-child>p{font-size:12px}.pricing-phases .phases{max-width:880px;margin-left:auto}.pricing-phases .phase h3{font-size:22px}.pricing-phases .phase-content{max-width:760px;font-size:14px}.pricing-sources>p:not(.eyebrow){max-width:720px}.source-links{display:flex;gap:25px;flex-wrap:wrap;font-size:11px;text-decoration:underline;text-underline-offset:4px}.contact-page{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;padding-top:0}.contact-page>div:first-child>.contact-email{font-size:23px}.contact-page>div:first-child>.contact-phone{margin-bottom:28px}.contact-page>div:first-child>p{font-size:13px;max-width:325px}.inquiry{border-top:1px solid var(--line);padding-top:30px}.inquiry h2{font-size:27px}.inquiry>p{font-size:12px}.inquiry label{display:flex;flex-direction:column;font-size:11px;font-weight:600;margin-bottom:22px;gap:8px}.inquiry input,.inquiry textarea,.inquiry select{padding:12px 14px;border:1px solid #a8b4ac;border-radius:0;background:white;color:var(--ink);width:100%;font-size:13px;font-weight:400;min-height:47px}.inquiry textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.inquiry form>.caption{font-weight:400;margin-top:18px}.inquiry-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}#inquiry-result{margin-top:28px;background:var(--paper);padding:24px}#inquiry-preview{font:400 12px/1.8 Montserrat,Verdana,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}#copy-status{font-size:11px;margin:12px 0 0}.prose{max-width:850px;padding-top:0}.prose h2{font-size:26px;margin-top:40px}

@media(min-width:1600px){.hero-grid{min-height:660px}.hero-visual{min-height:660px}.hero-copy{padding-top:60px}.hero-sign{margin-top:75px}}

@media(max-width:1100px){.site-header nav{gap:21px}.nav-contact{margin-left:0}.hero-grid{grid-template-columns:1fr 1fr}.hero-copy{padding-right:25px}.hero-sign{margin-top:36px}.hero-visual{min-height:540px}.project-label{display:block}.project-label>span{display:block;margin-top:6px;text-align:left}.team{gap:14px}.person h3{font-size:16px}.contact-grid{gap:45px}.hero-bottom{font-size:8px}.section-aside{max-width:330px}.service-list{gap:25px 35px}.price-intro{padding:45px}.statement-panel{padding:45px}.statement-panel p{font-size:34px}}

@media(max-width:850px){.site-header{height:112px}.brand img{height:80px}.site-header nav{gap:17px;font-size:10px}.nav-contact{gap:12px}.hero{padding-top:10px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:25px 0 40px}.hero h1{font-size:clamp(45px,8vw,66px)}.hero h1 br:nth-child(2){display:none}.hero h1>span:before{content:' '}.hero-copy>.eyebrow{margin-bottom:26px}.hero-copy>p:not(.eyebrow){font-size:14px}.hero-sign{position:absolute;right:10px;bottom:47px;margin:0}.hero-visual{min-height:440px}.hero-bottom>span{max-width:300px}.section{padding-block:78px}.section-heading{gap:35px}.section-aside{max-width:280px}.section-aside p{font-size:12px}.intro-grid{gap:35px}.intro .lead{font-size:16px}.intro-grid>div>p:not(.lead){font-size:12px}.audiences h3{font-size:21px}.audiences>a+a{padding-left:22px}.audiences>a{padding-right:18px}.team{grid-template-columns:repeat(3,1fr);gap:30px 20px}.person h3{font-size:20px}.person>p:last-child{font-size:11px}.process-grid{gap:40px;grid-template-columns:1fr 1.15fr}.phase h3{font-size:16px}.contact-grid{grid-template-columns:1.4fr 1fr}.footer-top{grid-template-columns:100px 1fr;gap:30px}.footer-top>div:last-child{grid-column:2;justify-self:start}.footer-top>a{grid-row:1/3}.editorial-columns{gap:30px}.editorial-columns h2{font-size:23px}.contact-page{grid-template-columns:1fr;gap:40px}.contact-page>div:first-child{padding-bottom:10px}.statement-panel>.statement-symbol{width:100px;height:auto}.statement-panel{padding:35px}.statement-panel p{font-size:30px}.project-intro-bottom{display:block}.project-intro-bottom .caption{display:block;margin-top:20px}.price-intro{gap:35px;padding:35px}.price-intro h2{font-size:27px}.project-end{display:block}.project-end>.text-link{margin-top:20px}}

@media(max-width:680px){:root{--gutter:22px}.site-header{height:105px}.header-inner{gap:15px}.menu-toggle{display:flex;font-size:11px;z-index:51}.site-header nav{display:none;position:fixed;inset:105px 0 0;background:var(--green);color:white;z-index:50;align-items:stretch;justify-content:flex-start;padding:25px var(--gutter);flex-direction:column;overflow:auto}.site-header nav.is-open{display:flex}.site-header nav>a{font-family:Arvo,Georgia,serif;font-size:24px;padding:14px 0;border-bottom:1px solid #ffffff30}.site-header nav .nav-contact{justify-content:space-between;font-size:20px}.menu-open .site-header{position:relative;z-index:51}.hero h1{font-size:clamp(38px,9.7vw,58px)}.hero h1 br:nth-child(2){display:initial}.hero h1>span:before{content:none}.hero-copy>.eyebrow{font-size:8px}.hero-copy{padding-top:12px}.hero-copy>p:not(.eyebrow){font-size:12px}.hero-sign{right:0;bottom:48px;font-size:8px;gap:12px}.hero-sign .brand-symbol{width:38px;height:auto}.hero .button{padding:15px 17px;gap:21px;font-size:11px}.hero-visual{min-height:340px}.hero-caption{inset:auto 18px 18px}.hero-caption strong{font-size:23px}.hero-bottom{padding-block:22px;display:block}.hero-bottom>span{display:block;font-size:8px;margin-bottom:12px}.hero-bottom>a{font-size:10px}.section{padding-block:62px}.eyebrow{font-size:9px;margin-bottom:23px}.intro-grid{grid-template-columns:1fr;gap:10px}.intro-grid h2{font-size:34px}.intro-grid>div{max-width:none}.intro-grid>div>p:not(.lead){font-size:13px}.section-heading{display:block;margin-bottom:32px}.section-aside{max-width:none;margin-top:20px}.section-aside p{font-size:13px}.projects-grid{grid-template-columns:1fr;gap:32px}.project-image{aspect-ratio:1.36}.project-label{display:flex;gap:16px}.project-label h3{font-size:19px}.project-label>span{font-size:8px;margin-top:0;max-width:90px;flex-shrink:1;text-align:right}.audiences{grid-template-columns:1fr;margin-bottom:40px}.audiences>a,.audiences>a+a{padding:25px 35px 22px 0;border-left:0}.audiences>a+a{border-top:1px solid var(--line)}.audiences .eyebrow{font-size:8px;margin-bottom:12px}.audiences h3{font-size:25px;margin-bottom:10px;max-width:none}.audiences p:not(.eyebrow){margin-bottom:0;max-width:90%}.audiences>a>span:last-child{position:absolute;right:0;top:45px}.service-list{grid-template-columns:1fr;gap:14px}.service-list h3{font-size:20px}.service-list p{font-size:12px}.team{grid-template-columns:1fr 1fr;gap:25px 15px}.person h3{font-size:17px}.person>p:last-child{font-size:9px}.person-title{font-size:9px}.process-grid{grid-template-columns:1fr;gap:36px}.phase h3{font-size:17px}.phase summary{padding:22px 0}.honorar-strip{padding-block:55px}.honorar-strip>.wrap{grid-template-columns:1fr;gap:25px}.honorar-strip h2{font-size:32px}.contact-grid{grid-template-columns:1fr;gap:32px}.contact-grid h2{font-size:34px}.contact-email{font-size:22px}.contact-side{justify-self:start;max-width:none}.contact-side p{max-width:350px}.footer{padding-block:40px 75px}.footer-top{grid-template-columns:75px 1fr;gap:25px;padding-bottom:30px}.footer-top img{max-width:70px;height:auto}.footer-top .eyebrow{font-size:8px}.footer-top p:last-child{font-size:20px}.footer-top>div:last-child{font-size:10px}.footer-bottom{flex-wrap:wrap;gap:12px 25px;font-size:8px}.preview-note{bottom:10px;left:12px;font-size:9px}.page-intro{padding-block:20px 45px}.breadcrumb{margin-bottom:35px}.page-intro h1{font-size:43px}.page-intro>.lead{font-size:14px}.portfolio-page{padding-top:0}.filter-bar{gap:5px;padding-block:15px}.filter-bar button{font-size:9px;padding:9px 11px}.filter-count{width:100%;margin:5px 0 0;padding:0}.project-intro{padding-top:15px}.project-intro h1{font-size:42px;overflow-wrap:anywhere}.project-intro-bottom>p{font-size:13px}.project-gallery{grid-template-columns:1fr;gap:16px;padding-top:16px}.gallery-image:nth-child(3){grid-column:auto}.gallery-zoom{right:10px;bottom:10px}.lightbox{padding:12px;width:100vw;height:100dvh}.lightbox-content{grid-template-columns:35px 1fr 35px;gap:6px}.lightbox button{min-width:35px;width:35px;height:44px}.lightbox-toolbar{font-size:10px;gap:10px}.lightbox-content img{max-height:80vh}.service-hero{height:330px}.statement-panel{padding:35px 25px;min-height:270px;gap:20px;flex-wrap:wrap}.statement-panel p{font-size:28px;flex-basis:80%}.statement-panel>.statement-symbol{display:none}.statement-panel>.brand-motif{width:32px;height:auto;flex-shrink:0}.editorial-columns{grid-template-columns:1fr;gap:25px}.editorial-columns h2{font-size:28px;margin-bottom:17px}.editorial-columns p:not(.eyebrow){font-size:13px}.editorial-columns .eyebrow{margin-bottom:14px}.related .section-heading h2{font-size:32px}.price-intro{grid-template-columns:1fr;padding:30px 25px;gap:30px}.price-number>span{font-size:104px}.price-number>p{margin-top:8px}.price-intro h2{font-size:30px}.price-intro>div:last-child>p{font-size:13px}.pricing-phases .phase h3{font-size:18px}.pricing-phases .phase-content{font-size:13px}.source-links{flex-direction:column;gap:16px}.contact-page{padding-top:0}.contact-page>div:first-child>.contact-email{font-size:22px}.inquiry h2{font-size:26px}.form-row{grid-template-columns:1fr;gap:0}#inquiry-result{padding:20px}.inquiry-actions>.button{font-size:11px}.prose{padding-top:0}.prose h2{font-size:25px}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}



.preview-note{left:auto;right:20px}@media(max-width:680px){.preview-note{left:auto;right:12px}}



/* Textový název ateliéru a vstup do budoucí klientské sekce. */

.brand{font-family:Arvo,Georgia,serif;font-size:23px;font-weight:700;line-height:1.14;letter-spacing:-.04em;color:var(--green)}

.on-dark .brand{color:white}

.site-header nav{gap:28px}

.site-header .nav-portal{display:inline-flex;align-items:center;gap:10px;border:1px solid currentColor;background:transparent;color:inherit;padding:10px 14px;font-size:11px;font-weight:500;white-space:nowrap}

.site-header .nav-portal:hover{color:var(--gold)}

.nav-portal svg{flex:none}

body.portal-open{overflow:hidden}

.portal-dialog{border:0;border-top:4px solid var(--gold);padding:58px 48px 44px;width:calc(100% - 40px);max-width:560px;background:white;color:var(--ink)}

.portal-dialog::backdrop{background:#071a13c9}

.portal-dialog .eyebrow{color:var(--muted);font-size:9px;margin-bottom:24px}

.portal-dialog h2{font-size:36px}

.portal-dialog p:not(.eyebrow){font-size:13px}

.portal-dialog .portal-status{color:var(--muted);font-size:11px!important;border-top:1px solid var(--line);padding-top:20px}

.portal-close{position:absolute;right:15px;top:13px;width:40px;height:40px;border:0;background:transparent;color:var(--green);font-size:28px;line-height:1}

@media(max-width:1100px){

  .site-header{height:105px}.header-inner{gap:20px}.brand{font-size:21px}

  .menu-toggle{display:flex;font-size:11px;z-index:51}

  .site-header nav{display:none;position:fixed;inset:105px 0 0;background:var(--green);color:white;z-index:50;align-items:stretch;justify-content:flex-start;padding:25px var(--gutter);gap:10px;flex-direction:column;overflow:auto}

  .site-header nav.is-open{display:flex}

  .site-header nav>a{font-family:Arvo,Georgia,serif;font-size:24px;padding:14px 0;border-bottom:1px solid #ffffff30}

  .site-header nav .nav-portal{font-family:Montserrat,Verdana,sans-serif;font-size:14px;padding:14px 18px;margin-block:8px;align-self:flex-start;border:1px solid #ffffff90}

  .site-header nav .nav-contact{justify-content:space-between;font-size:20px;margin-left:0}

  .menu-open .site-header{position:relative;z-index:51}

}

@media(max-width:680px){.brand{font-size:20px}.portal-dialog{padding:56px 26px 32px}.portal-dialog h2{font-size:29px}}

.project-gallery:empty{display:none}

.project-gallery>.gallery-image:only-child{grid-column:1/-1}

.lightbox-content.is-single{grid-template-columns:1fr}



/* Druhá vizuální iterace: čitelnější sazba a jasnější hierarchie portfolia. */

body{font-size:16px;line-height:1.75}

h1,h2,h3{text-wrap:balance}

.section{padding-block:96px}

.site-header{height:116px}

.site-header nav{font-size:12px;gap:26px}

.site-header .nav-portal{font-size:12px;min-height:44px}

.site-header nav>a{min-height:44px;display:inline-flex;align-items:center}

.site-header nav>a[aria-current]{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:8px}

.site-header:not(.on-dark) nav>a:hover,.site-header:not(.on-dark) .nav-portal:hover{color:var(--green);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:8px}

.nav-contact{margin-left:0;gap:18px}

.eyebrow{font-size:11px;letter-spacing:.12em}

.text-link,.button{font-size:13px;min-height:44px}

.hero{padding-top:18px}

.hero-copy>.eyebrow{font-size:10px;max-width:420px;line-height:1.8}

.hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:410px;color:#e0e6e2}

.hero-sign{margin-top:36px;font-size:11px}

.hero-bottom{font-size:10px;letter-spacing:.04em}

.hero-bottom>a{font-size:12px}

.hero-caption .eyebrow{font-size:10px}

.hero-caption strong{font-size:28px}

.intro-grid>div{max-width:540px}

.intro-grid>div>p:not(.lead),.section-aside p{font-size:15px}

.projects-grid{gap:44px 30px}

.project-card{min-width:0}

.project-card a{height:100%;border-bottom:1px solid var(--line)}

.project-card a:focus-visible{outline-offset:7px}

.project-label{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px 0 24px}

.project-label h3{font-size:clamp(21px,1.7vw,26px);line-height:1.35;letter-spacing:-.025em;text-wrap:pretty}

.project-label>span{font-size:11px;letter-spacing:.04em;text-align:left;max-width:none;margin:0;flex-shrink:1}

.project-card:hover img{transform:scale(1.02)}

.project-card:hover h3{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:5px;text-decoration-thickness:1px}

.small-count{font-size:12px!important}

.section-aside{max-width:420px}

.filter-bar{padding-block:18px;gap:10px;margin-bottom:38px}

.filter-bar button{font-size:12px;min-height:44px;padding:10px 17px}

.filter-count{font-size:12px}

.audiences .eyebrow{font-size:10px}

.audiences p:not(.eyebrow),.service-list p{font-size:14px}

.service-list h3{font-size:22px}

.team{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}

.person-title,.person>p:last-child{font-size:12px}

.person h3{font-size:20px}

.caption{font-size:12px}

.phase-content,.pricing-phases .phase-content{font-size:15px}

.phase-output{font-size:13px}

.phase-no{font-size:12px}

.process-grid>div:first-child>p:not(.eyebrow),.honorar-strip>.wrap>div:last-child,.contact-grid p{font-size:15px}

.contact-side{max-width:360px}

.contact-side .eyebrow{font-size:11px}

.footer-top>div:last-child{font-size:14px}

.footer-bottom{font-size:11px;align-items:center}

.footer-links{display:flex;flex-wrap:wrap;gap:12px 32px;padding-block:0 30px;font-size:12px}

.footer-links a{padding-block:8px;border-bottom:1px solid #ffffff40}

.breadcrumbs{padding-top:22px;margin-bottom:30px;font-size:12px;color:var(--muted)}

.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px 0;margin:0;padding:0}

.breadcrumbs li{display:inline}

.breadcrumbs li+li:before{content:'/';padding-inline:12px;color:#9ca69f}

.breadcrumbs a{padding-block:8px;text-underline-offset:4px}

.breadcrumbs a:hover{text-decoration:underline}

.breadcrumbs [aria-current]{color:var(--green)}

.page-intro{padding-block:22px 52px}

.page-intro>.lead{font-size:17px;max-width:750px}

.page-intro h1{font-size:clamp(40px,5.2vw,70px);max-width:1040px}

.page-intro .eyebrow{font-size:11px}

.portfolio-page,.contact-page,.prose{padding-top:0}

.project-intro{padding-top:20px}

.project-intro h1{font-size:clamp(38px,5.1vw,70px);max-width:1120px}

.project-intro-bottom>p{font-size:16px;max-width:720px}

.project-intro-bottom .caption{font-size:12px}

.project-end{padding-top:30px}

.project-support{margin-top:72px;padding-block:42px;display:grid;grid-template-columns:1.3fr 1fr;gap:50px;border-block:1px solid var(--line)}

.project-support .eyebrow{margin-bottom:15px}

.project-support h2{font-size:clamp(28px,2.5vw,38px);margin-bottom:15px}

.project-support p:last-child{font-size:15px;margin:0}

.project-support>div:last-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;justify-self:end}

.editorial-columns p:not(.eyebrow),.price-intro>div:last-child>p,.contact-page>div:first-child>p{font-size:15px}

.source-links,.source-note{font-size:13px}

.inquiry>p{font-size:14px}

.inquiry label{font-size:13px}

.inquiry input,.inquiry textarea,.inquiry select{font-size:16px}

.faq{border-top:1px solid var(--line)}

.faq-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:10%}

.faq-layout .eyebrow{color:var(--muted)}

.faq-layout h2{font-size:clamp(30px,3vw,42px)}

.faq details{border-top:1px solid var(--line)}

.faq details:last-child{border-bottom:1px solid var(--line)}

.faq summary{position:relative;cursor:pointer;list-style:none;padding:23px 35px 23px 0;font-size:16px;font-weight:500;color:var(--green)}

.faq summary::-webkit-details-marker{display:none}

.faq summary:after{content:'+';position:absolute;right:0;top:18px;font-size:25px;font-weight:400}

.faq details[open] summary:after{content:'−'}

.faq details>div{padding-bottom:24px;font-size:15px}

.faq details p:last-child{margin:0}

.faq details a{text-decoration:underline;text-underline-offset:4px}

@media(max-width:1100px){.site-header{height:105px}.site-header nav{gap:10px}.site-header nav>a{font-size:24px}.project-label{display:flex}.hero-copy>.eyebrow{max-width:320px}}

@media(max-width:850px){.section{padding-block:76px}.portfolio-page,.contact-page,.prose{padding-top:0}.hero-copy>p:not(.eyebrow){max-width:70%}.hero-sign{right:0;bottom:48px}.project-support{gap:30px}.footer-top>div:last-child{font-size:13px}}

@media(max-width:680px){

  .section{padding-block:60px}.portfolio-page,.contact-page,.prose{padding-top:0}

  .hero-copy>.eyebrow{font-size:10px;max-width:290px;letter-spacing:.08em;margin-bottom:25px}

  .hero h1{font-size:clamp(34px,9.2vw,58px);line-height:1.18}

  .hero-copy>p:not(.eyebrow){max-width:100%;font-size:15px}

  .hero-sign{position:static;margin-top:28px;font-size:10px;gap:14px}

  .hero-copy{padding-bottom:32px}.hero .button{font-size:13px;padding:16px 20px}

  .hero-visual{min-height:315px}.hero-caption strong{font-size:24px}

  .hero-bottom>span{font-size:9px;max-width:none;line-height:1.9}

  .projects-grid{gap:30px}.project-label{gap:8px;padding-block:16px 20px}.project-label h3{font-size:23px}.project-label>span{font-size:11px;max-width:none;text-align:left}

  .filter-bar{gap:6px;margin-bottom:28px}.filter-bar button{font-size:11px;padding-inline:12px}.filter-count{margin-top:8px}

  .intro-grid>div>p:not(.lead),.section-aside p{font-size:15px}.intro .lead{font-size:18px}

  .audiences .eyebrow{font-size:10px}.audiences p:not(.eyebrow),.service-list p{font-size:14px}

  .team{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}

  .person h3{font-size:18px;overflow-wrap:anywhere}.person-title{font-size:11px}.person>p:last-child{font-size:11px}

  .phase-content,.pricing-phases .phase-content{padding-left:0;font-size:14px}

  .breadcrumbs{font-size:11px;padding-top:8px;margin-bottom:22px}.breadcrumbs li+li:before{padding-inline:8px}

  .page-intro{padding-block:16px 36px}.page-intro h1{font-size:39px}.page-intro>.lead{font-size:16px}

  .project-intro{padding-block:12px 30px}.project-intro h1{font-size:37px}.project-intro-bottom>p{font-size:15px}

  .project-support{margin-top:46px;padding-block:32px;grid-template-columns:1fr;gap:24px}.project-support>div:last-child{justify-self:start}

  .faq-layout{grid-template-columns:1fr;gap:20px}.faq summary{font-size:15px}.faq details>div{font-size:14px}

  .footer-bottom{font-size:10px}.footer-links{gap:6px 24px;font-size:12px}

}

.portfolio-intro{display:grid;grid-template-columns:1.3fr .8fr;gap:0 70px;padding-block:12px 42px}

.operator-details{border-top:1px solid var(--line);margin-top:40px;padding-top:28px;font-size:13px;max-width:360px}

.operator-details h2{font-size:23px}

.form-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}

.field-optional{font-weight:400}

.inquiry .caption a{text-decoration:underline;text-underline-offset:3px}

#inquiry-status{margin-top:20px;color:var(--green);font-weight:500}

.inquiry button:disabled{opacity:.65;transform:none}

.portfolio-intro>.eyebrow{grid-column:1/-1;margin-bottom:22px}

.portfolio-intro h1{font-size:clamp(38px,4vw,58px);margin-bottom:0;text-wrap:pretty}

.portfolio-intro>.lead{align-self:end;margin-bottom:4px;font-size:16px}

@media(max-width:850px){.portfolio-intro{display:block;padding-bottom:32px}.portfolio-intro h1{margin-bottom:22px}.portfolio-intro>.lead{max-width:600px}}