/* YNS ESTATE — 3.0  |  original architectural identity, offline-first */
:root{--canvas:#efefe9;--white:#fdfcf9;--ink:#19251f;--ink2:#27352c;--grey:#657168;--forest:#1A6E32;--accent:#c5d1b1;--line:#d2d7cf;--warm:#c7aa83;--deep:#111b17;--max:1392px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.65 'Arial', 'Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.07}h1,h2{font-family:Arial,'Helvetica Neue',sans-serif;font-weight:750;letter-spacing:-.065em}h1{font-size:clamp(4rem,8.5vw,9.3rem)}h2{font-size:clamp(2.9rem,6vw,6.7rem)}h3{font-size:clamp(1.25rem,2.15vw,2.1rem);letter-spacing:-.035em}em{font-style:normal;color:var(--forest)}.container{width:min(var(--max),calc(100% - 92px));margin:auto}.skip{position:absolute;top:-100px;left:15px;background:#fff;padding:12px;z-index:200}.skip:focus{top:10px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #63ae6b;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
/* Navigation is deliberately unlike YUMI's classic center header */
.topbar{background:#151d19;color:#a1b3a9;font-size:10px;letter-spacing:.17em;text-transform:uppercase}.topbar .container{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.nav-wrap{position:sticky;top:0;z-index:60;background:rgba(239,239,233,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.nav-inner{height:83px;display:flex;align-items:center;justify-content:space-between;gap:36px}.logo{display:flex;align-items:center;min-width:160px}.logo img{width:132px;max-height:53px}.menu{display:flex;gap:clamp(15px,2vw,30px);align-items:center}.menu>a{font-size:12px;font-weight:750;letter-spacing:.01em;transition:color .2s}.menu a:hover,.menu a.current{color:var(--forest)}.menu a.nav-cta{background:var(--forest);color:white;padding:13px 20px;white-space:nowrap}.hamburger{display:none;border:1px solid var(--line);color:var(--ink);background:transparent;min-width:48px;min-height:48px;font-size:22px}
.kicker,.eyebrow,.micro,.mini-label{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.20em;font-weight:800;text-transform:uppercase}.kicker{display:block;color:var(--forest);margin-bottom:23px}.kicker.light{color:#bbcfbb}.lead{font-size:clamp(1.15rem,1.8vw,1.55rem);line-height:1.55;letter-spacing:-.022em}.muted{color:var(--grey)}.tiny{font-size:12px;color:var(--grey)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:37px;background:var(--forest);border:1px solid var(--forest);padding:17px 25px;color:white;font-size:13px;font-weight:750;line-height:1.3;transition:background .2s,transform .2s}.btn:hover{background:#163e2a;transform:translateY(-2px)}.btn.secondary{background:transparent;color:var(--ink);border-color:#88978a}.btn.cream{background:var(--white);border-color:var(--white);color:var(--ink)}.arrow-link{display:inline-flex;align-items:center;gap:35px;border-bottom:1px solid currentColor;padding:10px 0;font-size:13px;font-weight:750;transition:gap .2s}.arrow-link:hover{gap:48px}.stack{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.section{padding:clamp(88px,10vw,152px) 0}.section.tight{padding:70px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}.section-head .aside{max-width:360px;color:var(--grey)}.soft{background:#e6e9e1}.dark{background:var(--deep);color:#ecf0e9}.dark .muted{color:#b6c4bb}.split,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,7vw,130px)}
/* New home hero: expressive wordmark + true CSS 3D real-time interaction */
.institutional-hero{position:relative;overflow:hidden;background:var(--canvas)}.hero-intro{display:grid;grid-template-columns:1fr 490px;gap:30px;min-height:765px;padding:85px 0 90px;align-items:center}.hero-intro h1{font-size:clamp(4.25rem,8.4vw,9rem);line-height:.97;margin:0 0 29px;max-width:900px}.hero-intro h1 span{display:block}.hero-intro h1 .line-quiet{color:#1A6E32}.hero-intro .hero-description{max-width:490px;font-size:17px;color:#57655b;margin-bottom:33px}.hero-index{display:flex;gap:24px;align-items:center;margin-top:66px}.hero-index .line{height:1px;width:110px;background:#86988a}.hero-index span{font-size:10px;letter-spacing:.14em;font-weight:750}.hero-perimeter{position:absolute;inset:auto 0 15px;pointer-events:none;color:#8d9a8d}.hero-perimeter .container{display:flex;justify-content:space-between;border-top:1px solid #c8d0c6;padding-top:12px;font-size:10px;letter-spacing:.16em;font-weight:750;text-transform:uppercase}
.aura-stage{position:relative;height:615px;background:#14271f;border:1px solid #324638;isolation:isolate;overflow:hidden;box-shadow:25px 30px 0 #d6ded3}.aura-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(145deg,#1e362b,#101d17 55%,#1a3d2a);z-index:-2}.aura-stage:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#d8efcf11 1px,transparent 1px),linear-gradient(90deg,#d8efcf11 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to top,#000,transparent 75%);z-index:-1}.aura-glow{position:absolute;width:395px;height:430px;background:radial-gradient(ellipse,#88b68765 0%,#6c936235 32%,transparent 70%);filter:blur(22px);top:15%;left:16%;pointer-events:none;animation:light-breathe 8s ease-in-out infinite}@keyframes light-breathe{50%{transform:translate(18px,-16px) scale(1.11);opacity:.77}}.aura-corner{position:absolute;left:25px;top:25px;color:#c4d6c6;z-index:4;font-size:10px;letter-spacing:.19em;font-weight:800}.aura-corner-right{left:auto;right:25px}.aura-foot{position:absolute;bottom:22px;left:25px;right:25px;display:flex;gap:12px;align-items:center;justify-content:space-between;z-index:4;color:#dce9dc;font-size:10px;letter-spacing:.13em}.orbit-button{border:1px solid #78927c;background:#e1eee0;color:#153325;font-weight:700;font-size:11px;padding:11px 12px}.orbit-button:hover{background:#fff}.aura-stage .floormap{position:absolute;left:50%;top:60%;width:480px;height:280px;border:1px solid #98be9959;border-radius:50%;transform:translate(-50%,-50%) rotateX(65deg);box-shadow:0 0 70px #93af9052,inset 0 0 40px #6f947537}.floormap:after,.floormap:before{content:'';position:absolute;inset:29px;border:1px solid #93b29559;border-radius:50%}.floormap:after{inset:60px}.scene3d{position:absolute;left:50%;top:47%;width:320px;height:385px;transform:translate(-50%,-50%);perspective:980px;cursor:grab;touch-action:pan-y}.scene3d:active{cursor:grabbing}.architecture-model{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(-11deg) rotateY(-36deg);transition:transform .35s ease-out;will-change:transform}.tower{position:absolute;transform-style:preserve-3d;--w:200px;--h:280px;--d:118px;width:var(--w);height:var(--h);left:75px;top:40px}.tower.small{--w:95px;--h:188px;--d:92px;left:3px;top:132px;transform:translateZ(-34px)}.tower>.face{position:absolute;backface-visibility:visible;overflow:hidden;box-sizing:border-box;border:2px solid #b9c9b8}.tower>.front{width:var(--w);height:var(--h);transform:translateZ(calc(var(--d)/2));background:repeating-linear-gradient(to bottom,#d5ddcb 0px,#d5ddcb 38px,#becdb9 39px,#becdb9 41px);box-shadow:inset -18px 0 #7c987a25}.tower>.side{width:var(--d);height:var(--h);left:calc((var(--w) - var(--d))/2);transform:translateX(calc(var(--w)/2)) rotateY(90deg);background:repeating-linear-gradient(to bottom,#899f88 0px,#899f88 38px,#738875 39px,#738875 41px)}.tower>.roof{width:var(--w);height:var(--d);transform:translateY(calc(var(--d)/-2)) rotateX(90deg);top:0;background:linear-gradient(140deg,#ebefde,#9aae98);border:2px solid #d4e2d1}.window-bank{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:31px;gap:9px;padding:15px 12px}.window-bank.side-windows{grid-template-columns:repeat(2,1fr);padding:15px 8px;gap:9px}.window-bank i{background:linear-gradient(155deg,#36594b 0 54%,#93a69c 56% 65%,#2a493f 70%);border:2px solid #f2f1dc;box-shadow:inset 1px 1px 0 #ffffff66}.tower.small .window-bank{grid-template-columns:repeat(2,1fr);gap:8px;padding:12px 9px}.tower.small .side-windows{grid-template-columns:repeat(2,1fr);gap:8px;padding:12px 5px}.model-base{position:absolute;left:48px;top:310px;width:270px;height:125px;transform:rotateX(90deg) translateZ(-4px);background:#93aa8a44;border:1px solid #aec3a6a8;box-shadow:0 0 55px 20px #5d8a6966}.model-pin{position:absolute;top:21%;right:8%;color:#d8e4cf;border-left:1px solid #9fbe9d;padding-left:13px;font-size:10px;line-height:1.6;letter-spacing:.09em;z-index:4}.model-pin b{font-size:14px;display:block}
/* Editorial proof / residential photography */
.proof-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--white)}.proof-line .container{display:grid;grid-template-columns:repeat(3,1fr)}.proof-line article{padding:28px 25px;border-right:1px solid var(--line)}.proof-line article:first-child{padding-left:0}.proof-line article:last-child{border:0}.proof-line strong{display:block;font-size:15px}.proof-line span{font-size:13px;color:var(--grey)}.statement{padding:130px 0 85px}.statement h2{font-size:clamp(3.4rem,7.3vw,8rem);max-width:1100px}.statement-copy{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:48px}.statement-copy .lead{max-width:580px}.wide-photo{position:relative;height:clamp(410px,54vw,740px);overflow:hidden;background:#bcc7b7}.wide-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;filter:saturate(.8)}.wide-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b171baa 0,transparent 50%)}.wide-photo .photo-overlay{position:absolute;z-index:2;left:max(38px,calc((100vw - var(--max))/2));bottom:40px;color:#fff;max-width:600px}.wide-photo h3{font-size:clamp(2.2rem,4.5vw,4.7rem);max-width:570px}.wide-photo .image-disclaimer{font-size:11px;letter-spacing:.07em;opacity:.8}
.service-index{border-top:1px solid #c2cabe}.service-index a{display:grid;grid-template-columns:100px minmax(0,1.2fr) minmax(0,.8fr) 30px;align-items:center;gap:22px;border-bottom:1px solid #c2cabe;padding:32px 4px;transition:background .2s,padding .2s}.service-index a:hover{background:#e2e8df;padding-left:20px;padding-right:20px}.service-index .number{font-size:11px;color:#708072;letter-spacing:.13em}.service-index strong{font-size:clamp(1.7rem,3vw,3.1rem);letter-spacing:-.05em;line-height:1.1}.service-index .desc{font-size:14px;color:var(--grey)}.service-index .arrow{font-size:28px;line-height:1}
.case-section{background:#17251d;color:#eaf0e5;padding:125px 0}.case-section .kicker{color:#b3c8af}.case-section h2{max-width:1100px;margin-bottom:60px}.case-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:40px}.case-photo{aspect-ratio:1.43;position:relative;overflow:hidden;background:#34443c}.case-photo img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0}.case-photo .after{clip-path:inset(0 50% 0 0)}.case-photo input{position:absolute;z-index:5;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.case-photo .divider-line{position:absolute;top:0;bottom:0;left:50%;z-index:4;width:2px;background:#fff;pointer-events:none}.case-photo .handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:#1a291f;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;z-index:5;pointer-events:none;font-size:22px}.case-photo .label{position:absolute;top:15px;z-index:4;color:#19251f;background:#edf2e7;padding:6px 10px;font-size:10px;font-weight:750;letter-spacing:.09em}.case-photo .before-label{right:15px}.case-photo .after-label{left:15px}.case-panel{display:flex;flex-direction:column;justify-content:space-between}.case-options{display:flex;flex-direction:column;border-top:1px solid #63796a}.case-option{background:transparent;color:#c1d0c4;text-align:left;border:0;border-bottom:1px solid #63796a;padding:19px 0;display:flex;gap:24px;align-items:center;font-size:17px;transition:padding .2s}.case-option small{font-size:10px}.case-option.active{color:#fff;font-weight:800;padding-left:12px;border-left:3px solid #9ec39d}.case-panel h3{font-size:clamp(1.5rem,2.5vw,2.5rem);margin-top:38px}.case-panel p{color:#afc0b4;font-size:14px}.case-panel .arrow-link{color:#e4eee5;align-self:start}
.qualification{background:#e1e5db;padding:105px 0}.qualification h2{max-width:890px}.qualification-row{display:flex;gap:25px;align-items:start;margin:42px 0 10px}.qualification-row article{flex:1;border-top:1px solid #aebaa8;padding-top:25px}.qualification-row b{display:block;font-size:28px;font-weight:700;letter-spacing:-.04em}.qualification-row span{font-size:13px;color:var(--grey)}.service-regions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.service-regions span{border:1px solid #99aa9b;padding:12px 19px;font-size:13px;font-weight:650}.cta-band{background:#245139;color:#fff;padding:95px 0}.cta-band .container{display:flex;gap:30px;align-items:end;justify-content:space-between}.cta-band h2{max-width:840px;margin-bottom:0}.cta-band h2 em{color:#b7d7b4}
/* Secondary pages: new design is more institutional, editorial and understated */
.page-header{padding:94px 0 80px;background:#e3e6dc;border-bottom:1px solid #bec9bd;position:relative;overflow:hidden}.page-header:after{content:'YNS';font-size:clamp(190px,29vw,485px);font-weight:900;letter-spacing:-.13em;line-height:1;position:absolute;right:-38px;bottom:-128px;color:#a9c2ad26;pointer-events:none}.page-header .container{position:relative;z-index:2}.page-header h1{max-width:1050px;font-size:clamp(3.9rem,7.4vw,7.9rem);margin:18px 0 28px}.page-header .lead{max-width:680px}.page-strap{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #b4c2b4;padding-top:18px;margin-top:52px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.copy-col{max-width:795px}.copy-col p{font-size:17px;line-height:1.85}.intro-blurb{padding-top:23px}.stat-list{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:38px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{border-right:1px solid var(--line);padding:0 20px}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat strong{display:block;font-size:clamp(2.6rem,4vw,4rem);letter-spacing:-.055em}.stat span{font-size:13px;color:var(--grey)}.offer-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.offer{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:33px 24px;min-height:330px;display:flex;flex-direction:column}.offer-index{color:var(--forest);font-size:11px;letter-spacing:.11em;margin-bottom:56px}.offer h3{font-size:1.55rem}.offer p{font-size:14px;color:var(--grey);flex:1}.offer b{font-size:23px;font-weight:400}.image-text{display:grid;grid-template-columns:1.2fr .8fr;background:#dfe5db}.image-text>img{height:600px;width:100%;object-fit:cover}.image-text-copy{padding:clamp(36px,6vw,105px);align-self:center}.service-detail{display:grid;grid-template-columns:80px 1fr 1fr;gap:32px;padding:40px 0;border-top:1px solid var(--line)}.service-detail h3{font-size:clamp(1.65rem,2.9vw,2.8rem)}.service-detail p,.service-detail li{color:var(--grey)}.service-detail ul{padding-left:18px}.service-detail li{margin-bottom:9px}.paper-card{background:#fff;padding:38px;border:1px solid var(--line)}.proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.proj-item{min-width:0}.proj-item .photo{height:345px;position:relative;overflow:hidden;background:#d7e0d6}.proj-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.proj-item:hover img{transform:scale(1.045)}.proj-item .photo small{position:absolute;top:16px;left:16px;background:#f4f3eb;color:#1e2b20;padding:7px 10px;font-size:10px}.proj-item .caption{border-bottom:1px solid #c3cfc4;display:flex;justify-content:space-between;gap:15px;padding:22px 0}.proj-item .caption h3{font-size:1.5rem;margin-bottom:0}.proj-item .caption p{font-size:12px;color:var(--grey);margin-bottom:5px}.proj-item .caption b{font-size:23px;font-weight:400}.timeline{display:grid;grid-template-columns:1fr 1fr;gap:35px}.timeline-entry{display:grid;grid-template-columns:95px 1fr;gap:18px;border-top:1px solid #aebfae;padding-top:22px}.timeline-entry strong{font-size:2.6rem;letter-spacing:-.06em}.timeline-entry h3{font-size:1.3rem}.timeline-entry p{font-size:14px;color:var(--grey)}.tags{display:flex;flex-wrap:wrap;gap:9px}.tags span{font-size:12px;border:1px solid #a4baa9;padding:10px 14px}.area-cta{padding:100px 0;background:#d5dfd2}.area-cta .split{align-items:center}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-card{padding:26px;border-top:1px solid var(--line);background:#fff}.article-card p{font-size:14px}.article-card h3{font-size:1.7rem}.before-after,.compare{position:relative;overflow:hidden;--pos:50%;height:min(65vw,600px);min-height:300px;background:#bec7bd}.compare img,.before-after img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#b7beb5}.compare img.before,.before-after img.before{clip-path:inset(0 0 0 var(--pos))}.compare input,.before-after input{position:absolute;inset:0;z-index:5;width:100%;opacity:0;cursor:ew-resize}.compare:after,.before-after:after{content:'↔';z-index:4;position:absolute;top:50%;left:var(--pos);transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:white;color:black;width:52px;height:52px;font-size:24px;pointer-events:none}.compare:before,.before-after:before{content:'';position:absolute;top:0;bottom:0;left:var(--pos);z-index:3;background:white;width:2px;pointer-events:none}.pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.pair img{width:100%;height:450px;object-fit:cover}.pair>div{min-width:0}.pair small{display:block;margin-bottom:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.article-lead{max-width:800px}.article-lead p{font-size:19px;line-height:1.9}.form-panel{background:#fff;border:1px solid var(--line);padding:clamp(25px,4vw,52px)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid .full{grid-column:1/-1}.form-grid label,.form-panel label{display:block;font-size:13px;font-weight:750}.form-grid input,.form-grid select,.form-grid textarea,.form-panel input,.form-panel textarea,.form-panel select{width:100%;border:1px solid #b7c4b8;background:#f6f7f3;color:#23332a;padding:15px 14px;margin-top:7px;font-size:15px}.form-grid textarea{min-height:180px;resize:vertical}.privacy{display:flex!important;gap:12px;align-items:start;margin:23px 0}.privacy input{width:auto!important;margin-top:5px!important}.notice{padding:14px 18px;background:#e0edde;border:1px solid #89b08f;margin:18px 0}.notice.error{background:#fce9e7;border-color:#dca09a}.richtext{white-space:pre-line}.article-list{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.article-list>*{min-width:0}
/* footer as restrained corporate ledger */
.footer{background:#111d16;color:#dce7dc;padding:80px 0 23px}.footer-top{display:flex;align-items:start;justify-content:space-between;gap:35px;border-bottom:1px solid #455648;padding-bottom:60px}.footer-declaration{font-size:clamp(3rem,7.5vw,8.7rem);line-height:.97;letter-spacing:-.09em;font-weight:750;max-width:900px;margin:27px 0 0}.footer-declaration span{color:#89ad91}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:40px;padding:65px 0}.footer h4{font-size:10px;letter-spacing:.17em;color:#90a696;text-transform:uppercase;margin-bottom:23px}.footer a,.footer p{display:block;font-size:13px;margin:9px 0;color:#cfddd1}.footer a:hover{color:#fff}.footer-logo{width:145px;filter:brightness(0) invert(1);margin-bottom:16px}.footer-note{max-width:275px;color:#cfddd1}.footer-end{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #455648;padding-top:24px;font-size:11px;color:#90a696}.footer-end a{display:inline;margin:0 0 0 20px;font-size:11px}.footer-login{font-size:12px!important;color:#bddcb8!important}.footer-login:hover{color:#fff!important}
@media(max-width:1150px){.hero-intro{grid-template-columns:1fr 415px;min-height:680px}.aura-stage{height:545px}.service-index a{grid-template-columns:60px 1fr minmax(0,.75fr) 25px}.footer-grid{grid-template-columns:1.1fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}}@media(max-width:860px){.container{width:calc(100% - 46px)}.topbar .container span:last-child{display:none}.nav-inner{height:74px}.hamburger{display:block}.menu{position:absolute;top:74px;left:0;right:0;background:var(--canvas);padding:20px 23px 34px;display:none;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line);max-height:calc(100dvh - 74px);overflow:auto}.menu.open{display:flex}.menu a{padding:13px 4px;border-bottom:1px solid var(--line);font-size:16px}.menu .nav-cta{text-align:center;margin-top:14px;padding:15px}.hero-intro{grid-template-columns:1fr;gap:28px;min-height:0;padding:60px 0 75px}.hero-intro h1{font-size:clamp(3.7rem,11vw,7.4rem);max-width:850px}.hero-index{margin-top:38px}.aura-stage{height:480px;max-width:700px;box-shadow:12px 12px 0 #d6ded3}.proof-line .container{grid-template-columns:1fr}.proof-line article{padding:19px 0;border-right:0;border-bottom:1px solid var(--line)}.statement{padding:85px 0}.statement-copy,.case-grid,.split,.two-col{grid-template-columns:1fr;gap:26px}.service-index a{grid-template-columns:35px 1fr 30px;gap:12px}.service-index .desc{grid-column:2/3;grid-row:2}.service-index .arrow{grid-row:1/3;grid-column:3}.case-section{padding:85px 0}.case-photo{aspect-ratio:1.33}.case-panel{display:block}.case-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border:0}.case-option{font-size:12px;padding:12px 0;border-top:1px solid #63796a;gap:5px}.case-panel h3{margin-top:24px}.section,.qualification{padding:83px 0}.section-head{display:block}.section-head .aside{margin-top:23px}.offer-grid{grid-template-columns:repeat(2,1fr)}.proj-grid{grid-template-columns:repeat(2,1fr)}.stat-list{gap:12px}.stat{padding:0 10px}.timeline{grid-template-columns:1fr}.image-text{grid-template-columns:1fr}.image-text>img{height:420px}.image-text-copy{padding:45px 23px}.service-detail{grid-template-columns:45px 1fr;gap:12px}.service-detail>div:last-child{grid-column:2}.page-header{padding:65px 0}.page-header h1{font-size:clamp(3.2rem,10vw,6rem)}.footer-top,.cta-band .container{display:block}.footer-top .btn,.cta-band .btn{margin-top:27px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-grid>div:last-child{grid-column:auto}.article-grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){.container{width:calc(100% - 38px)}.hero-intro h1{font-size:clamp(3.05rem,12.1vw,4.9rem)}.hero-intro{padding:51px 0 72px}.aura-stage{height:420px;box-shadow:8px 8px 0 #d6ded3}.scene3d{transform:translate(-50%,-50%) scale(.75)}.model-pin{display:none}.hero-perimeter .container span:last-child{display:none}.statement h2,.case-section h2{font-size:clamp(2.6rem,10vw,4.7rem)}.statement{padding:70px 0}.wide-photo{height:470px}.wide-photo .photo-overlay{left:22px;right:22px;bottom:25px}.wide-photo h3{font-size:2.45rem}.service-index a{padding:24px 2px}.service-index strong{font-size:1.65rem}.case-photo{aspect-ratio:1.05}.case-options{display:flex;flex-direction:column;gap:0}.case-option{font-size:15px}.qualification-row{display:grid;gap:22px}.qualification h2{font-size:clamp(2.4rem,9.6vw,4.8rem)}.section{padding:70px 0}.offer-grid,.proj-grid,.article-grid,.article-list{grid-template-columns:1fr}.offer{min-height:260px}.offer-index{margin-bottom:29px}.proj-item .photo{height:360px}.form-grid{grid-template-columns:1fr}.form-panel{padding:24px 16px}.pair img{height:270px}.stat-list{grid-template-columns:1fr}.stat{padding:15px 0;border-right:0;border-bottom:1px solid var(--line)}.footer{padding-top:55px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px;padding:48px 0}.footer-grid>div:first-child{grid-column:1/-1}.footer-declaration{font-size:clamp(2.5rem,11vw,4.2rem)}.footer-end{display:block}.footer-end span{display:block;margin:10px 0}.footer-end a{margin:0 15px 0 0}.page-strap span:last-child{display:none}.timeline-entry{grid-template-columns:73px 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Contact and comparison details */
.contact-layout{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:clamp(30px,7vw,105px);align-items:start}.contact-layout aside{position:sticky;top:120px}.form-card{background:var(--white);border:1px solid #ced7cb;padding:clamp(25px,4vw,50px);box-shadow:12px 12px 0 #dce3d7}.form-card h3{font-size:2rem;margin-bottom:12px}.form-card label{display:block;font-size:13px;font-weight:750}.form-grid label{min-width:0}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;border:1px solid #b7c4b8;background:#f6f7f3;color:#23332a;padding:15px 14px;margin-top:7px;font-size:15px}.form-grid textarea{min-height:175px;resize:vertical}.office-hours{border-collapse:collapse;width:100%;max-width:460px;margin:24px 0}.office-hours td{padding:12px 6px;border-bottom:1px solid #bbc8ba;font-size:14px}.office-hours td:last-child{text-align:right}.compare .bar{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:#fff;z-index:3;pointer-events:none}.compare-label{position:absolute;z-index:4;background:#f0f3e9;color:#1a291e;font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;padding:8px 11px;top:20px}.compare-label.left{left:20px}.compare-label.right{right:20px}.pair{margin-top:36px}.pair figure{margin:0}.pair figcaption{font-size:11px;color:var(--grey);letter-spacing:.12em;text-transform:uppercase;margin-top:12px}.compare img{object-fit:cover}.compare:focus-within{outline:3px solid #62ac6a;outline-offset:4px}.service-detail a{margin-top:10px}main{overflow:clip}
@media(max-width:860px){.contact-layout{grid-template-columns:1fr}.contact-layout aside{position:static}}@media(max-width:580px){.form-card{padding:25px 16px;box-shadow:5px 5px 0 #dce3d7}.office-hours td{font-size:12px}.compare-label{font-size:9px;padding:7px}}

/* YNS V3.1 — evidence-led architectural edition */
.hamburger{font-size:0;display:none;align-items:center;justify-content:center;cursor:pointer}
.menu-glyph,.menu-glyph::before,.menu-glyph::after{display:block;width:23px;height:2px;background:currentColor;border-radius:2px;position:relative;transition:transform .2s ease}
.menu-glyph::before,.menu-glyph::after{content:"";position:absolute;left:0}.menu-glyph::before{top:-7px}.menu-glyph::after{top:7px}
.hamburger[aria-expanded="true"] .menu-glyph{background:transparent}.hamburger[aria-expanded="true"] .menu-glyph:before{top:0;transform:rotate(45deg)}.hamburger[aria-expanded="true"] .menu-glyph:after{top:0;transform:rotate(-45deg)}
@media(max-width:860px){.hamburger{display:flex}}

/* Useful 3D interface: interactive hotspots + fact navigation */
.aura-stage{height:710px;background:#14261d;box-shadow:18px 22px 0 #d7ded4}
.aura-stage:before{background:radial-gradient(ellipse at 58% 38%,#335641 0%,#1a3227 43%,#101e18 100%)}
.aura-glow{opacity:.7}
.aura-stage .scene3d{top:37%;transform:translate(-50%,-50%) scale(.86);z-index:2}
.aura-stage .floormap{top:45%;opacity:.75}
.aura-corner{top:19px;left:20px;font-size:9px}.aura-corner-right{left:auto;right:19px}
.fact-hotspot{position:absolute;z-index:6;border:1px solid #acd4ad77;color:#e5f3df;box-shadow:0 5px 22px #08170f99;backdrop-filter:blur(8px);background:#163024e3;min-height:38px;padding:9px 13px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background .2s,transform .2s;font-family:Arial,sans-serif}
.fact-hotspot:hover,.fact-hotspot[aria-pressed="true"]{background:#dcebd0;color:#14241b;transform:translateY(-2px)}
.fact-hotspot span{font-size:10px;opacity:.7}.fact-hotspot b{font-size:10px;letter-spacing:.12em}
.hotspot-one{left:6%;top:22%}.hotspot-two{right:5%;top:34%}.hotspot-three{left:7%;top:53%}
.stage-fact-info{position:absolute;left:17px;right:17px;bottom:65px;z-index:5;background:#0c1b15ed;border:1px solid #64887577;color:#f0f4ea;padding:14px 17px 18px;backdrop-filter:blur(11px);min-height:172px}
.fact-selector{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid #43584b;margin-bottom:15px;padding-bottom:10px}
.fact-selector button{font-family:Arial,sans-serif;border:1px solid transparent;background:transparent;color:#c7d8c7;letter-spacing:.04em;font-size:11px;cursor:pointer;padding:7px 10px}
.fact-selector button[aria-pressed="true"],.fact-selector button:hover{border-color:#aac5a6;color:#fff;background:#3d6548}
.stage-fact-content .mini-label{display:block;font-size:9px;letter-spacing:.15em;color:#adc8ad;margin-bottom:8px}
.stage-fact-content p{font-size:11px;color:#c5d6c9;margin:8px 0 0;line-height:1.45}
.stage-fact-stat{display:flex;align-items:end;gap:12px}.stage-fact-stat strong{font-size:clamp(30px,3.2vw,42px);font-weight:740;letter-spacing:-.07em;line-height:1}.stage-fact-stat span{font-size:11px;color:#e2ece2;padding-bottom:4px}
.stage-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stage-mini-grid article{min-width:0}.stage-mini-grid b{font-size:clamp(21px,2vw,30px);line-height:1.15;display:block;color:white}.stage-mini-grid article span{color:#c3d6c6;font-size:10px;line-height:1.45;display:block;margin-top:3px}
.stage-tag-grid{display:flex;flex-wrap:wrap;gap:6px}.stage-tag-grid span{display:inline-flex;background:#304e3e;padding:5px 9px;color:#e7f1e4;font-size:10px}
.stage-fact-content a{font-size:11px;color:#e2f4dd;text-decoration:underline;text-underline-offset:3px}
.aura-foot{left:19px;right:19px;bottom:17px;letter-spacing:.04em;font-size:9px}.orbit-button{white-space:nowrap}
.evidence-strip{padding:78px 0;background:#e8eee4;border-bottom:1px solid #c7d0c4}.evidence-inner{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(30px,6vw,95px)}
.evidence-intro h2{font-size:clamp(2.7rem,5vw,5.5rem);line-height:1.03;letter-spacing:-.07em;margin:0 0 17px}.evidence-intro h2 em{font-weight:400;color:var(--yns-logo-green)}.evidence-intro p{max-width:410px;color:#4e5e51;font-size:14px}
.evidence-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-content:center}.evidence-numbers article{border-left:1px solid #94aa98;padding-left:18px}.evidence-numbers strong{font-size:clamp(2.5rem,4.2vw,4.9rem);display:block;letter-spacing:-.085em;line-height:1.15;color:#193326}.evidence-numbers strong small{font-size:.52em}.evidence-numbers article span{font-size:12px;color:#3d5645}.data-note{grid-column:1/-1;font-size:11px;color:#6a796b;line-height:1.6;padding-left:18px}.data-note a{text-decoration:underline;color:var(--yns-logo-green);text-underline-offset:2px}
.residential-story{background:#f6f6f0}.story-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:33px}.story-card{display:block;min-width:0;border-bottom:1px solid #afbbad;padding-bottom:20px}.story-card .story-img{height:clamp(210px,22vw,290px);background:#d4dbd0;overflow:hidden}.story-img img{height:100%;width:100%;object-fit:cover;transition:transform .45s ease}.story-card:hover .story-img img{transform:scale(1.035)}.story-card .photo-cover img{object-fit:contain;background:#263a31}.story-card>span{font-size:10px;color:var(--yns-logo-green);display:block;letter-spacing:.17em;font-weight:750;margin:22px 0 13px}.story-card h3{font-size:clamp(1.55rem,2vw,2.3rem);line-height:1.08;margin:0 0 13px;letter-spacing:-.05em}.story-card p{font-size:14px;color:#5b685f;line-height:1.55;margin-bottom:19px}.story-card strong{font-size:13px;color:var(--yns-logo-green)}.illustration-note{font-size:11px;color:#697569;margin-top:17px;line-height:1.5}
/* Keep entire original facade visible instead of zooming a portrait into a landscape crop */
.case-photo{background:radial-gradient(ellipse at center,#425a48,#182b20)}
.case-photo::before{content:"";position:absolute;inset:-30px;background-image:url('../img/facade-after.webp');background-size:cover;background-position:center;filter:blur(24px) brightness(.44);opacity:.9;z-index:0}
.case-photo img{z-index:1;object-fit:contain!important;object-position:center!important;transform:none!important;filter:none;max-width:100%;max-height:100%}
.case-photo .divider-line,.case-photo .label{z-index:3}.case-photo .handle,.case-photo input{z-index:5}
.case-photo::after{content:"Originalaufnahmen · Fassade";position:absolute;left:13px;bottom:13px;background:#0b1a15a8;color:#fff;padding:6px 8px;z-index:3;font:10px Arial,sans-serif;letter-spacing:.04em;pointer-events:none}
.proj-item .photo img[src*="facade"],.proj-item .photo img[src*="facade-after"]{object-fit:contain!important;object-position:center;background:#30493c}
.facade-comparison{background:#273d31}.facade-comparison img{object-fit:contain!important;object-position:center!important;background:transparent!important;transform:none!important}
.pair img.full-facade-image{object-fit:contain!important;object-position:center;background:#273d31}
/* Higher-information service + company pages */
.service-photo-band{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;background:#172b20;padding:5px 5px 36px;position:relative}.service-photo-band>div{position:relative;height:330px;overflow:hidden}.service-photo-band img{width:100%;height:100%;object-fit:cover}.service-photo-band>div:nth-child(2) img{object-fit:contain;background:#324438}.service-photo-band span{position:absolute;left:19px;bottom:19px;letter-spacing:.18em;font-size:11px;font-weight:750;background:#172820d9;color:#fff;padding:9px 11px}.service-photo-band>p{position:absolute;bottom:7px;left:14px;color:#b8cbbd;font-size:10px;margin:0}
.company-detail{background:#e8ede5}.company-steps article{border-top:1px solid #b4c3b4;display:grid;grid-template-columns:55px 1fr;gap:14px;padding:19px 0}.company-steps article b{font:12px Arial,sans-serif;color:var(--yns-logo-green);padding-top:4px}.company-steps h3{font-size:1.5rem;margin:0 0 8px}.company-steps p{font-size:14px;color:#5e6a60;margin:0}
@media(max-width:1150px){.aura-stage{height:660px}.aura-stage .scene3d{transform:translate(-50%,-50%) scale(.78)}.aura-stage .floormap{width:380px}.stage-fact-info{padding:12px 12px 14px}.hero-intro{min-height:800px}}
@media(max-width:860px){.hero-intro{min-height:0}.aura-stage{height:660px}.aura-stage .scene3d{transform:translate(-50%,-50%) scale(.9)}.evidence-inner{grid-template-columns:1fr;gap:24px}.evidence-strip{padding:55px 0}.story-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.service-photo-band>div{height:240px}}
@media(max-width:580px){.aura-stage{height:580px;margin-bottom:0;box-shadow:6px 8px 0 #d7ded4}.aura-stage .scene3d{top:31%;transform:translate(-50%,-50%) scale(.66)}.aura-stage .floormap{top:38%;width:310px;height:230px}.hotspot-one{left:3%;top:22%}.hotspot-two{right:3%;top:32%}.hotspot-three{left:3%;top:43%}.fact-hotspot{min-height:31px;padding:6px}.fact-hotspot b{font-size:8px}.fact-hotspot span{font-size:9px}.aura-corner{font-size:8px;left:12px;top:12px}.aura-corner-right{right:12px}.stage-fact-info{left:8px;right:8px;bottom:51px;min-height:175px;padding:12px 11px}.fact-selector{gap:2px}.fact-selector button{font-size:10px;padding:7px 8px}.aura-foot{bottom:9px;left:9px;right:9px;font-size:8px}.aura-foot>span{max-width:55%}.orbit-button{font-size:10px}.stage-mini-grid{gap:3px}.stage-mini-grid b{font-size:23px}.stage-mini-grid article span{font-size:9px}.evidence-numbers{gap:7px}.evidence-numbers article{padding-left:8px}.evidence-numbers strong{font-size:clamp(2.1rem,9vw,3.5rem)}.evidence-numbers article span{font-size:10px}.data-note{padding:0;font-size:10px}.story-cards{grid-template-columns:1fr;gap:26px}.story-card .story-img{height:260px}.service-photo-band{grid-template-columns:repeat(2,1fr)}.service-photo-band>div{height:200px}.service-photo-band>div:last-of-type{display:none}.case-photo{aspect-ratio:1.05}.case-photo::after{font-size:8px}.story-card h3{font-size:2rem}.evidence-intro h2{font-size:3.2rem}}
@media(prefers-reduced-motion:reduce){.fact-hotspot,.story-img img{transition:none}}
/* YNS ESTATE V3.2 — targeted refinement of the restored V3.1 design. */
:root{--service-blue:#149fd7;--architect-gold:#dcc142}
.nav-wrap{position:sticky!important;top:0;z-index:130;box-shadow:0 7px 24px #1324190b}
.nav-inner{gap:16px}
.menu{gap:clamp(10px,1.3vw,19px)}
.menu>a{white-space:nowrap;font-size:11.5px}
.menu>a[aria-current="page"]{color:var(--forest);box-shadow:inset 0 -2px var(--forest)}
.menu .service-nav:hover{color:#167e9e}.menu .architect-nav:hover{color:#a08322}
.hero-intro{padding-top:27px;padding-bottom:46px;min-height:650px;align-items:center}
.hero-intro h1{font-size:clamp(4rem,7.35vw,8rem)}
.hero-index{margin-top:42px}
.aura-stage{height:640px;box-shadow:14px 18px 0 #d6ded3}
.aura-stage .scene3d{left:69%;top:43%;transform:translate(-50%,-50%) scale(.73);touch-action:pan-y}
.aura-stage .floormap{left:69%;top:46%;width:310px;height:210px}
.fact-hotspots{pointer-events:none}.fact-hotspot{pointer-events:auto}
.fact-hotspot b{font-size:9px}.fact-hotspot{padding:7px 9px;min-height:30px}
.hotspot-one{left:auto;right:7%;top:23%}.hotspot-two{left:auto;right:2%;top:41%}.hotspot-three{left:auto;right:9%;top:60%}.hotspot-four{left:auto;right:5%;top:74%}
.fact-selector-left{position:absolute;top:81px;left:16px;width:194px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;z-index:7;border:0;padding:0;margin:0}
.fact-selector-left button{padding:13px 8px;border:1px solid #65826c;background:#243b2e;color:#eaf3e5;border-radius:1px;font-size:10px;min-height:45px}
.fact-selector-left button[aria-pressed="true"]{background:#dcebd3;color:#183427;border-color:#edf5e6}
.stage-fact-info{left:16px;right:auto;width:232px;top:211px;bottom:auto;min-height:180px;padding:16px}
.stage-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.stage-mini-grid article:last-child{grid-column:1/-1}
.aura-stage[data-active-fact="aktivitaet"] .tower>.front,
.aura-stage[data-active-fact="leistung"] .tower>.front{border-color:#dfecc3;box-shadow:inset -8px 0 #cfe1c717,0 0 10px #d5f6be}
.aura-stage[data-active-fact="region"] .tower>.side{border-color:#f5dda6;box-shadow:0 0 17px #e7cc8eaa}
.aura-stage[data-active-fact="projekt"] .tower>.roof{border-color:#dcecc4;box-shadow:0 0 15px #bde0ba99}
.aura-stage .scene3d:focus-visible{outline:3px solid #d0f0be;outline-offset:4px}
.stage-fact-content p{line-height:1.5}
.group-showcase{background:#e9eee5;border-block:1px solid #d2dcd0}
.group-heading{display:grid;grid-template-columns:1fr .75fr;align-items:end;gap:55px;margin-bottom:35px}
.group-heading h2{font-size:clamp(2.8rem,5.5vw,6rem);margin:12px 0 0}
.group-heading p{font-size:15px;color:#526157;max-width:465px;line-height:1.7;margin:0}
.group-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.group-card{min-height:440px;background:#1a261f;position:relative;overflow:hidden;color:#fff;display:block;isolation:isolate;border:1px solid #d5e2d5}
.group-card .group-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .4s ease}
.group-card .group-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0e161214 3%,#12231bce 52%,#081b12f3 100%)}
.group-card .group-card-content{position:absolute;inset:auto 24px 23px;z-index:2}
.group-brand-logo{width:185px;height:74px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1);margin-bottom:22px}
.group-card.group-service .group-brand-logo{filter:none;width:183px}
.group-card.group-architect .group-brand-logo{filter:none;width:183px}
.group-card-number{font-size:10px;letter-spacing:.16em;color:#d0dbc9;display:block;margin-bottom:9px;font-weight:700}
.group-card h3{font-size:clamp(1.55rem,2.2vw,2.25rem);line-height:1.12;max-width:325px;margin:0 0 12px}
.group-card p{font-size:12px;color:#dde9db;line-height:1.6;max-width:330px;margin:0 0 22px}
.group-card-more{display:inline-block;border:1px solid #a5b9a6;padding:10px 16px;font-weight:700;font-size:11px;transition:background .2s,color .2s}
.group-card:hover .group-photo,.group-card:focus-visible .group-photo{transform:scale(1.045);filter:saturate(1.13)}
.group-card:hover .group-card-more,.group-card:focus-visible .group-card-more{background:#fff;color:#1d3b29}
.group-service .group-card-number{color:#9cddfb}.group-architect .group-card-number{color:#f0e08e}
.group-footnote{color:#66736a;font-size:11px;line-height:1.65;margin:21px 0 0}
/* Editable vertical company milestones: real accessible timeline, never decorative fake metrics */
.milestone-rail{display:block!important;position:relative;max-width:1040px;margin:40px auto 0;padding:8px 0 5px}
.milestone-rail:before{content:"";position:absolute;left:142px;top:0;bottom:0;width:2px;background:linear-gradient(#758f75,#bdd0b3)}
.milestone-rail .timeline-entry{position:relative;display:grid;grid-template-columns:120px 1fr;align-items:start;gap:52px;margin:0;padding:0 0 58px;background:transparent;border:0}
.milestone-rail .timeline-entry:last-child{padding-bottom:5px}
.milestone-rail .milestone-date{font-size:clamp(1.5rem,3vw,2.8rem);letter-spacing:-.06em;font-weight:750;color:var(--yns-logo-green);line-height:1.15;display:block;text-align:right}
.milestone-rail .timeline-node{position:absolute;left:134px;top:8px;width:18px;height:18px;border:4px solid #e4e8dc;background:#2b6645;border-radius:50%;box-shadow:0 0 0 2px #76967b}
.milestone-rail .milestone-copy{background:#fafbf7;border:1px solid #cdd8cb;padding:28px 33px;box-shadow:9px 9px 0 #d3ddcf}
.milestone-rail .milestone-copy h3{font-size:clamp(1.5rem,2.9vw,2.45rem);margin-bottom:15px;line-height:1.11}
.milestone-rail .milestone-copy p{font-size:14px;color:#556559;line-height:1.7;margin:0}
.milestone-rail .milestone-image{margin-top:23px;max-width:460px;max-height:290px;object-fit:contain;object-position:left top}
.timeline-preview{background:#e1e8dc}
.timeline-link{display:inline-block;margin-top:22px;border-bottom:1px solid #2b6447;font-weight:750;font-size:13px;color:var(--yns-logo-green);padding-bottom:7px}
/* Original photo should be fully visible and start at its top, without oversized zoom */
.story-card .story-img.photo-cover{display:flex;align-items:flex-start;justify-content:center;background:#dde6dc}
.story-card .story-img.photo-cover img{height:100%;width:100%;object-fit:contain!important;object-position:center top!important;transform:none!important}
.proj-item .photo.facade-frame img{object-fit:contain!important;object-position:center top!important;transform:none!important;background:#e0e6dc}
.case-photo img{object-fit:contain!important;object-position:center top!important}
.compare img,.pair img{object-position:center top!important}
.facade-comparison img,.pair img.full-facade-image{object-fit:contain!important;object-position:center top!important}
.service-index a{grid-template-columns:100px minmax(0,1.2fr) minmax(0,.8fr);}
.division-hero{padding:65px 0 72px;background:#edf1e8}
.division-hero-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(35px,5vw,85px);align-items:center}
.division-lead .division-logo{width:180px;max-height:90px;object-fit:contain;object-position:left center;margin:24px 0 26px}
.division-lead .division-logo.logo-other{width:280px;max-height:100px}
.division-lead h1{font-size:clamp(3.2rem,5.8vw,6rem);letter-spacing:-.065em;line-height:1.06}
.division-lead p{font-size:16px;line-height:1.65;max-width:550px}
.division-lead .stack{display:flex;align-items:center;flex-wrap:wrap;gap:21px;margin-top:32px}
.quiet-link{font-size:13px;border-bottom:1px solid #417457;padding-bottom:6px}
.division-visual{height:520px;position:relative;background:#283b30;box-shadow:16px 17px 0 #d9e1d6;overflow:hidden}
.division-visual>img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.division-visual:hover>img{transform:scale(1.035)}
.division-visual-label{position:absolute;bottom:15px;right:15px;letter-spacing:.17em;font-size:10px;color:#fff;background:#172720cb;padding:13px 17px}
.division-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.division-service{background:#fff;border:1px solid #c9d3c7;padding:27px;transition:background .2s,box-shadow .2s}
.division-service:hover,.division-service:focus-visible{background:#e4ecdf;box-shadow:6px 8px 0 #c7d3c4}
.division-service>span{display:block;color:var(--yns-logo-green);letter-spacing:.1em;font-size:12px;margin-bottom:30px}
.division-service h3{font-size:clamp(1.4rem,2.25vw,2.2rem)}
.division-service p{font-size:14px;max-width:500px;color:#647064;min-height:50px}
.division-service strong{font-size:12px;color:var(--yns-logo-green)}
.group-related{background:#e4e9df}
.group-related h2{font-size:clamp(2.8rem,5vw,5.5rem)}
.group-related .lead{max-width:590px}
.group-related-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
.group-related-links a{border:1px solid #99ad98;padding:12px 20px;font-size:13px;font-weight:750;background:#f5f7f0}
.group-related-links a:hover{background:#284b36;color:white}
@media(max-width:1190px){.hamburger{display:flex;align-items:center;justify-content:center}.menu{position:absolute;top:100%;left:0;right:0;background:#f0f2ec;padding:20px 24px 32px;display:none;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 24px #122e1b22;max-height:calc(100dvh - 78px);overflow-y:auto}.menu.open{display:flex}.menu>a{padding:12px 8px;border-bottom:1px solid #c8d5cb;font-size:14px}.menu>a.nav-cta{margin-top:16px;text-align:center}.hero-intro{grid-template-columns:minmax(0,1fr) 460px;min-height:0;padding:26px 0 50px}.hero-intro h1{font-size:clamp(4rem,6vw,6.2rem)}.aura-stage{height:635px}}
@media(max-width:980px){.hero-intro{grid-template-columns:1fr;gap:44px}.aura-stage{width:min(100%,720px);height:620px;margin:auto}.hero-text{max-width:800px}.hero-index{margin-top:25px}.aura-stage .scene3d{left:67%;top:43%;transform:translate(-50%,-50%) scale(.8)}.group-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.group-card{min-height:400px}.group-card:last-child{grid-column:1/-1;min-height:360px}.group-heading{grid-template-columns:1fr;gap:20px}.division-hero-inner{grid-template-columns:1fr}.division-visual{height:430px}.milestone-rail{max-width:100%}}
@media(max-width:680px){.topbar .container{padding:5px 0}.nav-inner{height:67px}.container{width:calc(100% - 36px)}.hero-intro{padding-top:16px;padding-bottom:34px;gap:31px}.hero-intro h1{font-size:clamp(3.05rem,12vw,5rem)}.aura-stage{height:610px;box-shadow:6px 7px 0 #d6ded3}.aura-stage .scene3d{top:30%;left:50%;transform:translate(-50%,-50%) scale(.72)}.aura-stage .floormap{top:31%;left:50%;width:290px}.fact-hotspots{display:none}.fact-selector-left{top:357px;left:10px;width:calc(100% - 20px);grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.fact-selector-left button{font-size:10px;padding:7px 2px;min-height:41px}.stage-fact-info{top:408px;left:10px;right:10px;width:auto;min-height:135px;padding:10px 13px}.stage-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stage-mini-grid article:last-child{grid-column:auto}.stage-mini-grid b{font-size:22px}.aura-foot{bottom:8px;font-size:8px}.orbit-button{padding:8px}.aura-corner-right{display:none}.group-cards{grid-template-columns:1fr;gap:12px}.group-card,.group-card:last-child{grid-column:auto;min-height:390px}.group-heading h2{font-size:clamp(2.8rem,11vw,4rem)}.milestone-rail:before{left:16px}.milestone-rail .timeline-entry{grid-template-columns:1fr;gap:10px;margin-left:45px;padding-bottom:35px}.milestone-rail .timeline-node{left:-36px;top:4px}.milestone-rail .milestone-date{text-align:left;font-size:1.4rem}.milestone-rail .milestone-copy{padding:22px;box-shadow:5px 6px 0 #d1ddce}.milestone-rail .milestone-copy h3{font-size:1.6rem}.division-hero{padding:34px 0 50px}.division-lead h1{font-size:clamp(2.85rem,11vw,4.5rem)}.division-visual{height:295px;box-shadow:8px 9px 0 #d9e1d6}.division-services{grid-template-columns:1fr}.division-service p{min-height:0}.group-related-links{display:flex;flex-direction:column}.group-related-links a{width:100%}.service-index a{grid-template-columns:50px 1fr;gap:8px}.service-index a .desc{grid-column:2}.story-card .story-img.photo-cover{height:350px}}
@media(prefers-reduced-motion:reduce){.group-card .group-photo,.division-visual>img{transition:none}}

/* YNS ESTATE V3.3 – Brand precision, native mobile layout & accessible comparisons */
:root{--forest:#1A6E32;--yns-logo-green:#1A6E32;--yns-forest-deep:#145526;--yns-forest-soft:#dcebdd}
html{scroll-padding-top:92px}
.nav-wrap{position:sticky;top:0;z-index:150}
.hero-intro h1 .line-quiet,main:not(.dark) em,.group-heading em,.residential-story em{color:var(--yns-logo-green)!important}
.btn,.menu a.nav-cta,.group-card-more:hover{border-color:var(--yns-logo-green)}
.btn:not(.secondary):not(.cream),.menu a.nav-cta{background:var(--yns-logo-green);color:white}
.btn:not(.secondary):not(.cream):hover,.menu a.nav-cta:hover{background:#145526}
.kicker,.menu a.current,.menu a:hover,.arrow-link:hover,.timeline-link{color:var(--yns-logo-green)}
.case-photo .handle{display:flex;align-items:center;justify-content:center;background:#fff;color:var(--yns-logo-green);border:2px solid var(--yns-logo-green);box-shadow:0 3px 22px #10251b67,0 0 0 5px #ffffff35;width:64px;height:64px;z-index:6}
.case-photo .handle svg{display:block;filter:none}
.case-photo input{z-index:7;touch-action:pan-y;cursor:ew-resize}
.case-photo input:focus-visible{outline:3px solid var(--yns-logo-green);outline-offset:-3px;opacity:.09}
.case-photo:hover .handle,.case-photo:focus-within .handle{box-shadow:0 4px 24px #10251b75,0 0 0 8px #f2fff04a}
.group-card-content{left:24px;right:24px;display:flex;flex-direction:column;align-items:flex-start;min-height:330px}
.group-brand-logo,.group-card.group-service .group-brand-logo,.group-card.group-architect .group-brand-logo{width:190px;height:80px;max-height:80px;object-position:left center;object-fit:contain;margin:0 0 18px;flex:0 0 80px}
.group-card-number{margin-top:0}
.group-card .group-photo{object-position:center 45%}
.group-card.group-service .group-photo{object-position:center 43%}
.group-card.group-architect .group-photo{object-position:center 44%}
.story-img-interior img{object-fit:cover;object-position:50% 38%;height:100%;width:100%}
@media(min-width:681px) and (max-width:1190px){
  .institutional-hero{padding-bottom:0}
  .hero-intro{padding-bottom:72px}
  .hero-perimeter{bottom:8px}
  .evidence-strip{padding-top:105px}
  .group-card-content{min-height:315px}
}
@media (min-width:681px) and (max-width:980px){.hero-intro{padding-bottom:85px}.evidence-strip{padding-top:110px}}
@media (max-width:680px){
 .hero-intro{padding-bottom:38px}
 .hero-perimeter{bottom:4px}
 .evidence-strip{padding-top:74px}
 .group-card-content{min-height:280px}
 .group-brand-logo,.group-card.group-service .group-brand-logo,.group-card.group-architect .group-brand-logo{width:170px;height:72px;flex-basis:72px;margin-bottom:14px}
 .case-photo .handle{width:55px;height:55px}.case-photo .handle svg{width:37px}
}
@media(prefers-reduced-motion:reduce){.case-photo .handle{transition:none}}

@media(min-width:681px){.group-card-content{height:360px;min-height:360px}}
@media(max-width:680px){.group-card-content{height:320px;min-height:320px}}


/* YNS V3.5 — corporate trust, owner profile & privacy */
:root{--yns-logo-green:#1A6E32;--forest:#1A6E32}
.hero-intro{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(25px,4vw,62px);min-height:650px;padding:40px 0 64px}
.hero-intro h1{font-size:clamp(3.8rem,6.75vw,7.8rem);line-height:1.02}
.hero-text .hero-description{max-width:580px;font-size:17px;line-height:1.8}
.hero-index{margin-top:42px}
.trust-stage{height:590px;position:relative;overflow:hidden;background:#17221b;border:1px solid #34483a;box-shadow:20px 22px 0 #d9e2d5;color:#fff;isolation:isolate}
.trust-stage-photo{position:absolute;inset:0;overflow:hidden}
.trust-stage-photo img{width:100%;height:100%;object-fit:cover;object-position:52% 28%;filter:saturate(.82) brightness(.75);transition:transform 1s cubic-bezier(.22,.72,.14,1),filter .5s}
.trust-stage:has(.trust-tabs button:hover) .trust-stage-photo img,.trust-stage:hover .trust-stage-photo img{transform:scale(1.045);filter:saturate(.95) brightness(.7)}
.trust-stage-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,19,11,.06) 0%,rgba(6,17,11,.42) 47%,rgba(7,18,13,.94) 100%)}
.photo-authentic{position:absolute;top:24px;left:25px;z-index:2;background:rgba(10,22,15,.8);border:1px solid #aac1aa80;backdrop-filter:blur(12px);font-size:10px;letter-spacing:.12em;font-weight:800;padding:12px 14px;max-width:80%}
.trust-stage-insight{position:absolute;bottom:0;left:0;right:0;padding:27px;z-index:3}
.trust-stage-top{display:flex;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid #dde9d55e;font-size:10px;font-weight:700;letter-spacing:.13em;color:#d8e8db}
.trust-stage-focus{padding:19px 0 20px;min-height:186px}
.trust-stage-focus>span{display:block;color:#a9cfad;font-size:10px;letter-spacing:.16em;font-weight:800}
.trust-stage-focus>strong{display:block;font-size:clamp(2.8rem,5.8vw,5rem);line-height:1.05;letter-spacing:-.07em;margin:8px 0 3px}
.trust-stage-focus h3{font-size:clamp(1.45rem,2.1vw,1.9rem);margin-bottom:8px;line-height:1.15}
.trust-stage-focus p{font-size:12px;max-width:480px;color:#d8e6d9;margin:0;line-height:1.6}
.trust-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.trust-tabs button{border:1px solid rgba(224,240,222,.45);background:rgba(5,16,9,.46);color:#f3f6f0;padding:11px 5px;font-size:11px;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.trust-tabs button.active,.trust-tabs button[aria-pressed="true"]{background:var(--forest);border-color:#c7e5bf;color:#fff}
.trust-tabs button:hover{background:#245938;border-color:#b7ddaa;transform:translateY(-2px)}
.trust-link{display:inline-flex;align-items:center;gap:16px;margin-top:16px;color:#eff6ed;font-size:11px;font-weight:800;border-bottom:1px solid #cfe1d58c;padding-bottom:7px}
.trust-link:hover{color:#bee4ba}
.owner-cred{background:#e1e9de;padding:64px 0;border-top:1px solid #b4c7b5;border-bottom:1px solid #b4c7b5}
.owner-cred-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center}
.owner-cred h2{font-size:clamp(2.5rem,4.3vw,5.1rem);margin:0}
.cred-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.cred-items article{border-top:1px solid #94ac96;padding-top:15px}
.cred-items strong{display:block;font-size:clamp(2rem,3.1vw,3.8rem);font-weight:780;letter-spacing:-.06em;line-height:1.05;margin-bottom:8px;color:#153721}
.cred-items span{font-size:12px;color:#405a49;line-height:1.55}
.profile-section{background:#e4e9e0}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}
.profile-grid h2{font-size:clamp(2.8rem,5vw,6rem)}
.profile-facts{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.profile-facts>div{background:#fbfbf6;border:1px solid #cad5c8;padding:24px}
.profile-facts strong{display:block;font-size:clamp(1.6rem,2.6vw,3rem);font-weight:800;line-height:1.1;color:#1A6E32;margin-bottom:10px;letter-spacing:-.06em}
.profile-facts span{font-size:13px;color:#415246}
.architect-lead{margin-top:30px;padding:30px;background:#e5ebe2;border-left:4px solid #c4a918}
.architect-lead h3{font-size:1.8rem;margin:10px 0}
.architect-lead p{max-width:700px}
.privacy-note{position:fixed;left:16px;bottom:16px;z-index:500;max-width:560px;display:flex;align-items:center;gap:20px;padding:20px 22px;background:#15271b;color:#fff;border:1px solid #86ab87;box-shadow:0 18px 60px rgba(0,0,0,.28)}
.privacy-note[hidden]{display:none!important}
.privacy-note strong{font-size:14px}
.privacy-note p{font-size:12px;color:#d8e6d9;margin:6px 0 0;line-height:1.55}
.privacy-note a{text-decoration:underline;color:#d9f6d5}
.privacy-note button{background:#dbeadc;color:#163423;border:0;padding:12px 16px;font-size:12px;font-weight:800;white-space:nowrap}
.privacy-note button:hover{background:#fff}
.copy-col h3{margin:30px 0 13px}
.copy-col p{line-height:1.75}
[data-company-email],[data-company-phone]{overflow-wrap:anywhere}
@media(max-width:1050px){.hero-intro{grid-template-columns:1fr;gap:37px;min-height:0;padding:40px 0 62px}.trust-stage{width:min(100%,760px);height:600px;box-shadow:11px 13px 0 #d9e2d5}.hero-intro h1{font-size:clamp(3.5rem,8.1vw,6rem)}.owner-cred-grid{gap:40px}}
@media(max-width:760px){.owner-cred-grid,.profile-grid{grid-template-columns:1fr;gap:30px}.owner-cred{padding:50px 0}.profile-facts{gap:10px}}
@media(max-width:580px){.hero-intro{padding:24px 0 52px;gap:29px}.hero-intro h1{font-size:clamp(2.8rem,11vw,4.7rem);overflow-wrap:normal}.hero-text .hero-description{font-size:15px}.trust-stage{height:570px;box-shadow:6px 7px 0 #d9e2d5}.trust-stage-insight{padding:17px}.trust-stage-focus{padding:14px 0 18px;min-height:178px}.trust-stage-focus strong{font-size:3.3rem}.trust-stage-focus h3{font-size:1.4rem}.trust-tabs{gap:4px}.trust-tabs button{font-size:10px;padding:10px 3px}.photo-authentic{left:15px;top:15px;font-size:9px;padding:10px}.owner-cred h2{font-size:clamp(2.5rem,10vw,4.1rem)}.cred-items{gap:14px}.cred-items article strong{font-size:2.3rem}.profile-facts>div{padding:16px}.privacy-note{left:8px;right:8px;bottom:8px;max-width:none;padding:14px;display:block}.privacy-note button{margin-top:12px;width:100%}}
@media(prefers-reduced-motion:reduce){.trust-stage-photo img,.trust-tabs button{transition:none!important}}


/* V3.6 navigation dropdown */
.menu-group{position:relative;display:flex;align-items:center}.menu-trigger{font-size:12px;font-weight:750;letter-spacing:.01em;cursor:default;padding:8px 0;display:inline-flex;align-items:center;gap:7px}.menu-trigger::after{content:"▾";font-size:11px;opacity:.75}.menu-dropdown{position:absolute;top:calc(100% + 14px);left:0;min-width:210px;background:#f7f7f2;border:1px solid var(--line);box-shadow:0 16px 30px rgba(16,31,22,.10);padding:10px 0;display:none;z-index:5}.menu-dropdown a{display:block;padding:10px 16px;font-size:12px;border:0!important;white-space:nowrap}.menu-group:hover .menu-dropdown,.menu-group:focus-within .menu-dropdown{display:block}@media(max-width:1190px){.menu-group{display:block}.menu-trigger{display:block;padding:12px 8px;border-bottom:1px solid #c8d5cb;font-size:14px}.menu-dropdown{position:static;display:block;background:transparent;border:0;box-shadow:none;padding:0 0 8px 14px}.menu-dropdown a{padding:11px 8px;font-size:14px;border-bottom:1px solid #d4ddd1!important}}
.trust-stage-photo img{transition:transform 1s cubic-bezier(.22,.72,.14,1),filter .5s,opacity .45s ease}.trust-link{display:inline-flex;align-items:center;gap:8px}


/* V3.7: dropdown interaction and consistent section rhythm */
.menu-group{position:relative;isolation:isolate}
.menu-trigger{appearance:none;border:0;background:transparent;color:var(--ink);font-family:inherit;line-height:inherit;cursor:pointer;white-space:nowrap}
.menu-dropdown{top:100%!important;left:0!important;margin:0!important;min-width:222px;z-index:120;border-top:3px solid var(--forest);padding:8px 0}
.menu-group:hover .menu-dropdown,.menu-group:focus-within .menu-dropdown,.menu-group.expanded .menu-dropdown{display:block}
.menu-trigger:hover,.menu-trigger[aria-expanded="true"]{color:var(--forest)}
.menu-dropdown a:hover,.menu-dropdown a:focus-visible{background:rgba(27,110,51,.085);outline-offset:-3px}
.institutional-hero+.proof-line{margin-top:0}
.proof-line+.owner-cred{margin-top:clamp(24px,3.3vw,52px)}
.owner-cred{padding-block:clamp(62px,6vw,100px)}
.owner-cred+.group-showcase{padding-block:clamp(76px,8vw,112px)}
.trust-stage-photo img{object-position:center 42%;transition:opacity .34s ease,filter .35s ease,transform .65s ease}
.trust-stage[data-selected="history"] .trust-stage-photo img{object-position:50% 58%}
.trust-stage[data-selected="team"] .trust-stage-photo img{object-position:50% 45%}
.trust-stage[data-selected="group"] .trust-stage-photo img{object-position:50% 35%}
.trust-stage[data-selected="projects"] .trust-stage-photo img{object-position:50% 35%}
@media(max-width:1190px){.menu-group{width:100%;display:block}.menu-trigger{width:100%;text-align:left;padding:13px 8px;border-bottom:1px solid #c8d5cb;font-size:15px}.menu-dropdown{border:0!important;position:static!important;box-shadow:none!important;background:transparent!important;display:block!important;padding:0 0 7px 15px!important;min-width:0}.menu-dropdown a{font-size:14px;padding:12px 8px}.proof-line+.owner-cred{margin-top:30px}}
@media(max-width:580px){.proof-line+.owner-cred{margin-top:25px}.trust-stage-photo img{object-fit:cover}}
@media(prefers-reduced-motion:reduce){.trust-stage-photo img{transition:none!important}}


/* YNS Estate V3.8 – disciplined spacing, legible tabs and true project thumbnail */
:root{--section-rhythm:clamp(44px,5vw,76px)}
.proof-line{padding-block:clamp(12px,2vw,24px)}
.proof-line article{padding-top:clamp(20px,2.2vw,28px);padding-bottom:clamp(20px,2.2vw,28px)}
.proof-line+.owner-cred{margin-top:clamp(24px,3vw,44px)}
.owner-cred{padding-block:var(--section-rhythm)}
.trust-stage-photo img{image-rendering:auto}
.trust-stage[data-selected="history"] .trust-stage-photo img{object-position:50% 38%;filter:saturate(.95) brightness(.86) contrast(1.04)}
.trust-stage[data-selected="team"] .trust-stage-photo img{object-position:50% 35%;filter:saturate(.91) brightness(.82)}
.trust-stage .photo-authentic{min-width:90px;text-align:center;text-transform:none;font-size:12px;letter-spacing:.035em}
.trust-stage-top [data-trust-top-label]{text-transform:none;font-size:11px;letter-spacing:.02em}
.story-card .story-img.story-img-renovation img{object-fit:cover!important;object-position:50% 47%!important;transform:none!important}
.story-card:hover .story-img.story-img-renovation img{transform:scale(1.03)!important}
@media(max-width:860px){.proof-line{padding-block:12px}.proof-line article{padding-top:17px;padding-bottom:17px}.proof-line+.owner-cred{margin-top:28px}}
@media(max-width:580px){.proof-line{padding-block:8px}.proof-line article{padding-block:15px}.proof-line+.owner-cred{margin-top:24px}.trust-stage .photo-authentic{top:14px;left:14px;padding:10px 13px}}
@media(prefers-reduced-motion:reduce){.story-card .story-img.story-img-renovation img{transition:none!important}}

/* V3.9 visual consolidation and distinct in-page brands */
:root {--yns-section-space:clamp(65px,6vw,104px)}
.institutional-hero{padding-bottom:var(--yns-section-space)}
.proof-line{margin-top:0;padding-block:clamp(19px,2.3vw,34px)}
.proof-line+.owner-cred{margin-top:0}
.owner-cred{padding-block:var(--yns-section-space)}
.statement{padding-block:var(--yns-section-space)}
.statement-copy .lead,.statement-copy p{font-size:clamp(15px,1.3vw,17px)!important;line-height:1.76!important;font-weight:400}
.statement-copy .muted{color:var(--grey)}
.section,.case-section,.qualification{padding-block:var(--yns-section-space)}
/* Compare: left side ALWAYS before, right side ALWAYS after at midpoint */
.case-photo .before{z-index:2;clip-path:inset(0 calc(100% - var(--pos,50%)) 0 0)!important}
.case-photo .after{z-index:1;clip-path:none!important}
.compare img.before{z-index:2;clip-path:inset(0 calc(100% - var(--pos,50%)) 0 0)!important}
.compare img:not(.before){z-index:1;clip-path:none!important}
/* Internal YNS Group brands, own identity only on respective pages */
.division-lead .division-logo,.division-lead .division-logo.logo-other{width:260px;height:100px;max-height:100px;object-fit:contain;object-position:left center;margin:10px 0 27px}
.theme-service{--brand-local:#078fcd;--brand-local-deep:#0674a5;--brand-local-soft:#e3f5fd}
.theme-architect{--brand-local:#d4aa00;--brand-local-deep:#8b6e00;--brand-local-soft:#fff8cc}
.theme-service .division-hero,.theme-architect .division-hero{background:var(--brand-local-soft)}
.theme-service .division-details em,.theme-architect .division-details em,.theme-service .division-lead em,.theme-architect .division-lead em,.theme-service .group-related em,.theme-architect .group-related em{color:var(--brand-local)!important}
.theme-service .division-hero .btn,.theme-architect .division-hero .btn,.theme-service .area-cta .btn,.theme-architect .area-cta .btn{background:var(--brand-local)!important;border-color:var(--brand-local)!important;color:#fff!important}
.theme-architect .division-hero .btn{color:#201c0b!important}
.theme-service .division-service:hover,.theme-architect .division-service:hover{box-shadow:5px 7px 0 var(--brand-local-soft);border-color:var(--brand-local)}
.theme-service .division-service>span,.theme-service .division-service strong,.theme-service .division-details .kicker,.theme-service .division-lead .kicker{color:var(--brand-local)!important}
.theme-architect .division-service>span,.theme-architect .division-service strong,.theme-architect .division-details .kicker,.theme-architect .division-lead .kicker{color:var(--brand-local-deep)!important}
.theme-service .group-related-links a:hover,.theme-architect .group-related-links a:hover{background:var(--brand-local);color:#fff}
.theme-service .division-visual{box-shadow:15px 17px 0 #b7e0ee}.theme-architect .division-visual{box-shadow:15px 17px 0 #ede0a9}
.yns-group-schema{margin:27px 0 33px;padding:25px;border:1px solid #b5c7b8;background:#f6f8f2;border-radius:4px;max-width:850px}
.yns-group-schema-title{text-align:center;font-weight:850;font-size:21px;letter-spacing:.13em}.yns-group-schema-title small{display:block;font-weight:400;letter-spacing:.03em;font-size:12px;color:#4e6755}
.yns-group-schema-lines{border-top:2px solid #c2d3bd;margin:26px 10px 0;padding-top:25px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.yns-group-schema-lines a{height:100px;background:white;border:1px solid #c6d3c8;display:grid;place-items:center;padding:17px;transition:box-shadow .2s, transform .2s}
.yns-group-schema-lines a:hover{transform:translateY(-3px);box-shadow:0 8px 22px #12342020}
.yns-group-schema-lines img{width:100%;height:68px;object-fit:contain}
.yns-public-message{position:fixed;right:20px;bottom:20px;z-index:250;max-width:min(380px,calc(100vw - 40px));background:#fdfef9;color:#1b3024;border:1px solid #9caf9f;box-shadow:0 12px 45px #10291b4d;padding:20px}
.yns-public-message strong{display:block;font-size:14px;margin-bottom:5px}.yns-public-message p{font-size:13px;line-height:1.6;white-space:pre-wrap}.yns-public-message button{background:#1A6E32;color:white;border:0;padding:8px 15px}
@media(max-width:720px){.yns-group-schema{padding:15px}.yns-group-schema-lines{gap:6px;margin-inline:0}.yns-group-schema-lines a{padding:6px;height:75px}.yns-group-schema-lines img{height:60px}.institutional-hero{padding-bottom:55px}}

/* Local brands: consistent accents throughout the respective page */
.theme-service main em,.theme-service main .kicker,.theme-service .area-cta em,.theme-service .quiet-link{color:#078fcd!important}
.theme-architect main em,.theme-architect main .kicker,.theme-architect .area-cta em,.theme-architect .quiet-link{color:#987900!important}
.theme-service .area-cta,.theme-architect .area-cta{background:var(--brand-local-soft)}
.theme-service .group-related,.theme-architect .group-related{background:var(--brand-local-soft)}
.cta-band h2 em,.cta-band h2 em[style]{color:#fff!important}


/* YNS Estate V3.10 – informational privacy notice as a centered dialog-style panel */
.privacy-note:not([hidden]){
  position:fixed;
  left:50%;top:50%;right:auto;bottom:auto;
  width:min(560px,calc(100vw - 32px));max-width:none;
  transform:translate(-50%,-50%);
  display:flex;align-items:flex-start;gap:22px;
  padding:clamp(22px,3vw,32px);
  border:1px solid #9bbb9d;border-radius:14px;
  background:#15271b;color:#fff;
  box-shadow:0 20px 75px rgba(0,0,0,.40), 0 0 0 120vmax rgba(5,14,9,.45);
  z-index:500;max-height:calc(100dvh - 32px);overflow-y:auto;
}
.privacy-note:not([hidden]) strong{font-size:17px;line-height:1.35}
.privacy-note:not([hidden]) p{font-size:14px;line-height:1.65;margin-top:11px}
.privacy-note:not([hidden]) button{border-radius:6px;min-height:44px}
@media(max-width:640px){
 .privacy-note:not([hidden]){display:block;padding:24px 21px;}
 .privacy-note:not([hidden]) button{display:block;width:100%;margin:19px 0 0}
}

/* Project slider: images remain exactly as in V3.9, labels match left/right. */
.case-photo .before-label{left:15px!important;right:auto!important}
.case-photo .after-label{right:15px!important;left:auto!important}

/* Business subpages retain their brand-color typography and buttons,
   but use the calm neutral Estate backgrounds everywhere. */
.theme-service .division-hero,.theme-architect .division-hero{background:#edf1e8!important}
.theme-service .area-cta,.theme-architect .area-cta{background:#d5dfd2!important}
.theme-service .group-related,.theme-architect .group-related{background:#e4e9df!important}
.theme-service .division-visual,.theme-architect .division-visual{box-shadow:16px 17px 0 #d9e1d6!important}
.theme-service .division-service:hover,.theme-architect .division-service:hover{box-shadow:5px 7px 0 #d9e1d6!important}
@media(max-width:680px){
 .theme-service .division-visual,.theme-architect .division-visual{box-shadow:8px 9px 0 #d9e1d6!important}
}


/* V3.11 — YNS Estate Käufer- und Verkäuferbereiche */
.menu{gap:clamp(9px,1vw,17px)!important}.menu>a:not(.nav-cta){font-size:clamp(11px,.9vw,13px)}.menu-trigger{font-size:clamp(11px,.9vw,13px)}
.yns-property-hero{background:#edf1e8;padding:clamp(55px,7vw,110px) 0}
.yns-property-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:clamp(34px,5vw,95px)}
.yns-property-hero h1{font-size:clamp(44px,5.2vw,78px);line-height:1.08;letter-spacing:-.047em;margin:25px 0}
.yns-property-hero h1 em{font-style:normal;color:#1a6e32}
.yns-property-hero p.lead{font-size:clamp(16px,1.25vw,20px);line-height:1.75;max-width:600px}
.yns-property-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:36px}
.yns-outline-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border:1px solid #94ad99;color:#142c1d;text-decoration:none;font-size:13px;font-weight:700}
.yns-outline-btn:hover{background:#fff}.yns-property-subline{margin-top:35px;color:#637368;font-size:12px;letter-spacing:.07em}
.yns-property-image{position:relative;min-height:430px;height:clamp(450px,43vw,610px);overflow:hidden;box-shadow:16px 16px 0 #d5dfd2}
.yns-property-image img{width:100%;height:100%;object-fit:cover;display:block}
.yns-property-image:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#081811a3);pointer-events:none}
.yns-property-image span{position:absolute;left:26px;bottom:24px;z-index:2;color:#fff;font-size:12px;letter-spacing:.08em;font-weight:700}
.yns-advice-section{background:#fff}.yns-advice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:38px}
.yns-advice-card{padding:clamp(26px,3vw,40px);border:1px solid #d8e1da;background:#fbfcfa;min-height:236px}
.yns-advice-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #bdd4c3;border-radius:50%;color:#1a6e32;margin-bottom:26px}
.yns-advice-icon svg{width:23px;height:23px}
.yns-advice-card h3{font-size:20px;margin:0 0 12px;line-height:1.35}.yns-advice-card p{color:#64726b;font-size:14px;line-height:1.75}
.yns-offer-strip{padding:clamp(70px,7vw,115px) 0;background:#172a20;color:#fff}
.yns-offer-strip-grid{display:grid;grid-template-columns:1fr .55fr;gap:clamp(30px,5vw,90px);align-items:center}
.yns-offer-strip .kicker{color:#bfd5c4}.yns-offer-strip h2{font-size:clamp(38px,4.4vw,68px);line-height:1.08;margin:22px 0}
.yns-offer-strip h2 em{color:#9cceaa;font-style:normal}.yns-offer-strip p{line-height:1.8;color:#c9d6ce;max-width:670px}
.yns-offer-action{display:flex;flex-direction:column;align-items:flex-start;padding:35px;background:#ffffff10;border:1px solid #ffffff30;gap:15px}
.yns-offer-action strong{font-size:18px}.yns-offer-action .yns-advice-icon{border-color:#7bb889;color:#b8ddc2;margin-bottom:0}
.yns-request-section{background:#f5f7f3}.yns-request-grid{display:grid;grid-template-columns:minmax(270px,.75fr) minmax(0,1.15fr);gap:clamp(36px,6vw,110px);align-items:start}
.yns-request-grid h2{font-size:clamp(40px,4vw,60px);line-height:1.1;margin:23px 0}
.yns-request-grid h2 em{font-style:normal;color:#1a6e32}
.yns-request-grid>div:first-child>p{font-size:15px;line-height:1.85;color:#526257}
.yns-request-points{display:grid;gap:14px;margin-top:36px}.yns-request-points p{display:flex;align-items:flex-start;gap:11px;line-height:1.6;font-size:13px;color:#405348}
.yns-request-points svg{width:20px;height:20px;flex:0 0 20px;color:#1a6e32}
.yns-request-card{background:#fff;padding:clamp(25px,4vw,50px);border:1px solid #d6e0d6;box-shadow:15px 17px 0 #e5ebe5}
.yns-request-card h3{font-size:16px;margin:22px 0 23px;padding-bottom:16px;border-bottom:1px solid #dce5de;letter-spacing:.03em}
.yns-request-card h3:first-of-type{margin-top:0}.yns-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.yns-input{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#2b4233}
.yns-input.full{grid-column:1/-1}
.yns-input input,.yns-input select,.yns-input textarea{background:#fff;border:1px solid #bacbbc;border-radius:0;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:400;line-height:1.4;color:#26372c;width:100%;min-height:49px}
.yns-input input:focus,.yns-input select:focus,.yns-input textarea:focus{outline:2px solid #1a6e32;outline-offset:1px}
.yns-input textarea{min-height:120px;resize:vertical}
.yns-privacy{margin:28px 0 22px;display:flex;align-items:flex-start;gap:11px;font-size:12px;line-height:1.65;color:#43564a}
.yns-privacy input{width:19px;height:19px;flex:0 0 19px;margin-top:3px}.yns-privacy a{text-decoration:underline}
.yns-upload{display:block;margin:25px 0 0;padding:23px;background:#f7faf6;border:1px dashed #90b29a;cursor:pointer}
.yns-upload .yns-advice-icon{margin-bottom:12px}.yns-upload strong{display:block;font-size:15px;margin-bottom:7px}.yns-upload small{display:block;font-size:12px;color:#576c5d;margin-bottom:13px}
.yns-upload input{width:100%;font-size:12px}.yns-submit{width:100%;justify-content:center}.yns-submit:disabled{cursor:wait;opacity:.6}
.yns-honeypot{position:absolute;left:-99999px;visibility:hidden}.yns-fineprint{font-size:11px;line-height:1.65;color:#5e6d62;margin-top:14px}
.yns-request-card .notice{margin-bottom:20px}
@media(max-width:1150px){.yns-property-hero-grid{gap:28px}.yns-request-grid{gap:35px}}
@media(max-width:900px){.yns-property-hero-grid,.yns-request-grid{grid-template-columns:1fr}.yns-property-hero-grid>div:first-child{max-width:700px}.yns-property-image{height:430px;min-height:0}.yns-offer-strip-grid{grid-template-columns:1fr}.yns-advice-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.yns-property-hero{padding:48px 0}.yns-property-image{height:320px;box-shadow:7px 8px 0 #d5dfd2}.yns-property-actions{align-items:stretch;flex-direction:column}.yns-property-actions .btn,.yns-outline-btn{width:100%;justify-content:center}.yns-property-hero h1{font-size:clamp(38px,10vw,54px)}.yns-advice-grid,.yns-form-grid{grid-template-columns:1fr}.yns-request-card{box-shadow:6px 8px 0 #e5ebe5}.yns-offer-strip h2{font-size:40px}}

/* V3.15.10 – auf allen Seiten sofort auffindbare Rechtstexte. */
.footer-end .footer-legal{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex-wrap:wrap}
.footer-end .footer-legal a{display:inline-block;margin:0;color:#e3ece5;font-size:12px;text-underline-offset:3px;text-decoration:underline;text-decoration-color:rgba(227,236,229,.32)}
.footer-end .footer-legal a:hover,.footer-end .footer-legal a:focus-visible{text-decoration-color:currentColor;color:#fff}
.footer-end .footer-version{font-size:10px;color:#a5b5a9;white-space:nowrap}
.legal-muted{font-size:.84em;color:#5d6c61}
@media(max-width:580px){.footer-end .footer-legal{justify-content:flex-start;gap:15px}.footer-end .footer-version{flex-basis:100%;margin:0!important}}

/* V3.15.14: discrete Teamspace entrance in the legal footer row. */
.footer-end .footer-legal .footer-teamspace-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:38px;height:38px;margin:0;border:1px solid rgba(221,235,222,.4);border-radius:50%;color:#e3ece5;text-decoration:none;background:rgba(255,255,255,.04);transition:background .2s,border-color .2s}
.footer-end .footer-legal .footer-teamspace-icon:hover,.footer-end .footer-legal .footer-teamspace-icon:focus-visible{background:rgba(255,255,255,.15);border-color:#fff;color:#fff}
.footer-end .footer-legal .footer-teamspace-icon svg{display:block}
@media(max-width:580px){.footer-end .footer-legal{justify-content:flex-start;gap:14px 20px}.footer-end .footer-legal .footer-teamspace-icon{width:42px;height:42px}.footer-end .footer-version{width:100%}}
.milestone-rail .milestone-empty{padding:22px;color:#455849}

/* V3.15.16 Legal-page-only version and footer mail */
.yns-imprint-release{font-size:10px;color:#6c7870;letter-spacing:.015em;margin:18px auto 10px;max-width:1200px;padding:0 20px}.footer-email-dynamic{display:block;font-size:13px;line-height:1.65;margin-top:7px}.footer-email-dynamic a{display:inline!important;text-transform:none;overflow-wrap:anywhere}