/* Miletic Group — an independent, self-contained identity. */
:root{--ink:#182923;--deep:#14231e;--paper:#f6f6f1;--surface:#eaece6;--muted:#5c655f;--gold:#bdc6a8;--line:#cdd2c8;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--gutter:clamp(24px,6vw,104px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button,summary,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #758944;outline-offset:7px}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.04em}em{font-weight:400}img{max-width:100%;display:block}button{color:inherit}::selection{background:#cad3b7;color:var(--deep)}[hidden]{display:none!important}.skip-link{position:fixed;top:10px;left:10px;z-index:20;transform:translateY(-200%);padding:12px 20px;background:var(--paper);color:var(--ink)}.skip-link:focus{transform:none}
.site-header{height:104px;position:absolute;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 var(--gutter);color:white;border-bottom:1px solid #ffffff29}.wordmark{display:inline-flex;flex-direction:column;line-height:1;flex-shrink:0}.wordmark-name{font-size:25px;letter-spacing:.13em;font-weight:500}.wordmark-group{font-size:12px;letter-spacing:.43em;margin-top:9px}.desktop-nav{display:flex;gap:38px;margin-left:auto;margin-right:6vw}.desktop-nav a{font-size:14px;position:relative;padding:12px 0}.desktop-nav a:after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.desktop-nav a:hover:after{transform:scaleX(1)}.header-controls{display:flex;align-items:center;gap:25px}.language-switch{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.04em}.language-switch a{padding:12px 2px;opacity:.58}.language-switch a[aria-current=page]{opacity:1;text-decoration:underline;text-underline-offset:7px}.language-switch a:hover{opacity:1}.language-switch>span{opacity:.4}.menu-toggle{display:none;border:0;background:none;padding:12px 0;align-items:center;gap:12px;font-size:14px}.menu-lines{position:relative;display:block;width:22px;height:12px;border-block:1px solid currentColor;transition:transform .2s}.mobile-nav{position:absolute;top:104px;left:0;right:0;background:var(--deep);padding:20px var(--gutter) 32px}.mobile-nav a{display:block;padding:13px 0;border-bottom:1px solid #ffffff20;font-size:22px;font-family:var(--serif)}
.hero{isolation:isolate;position:relative;min-height:780px;min-height:max(740px,100svh);max-height:1200px;display:flex;flex-direction:column;justify-content:center;padding:176px var(--gutter) 140px;overflow:hidden;color:var(--paper);background:var(--deep)}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-image{object-fit:cover;object-position:62% center;animation:hero-settle 2s cubic-bezier(.18,.67,.3,1) both}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(10,23,18,.83) 0%,rgba(10,23,18,.49) 46%,rgba(10,23,18,.10) 100%),linear-gradient(0deg,rgba(10,23,18,.7),transparent 35%,rgba(10,23,18,.15) 78%,rgba(10,23,18,.37))}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.17em;line-height:1.65;font-weight:500}.hero-eyebrow{display:flex;align-items:center;gap:16px;margin-bottom:36px;color:#e3e7db}.short-rule{width:40px;height:1px;background:currentColor}.hero h1{font-size:clamp(58px,6.7vw,112px);line-height:1.07;letter-spacing:-.055em;max-width:1300px}.hero h1 em{color:#d6dfc8}.hero-description{font-size:17px;line-height:1.75;max-width:420px;margin-top:32px;color:#e0e4dd}.hero-bottom{position:absolute;bottom:42px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:13px}.hero-bottom>p{margin-left:auto;color:#d6dcd2}.hero-index{color:#d6dcd2;font-size:12px;letter-spacing:.13em;padding-left:45px}.discover-link{display:flex;align-items:center;gap:15px}.circle-arrow{width:46px;height:46px;border:1px solid #ffffff70;border-radius:100%;display:grid;place-items:center;font-size:23px;transition:background .2s,transform .2s}.discover-link:hover .circle-arrow{background:#ffffff16;transform:translateY(3px)}.hero-content{animation:enter .9s .1s both}
.section-pad{padding:112px var(--gutter)}.dark-label{color:var(--muted)}.profile{display:grid;grid-template-columns:1fr 1fr;gap:9vw;border-bottom:1px solid var(--line)}.profile h2{font-size:clamp(36px,3.1vw,52px);line-height:1.16;margin-top:28px}.profile-copy{max-width:610px}.profile-copy .lead-copy{font-size:22px;line-height:1.65;color:var(--ink)}.profile-copy>p+p{margin-top:24px;color:var(--muted);font-size:16px}.focus{padding-top:103px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:80px;margin-bottom:76px}.section-heading h2{font-size:clamp(48px,5.1vw,84px);line-height:1.06;margin-top:28px}.section-heading>p{max-width:285px;color:var(--muted);margin-bottom:7px}.property{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.property-image{align-self:stretch;position:relative;min-height:610px}.property-image>img{width:100%;height:100%;max-height:790px;object-fit:cover}.property-image figcaption{font-size:12px;color:#e5e6df;position:absolute;bottom:0;left:0;right:0;padding:50px 24px 18px;background:linear-gradient(transparent,#111a17b3)}.property-copy{padding:20px 0}.property-copy h3{font-size:clamp(42px,4.6vw,74px);line-height:1.1;margin-top:19px}.property-lead{font-family:var(--serif);font-size:29px;line-height:1.25;letter-spacing:-.02em;margin:24px 0}.property-copy>p:not([class]){color:var(--muted);max-width:540px}.property-rows{border-top:1px solid var(--line);margin-top:30px}.property-row{padding:18px 0;border-bottom:1px solid var(--line)}.property-row h4{font-size:15px;line-height:1.5;font-weight:500}.property-row p{font-size:14px;color:var(--muted);line-height:1.6;margin-top:5px}.scope-note{font-size:13px;line-height:1.6;color:var(--muted);margin-top:23px;padding-left:17px;border-left:2px solid #97a688;max-width:510px}
.other-areas{margin-top:75px;border-top:1px solid var(--line)}.area-detail{border-bottom:1px solid var(--line)}.area-detail summary{list-style:none;display:flex;align-items:center;gap:34px;padding:36px 0;cursor:pointer}.area-detail summary::-webkit-details-marker{display:none}.area-number{font-size:13px;color:var(--muted);align-self:flex-start;margin-top:10px}.area-heading{display:flex;flex-direction:column;gap:8px}.area-title{font-family:var(--serif);font-size:clamp(30px,3.4vw,49px);line-height:1.18;letter-spacing:-.03em}.area-subtitle{font-size:14px;color:var(--muted)}.detail-affordance{margin-left:auto;display:flex;align-items:center;gap:30px;font-size:13px;color:var(--muted);padding-left:15px}.plus{display:block;position:relative;width:42px;height:42px;border:1px solid #a9b2a2;border-radius:50%;flex-shrink:0;transition:background .2s}.plus:before,.plus:after{content:'';position:absolute;top:50%;left:50%;background:var(--ink);width:14px;height:1px;transform:translate(-50%,-50%)}.plus:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s}.area-detail[open] .plus:after{transform:translate(-50%,-50%) rotate(0deg)}.area-detail summary:hover .plus{background:#e1e5da}.area-content{padding:0 8% 35px 52px;max-width:920px}.area-content>p{font-size:18px;line-height:1.8;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:10px 24px;padding:0;list-style:none;margin:24px 0 0;font-size:13px;color:var(--ink)}.tags li{border-bottom:1px solid var(--line);padding-bottom:6px}
.principles{background:var(--ink);color:var(--paper);position:relative;isolation:isolate;overflow:hidden;padding-top:105px;padding-bottom:110px}.principles>.eyebrow{color:var(--gold)}.principles h2{font-size:clamp(38px,4.4vw,72px);line-height:1.13;margin-top:32px;max-width:1150px}.principles h2 em{color:#bac7ad}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:58px;margin-top:86px}.principle{border-top:1px solid #a8b89950;padding-top:20px}.principle .index{font-size:12px;letter-spacing:.1em;color:#abb99f}.principle h3{font-size:32px;line-height:1.2;margin-top:25px}.principle p{max-width:330px;font-size:15px;line-height:1.85;color:#c4cfc0;margin-top:18px}.large-initial{position:absolute;z-index:-1;font-family:var(--serif);right:-20px;bottom:-220px;font-size:730px;line-height:1;color:#bdc9b006;pointer-events:none}.closing{text-align:center;padding-top:117px;padding-bottom:93px}.closing h2{font-size:clamp(48px,5.9vw,92px);line-height:1.09;margin-top:30px}.closing h2 em{color:#79816f}.closing-text{font-size:17px;max-width:610px;margin:34px auto 0;color:var(--muted)}.closing-note{font-size:13px;max-width:580px;margin:20px auto 0;color:var(--muted)}.closing-line{display:block;width:1px;height:60px;background:#a2ac96;margin:40px auto 0}.site-footer{padding:48px var(--gutter) 28px;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;gap:40px;padding-bottom:45px}.footer-top .wordmark-name{font-size:23px}.footer-top>p{font-size:14px;color:var(--muted);margin-left:auto}.back-top{margin-left:6vw;font-size:13px;display:flex;gap:20px;align-items:center}.back-top>span{font-size:22px}.footer-bottom{border-top:1px solid var(--line);display:flex;align-items:flex-start;gap:35px;padding-top:23px;font-size:12px;color:var(--muted)}.private-label{margin-left:auto}.website-notes{flex:1;max-width:620px}.website-notes summary{cursor:pointer;width:fit-content}.website-notes>p{line-height:1.8;margin-top:18px;padding-bottom:12px}.reveal{transition:opacity .7s ease,transform .7s ease}.reveal.pending{opacity:0;transform:translateY(22px)}
@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes hero-settle{from{transform:scale(1.025)}to{transform:scale(1)}}
@media(min-width:1800px){:root{--gutter:max(104px,calc((100vw - 1600px)/2))}}
@media(max-width:1000px){.desktop-nav{margin-right:2vw;gap:26px}.hero h1{font-size:clamp(60px,8vw,82px)}.profile{gap:6vw}.profile-copy .lead-copy{font-size:19px}.section-pad{padding-top:85px;padding-bottom:85px}.property{gap:5vw}.property-image{min-height:630px}.property-lead{font-size:25px}.property-copy h3{font-size:52px}.hero-index{display:none}.principles-grid{gap:35px}.principle h3{font-size:29px}.footer-top>p{display:none}.back-top{margin-left:auto}.detail-affordance>span:first-child{display:none}}
@media(max-width:700px){html{scroll-padding-top:20px}.site-header{height:90px;gap:18px}.wordmark-name{font-size:20px}.wordmark-group{font-size:11px;margin-top:7px}.desktop-nav{display:none}.header-controls{gap:22px}.language-switch{gap:9px;font-size:12px}.menu-toggle{display:flex}.menu-toggle>span:first-child{display:none}.mobile-nav{top:90px}.hero{min-height:max(710px,94svh);padding-top:162px;padding-bottom:130px;max-height:none;justify-content:center}.hero-image{object-position:64% center}.hero-shade{background:linear-gradient(90deg,#0b1a15d4,#0b1a1555),linear-gradient(0deg,#0b1a15c9,transparent 65%)}.hero-eyebrow{font-size:10px;letter-spacing:.13em;gap:10px;margin-bottom:30px}.short-rule{width:23px}.hero h1{font-size:clamp(44px,8.6vw,60px);line-height:1.13;letter-spacing:-.055em}.hero-description{font-size:16px;max-width:350px;line-height:1.75;margin-top:28px}.hero-bottom{bottom:31px;font-size:12px}.hero-bottom>p{display:none}.circle-arrow{width:42px;height:42px}.section-pad{padding-top:68px;padding-bottom:68px}.profile{grid-template-columns:1fr;gap:30px}.profile h2{font-size:37px;margin-top:22px}.profile-copy .lead-copy{font-size:19px;line-height:1.7}.profile-copy>p+p{font-size:15px;margin-top:18px}.section-heading{align-items:flex-start;flex-direction:column;gap:24px;margin-bottom:37px}.section-heading h2{font-size:50px;margin-top:22px}.section-heading>p{max-width:320px;font-size:15px}.property{grid-template-columns:1fr;gap:30px}.property-image{min-height:0;height:470px}.property-image>img{object-position:center 46%}.property-image figcaption{font-size:10px;padding:40px 18px 16px}.property-copy{padding:0}.property-copy h3{font-size:53px;margin-top:15px}.property-lead{font-size:28px;margin:22px 0}.property-rows{margin-top:24px}.scope-note{font-size:13px;margin-top:20px}.other-areas{margin-top:48px}.area-detail summary{gap:17px;padding:28px 0}.area-number{font-size:12px;margin-top:6px}.area-title{font-size:31px}.area-subtitle{font-size:13px}.detail-affordance{padding-left:0}.plus{width:34px;height:34px}.area-content{padding:0 0 26px 31px}.area-content>p{font-size:16px}.tags{gap:12px 18px}.principles h2{font-size:38px;line-height:1.18;margin-top:25px}.principles-grid{grid-template-columns:1fr;gap:29px;margin-top:43px}.principle{display:grid;grid-template-columns:30px 1fr;column-gap:12px;padding-top:23px}.principle .index{padding-top:7px}.principle h3{margin:0;font-size:31px}.principle p{grid-column:2;margin-top:14px;max-width:none}.large-initial{font-size:590px;bottom:-60px;right:-120px}.closing h2{font-size:53px;margin-top:24px}.closing-text{font-size:16px;margin-top:25px}.closing-note{font-size:12px;margin-top:19px}.closing-line{height:45px;margin-top:31px}.site-footer{padding-top:36px}.footer-top{gap:20px;padding-bottom:30px}.footer-top .wordmark-name{font-size:19px}.back-top{font-size:12px;gap:10px}.footer-bottom{flex-wrap:wrap;gap:18px 24px;padding-top:23px;font-size:11px}.website-notes{flex:auto;max-width:100%}.private-label{margin-left:0;width:100%;font-size:11px}.website-notes>p{font-size:13px}}
@media(max-width:360px){.hero h1{font-size:39px}.header-controls{gap:16px}.area-title{font-size:26px}.closing h2{font-size:46px}.hero-eyebrow{letter-spacing:.08em}.short-rule{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.pending{opacity:1;transform:none}}
/* Maintain legibility for quiet labels as well as the main copy. */
.desktop-nav a,.language-switch,.discover-link,.back-top,.detail-affordance,.tags,.area-subtitle{font-size:14px}
.principle p{font-size:16px}
@media(max-width:700px){.hero-eyebrow,.property-image figcaption,.footer-bottom,.private-label,.wordmark-group{font-size:12px}.hero-eyebrow{letter-spacing:.08em}.profile-copy>p+p,.section-heading>p{font-size:16px}.short-rule{width:18px}.header-controls{gap:18px}.footer-bottom .private-label{font-size:12px}}
@media(max-width:360px){.language-switch{gap:6px;font-size:13px}.wordmark-name{font-size:18px}}
@media print{.site-header{position:relative;color:var(--ink)}.hero{min-height:0;color:var(--ink);padding:30px var(--gutter);background:white}.hero-image,.hero-shade,.hero-bottom,.menu-toggle,.back-top{display:none}.hero h1 em,.hero-description,.hero-eyebrow{color:var(--ink)}.section-pad{padding:30px var(--gutter)}.reveal.pending{opacity:1;transform:none}.principles{color:var(--ink);background:white}.principle p,.principles h2 em{color:var(--ink)}}
