/* Mladin Capital: editorial investment and development identity */
:root{--ink:#16342e;--paper:#f8f6f0;--copper:#a77950;--muted:#667168;--line:#dcded4}
body{font-family:"Avenir Next","Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:#d8bea0;color:#16342e}
.wrap{max-width:1380px;padding-left:6%;padding-right:6%}
header{background:rgba(248,246,240,.98)}
.nav{max-width:1380px;padding:24px 6%}
.brandmark{width:43px;height:43px;border-color:#b49b7b;font-size:26px;position:relative}
.brandmark:after{content:"";position:absolute;inset:4px;border:1px solid #b49b7b55;pointer-events:none}
.wordmark{letter-spacing:.16em;font-size:14px}
.wordmark small{letter-spacing:.22em;margin-top:3px;font-size:8px}
.links{gap:25px;font-size:12px}
.links a{position:relative;padding:6px 0}
.links a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--copper);transition:width .22s}
.links a:hover:after{width:100%}
.lang{border:0;gap:3px;padding:0}
.lang button{padding:6px 9px;border-radius:2px;font-size:10px}
.hero{grid-template-columns:1.13fr 1fr;min-height:690px;gap:10px}
.hero-copy{padding:91px 7% 55px 0}
.eyebrow{font-size:10px;font-weight:500;letter-spacing:.19em}
h1,h2,h3{font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif}
h1{font-size:clamp(52px,5.9vw,83px);line-height:1.025;letter-spacing:-.045em;margin:31px 0}
h1 em{color:#9e7856}
.hero-copy>p{font-size:16px;line-height:1.85;max-width:445px}
.hero-foot{padding-top:24px;border-top:1px solid var(--line);max-width:420px;margin-top:49px;font-size:9px;letter-spacing:.16em}
.hero-art{margin:42px 0 43px;min-height:560px;clip-path:polygon(0 0,100% 0,100% 91%,89% 100%,0 100%);box-shadow:0 16px 35px #18352a18}
.hero-art:after{content:"";position:absolute;left:26px;bottom:57px;width:42px;height:1px;background:#a98b65}
.art-label{font-size:8px;top:27px;left:28px;letter-spacing:.21em}
.art-bottom{bottom:28px;font-size:8px;right:65px}
.hero-art svg{transform:scale(1.04)}
.btn{font-size:12px;letter-spacing:.015em;padding:16px 25px;transition:transform .2s,background .2s}
.btn:hover{transform:translateY(-2px)}
.btn span:last-child{color:#d5b48b}
.textlink{font-size:12px}
.strip{padding:29px 0;font-size:9px;letter-spacing:.12em;gap:25px}
.strip div{gap:15px}
.strip b{font-size:11px}
section{padding:104px 0}
.section-head{margin-bottom:52px;gap:80px}
h2{font-size:clamp(38px,4.1vw,56px);line-height:1.1;letter-spacing:-.035em}
.section-head>p{font-size:15px;line-height:1.85;max-width:415px}
.services{display:block;border-left:0}
.service{display:grid;grid-template-columns:55px minmax(215px,.9fr) minmax(240px,1fr) 155px;gap:0 24px;padding:34px 0;border-right:0;align-items:start;background:transparent}
.service:hover{background:transparent}
.service-top{grid-column:1;grid-row:1/3;font-size:9px;line-height:1.5;padding-top:8px;color:var(--copper)}
.service-top span:last-child{display:none}
.service h3{grid-column:2;grid-row:1/3;font-size:30px;line-height:1.16;margin:2px 0;max-width:235px}
.service p{grid-column:3;grid-row:1;font-size:14px;line-height:1.8;margin:0}
.service .tags{grid-column:3;grid-row:2;gap:12px;margin:15px 0 0;font-size:9px;letter-spacing:.02em}
.tags span{border:0;padding:0;display:flex;align-items:center;gap:12px}
.tags span+span:before{content:"";width:3px;height:3px;background:var(--copper);border-radius:50%}
.service button{grid-column:4;grid-row:1/3;justify-self:end;align-self:center;gap:15px;font-size:10px;padding:9px 0;white-space:nowrap}
.service button:hover{color:var(--copper)}
.projects-section{background:#e9ede4}
.project-grid{gap:27px}
.project-card{border:1px solid #d9dfd1;box-shadow:0 2px 0 #15352b08;transition:transform .25s,box-shadow .25s}
.project-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px #18372c0d}
.project-visual{height:235px;background:#1b3730}
.project-card:nth-child(2) .project-visual{background:#29483c}
.project-card:nth-child(3) .project-visual{background:#374738}
.project-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#ffffff06,transparent 65%);pointer-events:none}
.project-visual svg{padding-top:15px}
.project-type{font-size:8px;letter-spacing:.17em;top:20px;left:23px}
.project-body{padding:30px 26px}
.project-status{font-size:8px;letter-spacing:.13em;color:#8a714f}
.project-body h3{font-size:29px;line-height:1.15;margin:12px 0 20px}
.project-body>p{font-size:13px;line-height:1.9;margin-bottom:26px}
.project-card summary{font-size:11px}
.projects-note{font-size:11px;max-width:800px;line-height:1.8;margin-top:25px}
.dark{position:relative;overflow:hidden;background:#16362e}
.dark:before{content:"";position:absolute;right:-190px;top:-235px;border:1px solid #95ab8830;width:610px;height:610px;border-radius:50%;pointer-events:none}
.dark:after{content:"";position:absolute;right:-250px;top:-295px;border:1px solid #95ab8815;width:730px;height:730px;border-radius:50%;pointer-events:none}
.dark .wrap{position:relative;z-index:1}
.dark h2{max-width:490px}
.method{gap:55px;margin-top:62px}
.step{padding-top:28px;border-top-color:#6d85615e}
.step .number{font-size:11px;letter-spacing:.13em}
.step h3{font-size:31px;margin-top:24px}
.step p{font-size:14px;line-height:1.85}
.about{grid-template-columns:.84fr 1.16fr;gap:85px;align-items:center}
.portrait{background:#e6eadf;min-height:445px;border:1px solid #d0d8c5;padding:37px;overflow:hidden}
.portrait:before{content:"";position:absolute;width:310px;height:310px;border:1px solid #bdc8b266;border-radius:50%;right:-120px;top:-80px;pointer-events:none}
.monogram{font-family:"Iowan Old Style",Georgia,serif;font-size:168px;letter-spacing:-.07em;color:#b1bfa6;margin:35px 0 25px}
.portrait .name{font-size:29px}
.portrait .role{font-size:9px;letter-spacing:.17em}
.about-copy{padding:15px 0}
.about-copy h2{font-size:49px;margin:22px 0 30px}
.about-copy>p{font-size:15px;line-height:1.9}
.principles div{font-size:14px;padding:19px 0}
.principles small{font-size:11px}
.contact{grid-template-columns:.85fr 1.15fr;gap:85px}
.contact h2{margin-top:23px}
.contact>div>p{font-size:14px;line-height:1.9;max-width:400px}
.contact>div>.note{font-size:11px;max-width:350px}
.contact-details a{font-size:14px;padding-bottom:17px}
label{font-size:11px;letter-spacing:.015em;margin-bottom:23px}
input,select,textarea{font-size:14px;border-bottom-color:#b6c0ac;padding:13px 0}
input:hover,select:hover,textarea:hover{border-bottom-color:#779169}
.contact form{padding:32px;background:#eef0e7;border:1px solid #dbe1d1}
footer{padding:35px 0;font-size:10px}
dialog{box-shadow:0 25px 100px #091d2640;padding:50px}
@media(min-width:1400px){.hero{gap:30px}.hero-copy{padding-right:5%}}
@media(max-width:1080px){.links{gap:16px}.nav{gap:18px}.service{grid-template-columns:38px 210px 1fr;gap:0 20px}.service button{grid-column:3;grid-row:3;justify-self:start;margin-top:13px}.service-top{grid-row:1/4}.service h3{grid-row:1/4}.hero-copy{padding-top:74px}.hero-art{min-height:540px}.strip{font-size:8px;gap:15px}.about,.contact{gap:45px}.about-copy h2{font-size:44px}.project-body h3{font-size:26px}}
@media(max-width:800px){.links{gap:12px;font-size:10px}.wordmark{font-size:12px}.nav{padding:19px 5%;gap:12px}.hero{grid-template-columns:1.06fr 1fr}.hero-copy{padding:60px 6% 45px 0}h1{font-size:54px}.hero-art{min-height:500px;margin-top:32px}.hero-copy>p{font-size:14px}.hero-foot{font-size:8px}.actions{gap:18px}.btn{padding:14px 18px}.service{grid-template-columns:32px 185px 1fr}.service h3{font-size:27px}.project-grid{gap:16px}.project-body{padding:24px 20px}.project-body h3{font-size:24px}.project-visual{height:205px}.section-head{gap:40px}.method{gap:30px}.portrait{padding:27px;min-height:410px}.monogram{font-size:135px}.contact form{padding:25px}}
@media(max-width:700px){.nav{padding:17px 6%}.links{font-size:14px;gap:20px;top:79px}.menu{border:0;padding:5px;font-size:11px}.hero{display:block}.hero-copy{padding:50px 0 40px}h1{font-size:57px;line-height:1.035;max-width:500px;margin:27px 0}.hero-copy>p{font-size:15px;max-width:460px}.hero-art{height:385px;min-height:0;margin:0 0 33px;clip-path:polygon(0 0,100% 0,100% 88%,89% 100%,0 100%)}.hero-art svg{transform:scale(1)}.hero-foot{margin-top:32px;padding-top:18px;font-size:9px}.art-bottom{font-size:8px}.strip{grid-template-columns:1fr 1fr;font-size:8px;gap:20px 10px;padding:25px 0}.strip div{gap:10px}section{padding:70px 0}.section-head{gap:22px;margin-bottom:36px}.section-head>p{font-size:14px;line-height:1.8}h2{font-size:39px}.service{grid-template-columns:28px 1fr;gap:0 15px;padding:29px 0}.service-top{grid-row:1/5}.service h3{grid-column:2;grid-row:1;font-size:29px;max-width:none;margin:0 0 16px}.service p{grid-column:2;grid-row:2;font-size:13px}.service .tags{grid-column:2;grid-row:3;margin-top:17px}.service button{grid-column:2;grid-row:4;margin-top:13px;font-size:11px}.project-grid{grid-template-columns:1fr;gap:26px}.project-visual{height:235px}.project-body{padding:27px}.project-body h3{font-size:30px;max-width:360px}.project-body>p{font-size:14px}.project-card summary{font-size:12px}.method{gap:34px;margin-top:42px}.step h3{font-size:30px}.about,.contact{grid-template-columns:1fr;gap:35px}.portrait{min-height:310px;padding:30px}.monogram{font-size:125px;margin:20px 0}.about-copy h2{font-size:39px}.contact form{padding:24px}.field-grid{grid-template-columns:1fr;gap:0}dialog{padding:36px 25px}.footer-row{gap:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}.btn:hover,.project-card:hover{transform:none}}

/* Photographic imagery and supplied MC identity */
:root{--ink:#142935;--copper:#ad915b;--muted:#657076}
.nav{padding-top:12px;padding-bottom:12px}
.site-logo{width:166px;height:auto;display:block;mix-blend-mode:multiply}
.links a:hover{color:#9a7c43}
.hero-art{clip-path:none;box-shadow:0 16px 40px #15263312;background:#152c30}
.hero-art:after{display:none}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.photo-hero:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,#101f3350,transparent 23%,transparent 76%,#101f3390);pointer-events:none}
.photo-hero .art-label,.photo-hero .art-bottom{z-index:2;color:#fff;text-shadow:0 1px 5px #0005}
.photo-hero .art-bottom{right:27px}
.project-visual{height:245px}
.project-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.project-visual:after{background:linear-gradient(180deg,#14263255,transparent 35%,transparent 70%,#1426327a)}
.project-type{z-index:2;color:#fff;text-shadow:0 1px 4px #0008}
.concept-caption{position:absolute;bottom:12px;right:15px;color:#fff;z-index:2;font-size:8px;letter-spacing:.07em;text-shadow:0 1px 4px #0008}
.dark{background:#152c35}
.dark:before,.dark:after{border-color:#b1955635}
.btn:hover{background:#24404c}
.hero-copy em{color:#a38957}
footer .site-logo{width:140px}
@media(max-width:950px){.nav{gap:14px}.links{gap:15px}.site-logo{width:150px}.project-visual{height:220px}}
@media(max-width:800px){.site-logo{width:135px}.nav{gap:10px}.links{font-size:10px;gap:12px}}
@media(max-width:700px){.site-logo{width:132px}.nav{padding-top:10px;padding-bottom:10px}.links{top:80px;font-size:14px;gap:20px}.hero-art{height:400px;clip-path:none}.project-visual{height:245px}.hero-copy em{color:#a38957}}

/* Readable copy on light surfaces */
:root{--ink:#10212c;--muted:#34434b}
body{color:var(--ink)}
.hero-copy>p,.section-head>p,.service p,.project-body>p,.about-copy>p,.contact p,.project-card details p{color:#34434b;font-size:16px;line-height:1.85}
h1,h2,h3{color:#10212c}
h1 em,.hero-copy em{color:#705329}
.eyebrow{color:#3c4d55;font-size:11px;letter-spacing:.12em}
.links{font-size:14px}
.links a:hover,.service button:hover,.contact-details a:hover{color:#705329}
.hero-foot{color:#34434b;font-size:11px;letter-spacing:.1em}
.service-top{color:#705329;font-size:11px}
.service .tags{color:#34434b;font-size:12px}
.service button{font-size:12px;color:#223a46}
.project-status{color:#705329;font-size:11px;letter-spacing:.07em}
.project-card summary{font-size:14px;color:#223a46}
.project-card details strong{color:#10212c;font-weight:600}
.projects-note,.contact>div>.note,.note{color:#34434b;font-size:13px;line-height:1.8}
.principles strong{color:#10212c}
.principles small{color:#34434b;font-size:13px}
label{font-size:13px;color:#22343f}
input,select,textarea{font-size:16px;color:#10212c}
.contact-details a{color:#10212c;font-size:16px}
.btn{font-size:14px;color:#fff}
footer{font-size:12px;color:#34434b}
.dark h2,.dark h3{color:#f8f6f0}
.dark p,.dark .section-head>p,.dark .step p{color:#e0e7e6;font-size:16px}
.dark .eyebrow{color:#dce5e2}
.dark .step .number{color:#dbc59b;font-size:12px}
.project-type,.concept-caption{color:#fff}
@media(max-width:1080px){.links{gap:17px;font-size:13px}.service button{font-size:12px}}
@media(max-width:800px){.links{font-size:12px;gap:12px}}
@media(max-width:700px){.links{font-size:15px}.hero-copy>p,.section-head>p,.service p,.project-body>p,.about-copy>p,.contact>div>p{font-size:16px}.service .tags{font-size:11px}.hero-foot{font-size:10px}.project-status{font-size:11px}.contact>div>.note,.projects-note{font-size:13px}.btn{font-size:14px}}

/* Cross-sector project coordination */
.pm-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;margin-top:50px;padding:36px;background:#ecefe8;border:1px solid #d4dcd0}
.pm-panel h3{font-size:33px;margin:18px 0 0}
.pm-panel p{color:#34434b;font-size:16px;line-height:1.85;margin-bottom:20px}
.pm-topics{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:12px;color:#34434b;margin-bottom:19px}
.pm-topics span{display:flex;gap:9px;align-items:center}
.pm-topics span:before{content:"";height:4px;width:4px;background:#8a6e3e}
.pm-panel .textlink{font-size:13px;color:#223a46}
@media(max-width:800px){.pm-panel{gap:30px;padding:28px}}
@media(max-width:700px){.pm-panel{grid-template-columns:1fr;gap:23px;padding:25px;margin-top:35px}.pm-panel h3{font-size:31px}.pm-topics{font-size:12px}}

/* High contrast on light surfaces */
:root{--ink:#101820;--muted:#18232c}
.hero-copy,.hero-copy>p,.section-head>p,.service p,.project-body>p,.about-copy>p,.contact>div>p,.contact p,.pm-panel p,.project-card details p{color:#101820!important}
.hero-copy>p,.section-head>p,.service p,.project-body>p,.about-copy>p,.contact>div>p,.pm-panel p{font-size:17px!important;font-weight:500;line-height:1.8}
.hero-copy h1,.hero-copy h1 em,h2,h3,.principles strong,.portrait .name{color:#101820}
.hero-copy h1 em{font-weight:400}
.eyebrow,.hero-foot,.service-top,.service .tags,.project-status,.project-card summary,.projects-note,.principles small,.pm-topics,.pm-panel .textlink,footer,.contact>div>.note,label{color:#17232d!important}
.projects-note,.contact>div>.note,.project-card details p{font-size:14px!important}
.service .tags,.pm-topics{font-size:13px!important}
.links a,.textlink,.contact-details a{color:#101820;font-weight:500}
.dark h2,.dark h3{color:#fff}
.dark .eyebrow,.dark .section-head>p,.dark p,.dark .step p{color:#f3f5f4!important}
.btn,.contact .btn{color:#fff!important}
@media(max-width:700px){.hero-copy>p,.section-head>p,.service p,.project-body>p,.about-copy>p,.contact>div>p,.pm-panel p{font-size:17px!important}}

.legal-info{margin-top:24px}.legal-info p{font-size:13px;color:#17232d;line-height:1.8;border-top:1px solid var(--line);padding-top:20px;margin:0}