:root{--ink:#0d2d56;--navy:#0a2e64;--blue:#084693;--orange:#ee7c22;--paper:#fff;--pale:#eff3f6;--muted:#647181;--line:#d9e0e6;--shell:1256px;--font:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}::selection{background:#ffd4a5;color:var(--ink)}.shell{width:calc(100% - 104px);max-width:var(--shell);margin-inline:auto}.section{padding-block:108px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:12px;background:white;padding:12px;z-index:30;transform:translateY(-200%)}.skip-link:focus{transform:none}.topline{background:var(--navy);color:#e3ebf5;font-size:11px;letter-spacing:.055em}.topline .shell{display:flex;justify-content:space-between;align-items:center;min-height:34px}.topline a{display:flex;gap:20px}.site-header{position:sticky;top:0;z-index:10;background:#fffffff5;border-bottom:1px solid #e9edf1;backdrop-filter:blur(15px)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:110px;gap:25px}.brand{display:block;flex:0 0 242px}.brand img{width:242px;height:auto}.site-header nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}.site-header nav a{padding:10px 0}.site-header nav a:hover{color:var(--blue)}.site-header nav .nav-contact{padding:16px 20px;background:var(--navy);color:white;display:flex;gap:28px;align-items:center}.nav-contact span{font-size:20px}.menu-toggle{display:none;border:0;background:none;padding:10px}.menu-toggle>span:not(.sr-only){display:block;width:25px;height:2px;margin:6px;background:var(--navy)}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:66px;padding-top:53px;padding-bottom:64px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;line-height:1.6;display:flex;gap:10px;align-items:center}.hero .eyebrow{white-space:nowrap;letter-spacing:.11em}.eyebrow>span:first-child{display:block;width:6px;height:6px;background:var(--orange);flex-shrink:0}.eyebrow.dark{color:var(--blue)}h1,h2,h3,p{margin:0}h1{font-size:clamp(49px,5.3vw,77px);line-height:.99;letter-spacing:-.055em;font-weight:700;margin:29px 0 25px}h1 em{font-style:normal;font-weight:400;color:var(--blue)}.hero-lead{font-size:21px;line-height:1.5;letter-spacing:-.025em}.hero-description{font-size:15px;line-height:1.75;max-width:450px;color:var(--muted);margin-top:16px}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:30px;flex-wrap:wrap}.kaanisol-button{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;padding:17px 22px;font-size:13px;font-weight:600;transition:background .2s,color .2s}.kaanisol-button span{font-size:20px}.kaanisol-button.primary{background:var(--navy);color:white}.kaanisol-button.primary:hover,.nav-contact:hover{background:#155093!important}.text-link{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700}.hero-note{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin-top:30px}.small-mark{border:1px solid #d9e2e9;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;color:var(--blue);font-size:10px}.hero-visual{position:relative}.photo-index{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;font-weight:700;margin-bottom:12px}.photo-index span:last-child{color:var(--muted)}.hero-image{position:relative;margin:0;height:545px;background:#e7ebf0;overflow:hidden}.hero-image>img{height:100%;width:100%;object-fit:cover}.hero-image:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#00172fbd);pointer-events:none}.hero-image figcaption{position:absolute;bottom:26px;left:26px;right:26px;color:white;z-index:1;display:flex;justify-content:space-between;align-items:center;font-size:13px}.hero-image figcaption>span:last-child{font-size:25px}.visual-foot{display:flex;gap:12px;align-items:center;margin-top:16px;font-size:10px;letter-spacing:.03em;color:var(--muted)}.orange-line{height:2px;width:24px;background:var(--orange)}.principles{background:var(--pale);border-block:1px solid #e4e9ee}.principles-inner{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:24px}.principles-inner>span{display:flex;gap:16px;align-items:center;font-size:14px;letter-spacing:-.01em}.principles b{font-size:11px;font-weight:400;color:var(--blue);border:1px solid #c9d3df;width:29px;height:29px;display:grid;place-items:center;border-radius:50%}
h2{font-size:clamp(31px,3.25vw,47px);line-height:1.12;letter-spacing:-.045em;font-weight:500}.section-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:120px;align-items:end;margin-bottom:46px}.section-intro .eyebrow{margin-bottom:19px}.section-intro>p{font-size:15px;line-height:1.75;color:var(--muted);padding-bottom:3px}.service{border-top:1px solid var(--line)}.service:last-child{border-bottom:1px solid var(--line)}.service summary{display:grid;grid-template-columns:48px 1.45fr 1fr 22px;gap:18px;align-items:center;padding:27px 0;cursor:pointer;list-style:none}.service summary::-webkit-details-marker{display:none}.service-no{font-size:11px;color:var(--muted);align-self:center}.service-title{font-size:23px;font-weight:500;letter-spacing:-.025em}.service-short{font-size:12px;color:var(--muted);justify-self:end;margin-right:30px}.expand{width:20px;height:20px;position:relative}.expand:before,.expand:after{content:"";position:absolute;top:9px;left:2px;right:2px;height:1px;background:var(--ink)}.expand:after{transform:rotate(90deg)}.service[open] .expand:after{transform:rotate(0)}.service[open] .service-title{color:var(--blue)}.service-content{margin-left:66px;padding:0 0 30px;display:grid;grid-template-columns:1.45fr 1fr;gap:50px;align-items:start}.service-content p{font-size:14px;line-height:1.8;color:var(--muted);max-width:570px}.service-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.service-tags span{font-size:10px;padding:9px 10px;background:var(--pale);color:#53647a}.additional{display:flex;justify-content:space-between;align-items:center;padding-top:25px;gap:20px}.additional>span{font-size:11px;color:var(--muted)}.additional p{font-size:12px}.additional i{font-style:normal;color:var(--orange);padding-inline:10px}
.work-section{background:var(--navy);color:white}.work-section .section-intro>p{color:#c0cdde}.work-section .eyebrow{color:#a8bfdf}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.work-card{display:block;padding:0;border:0;background:transparent;text-align:left;color:inherit;cursor:pointer}.work-photo{display:block;position:relative;height:320px;overflow:hidden;background:#234577}.work-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.work-card:hover img{transform:scale(1.035)}.zoom{position:absolute;bottom:15px;right:15px;width:36px;height:36px;border-radius:50%;background:white;color:var(--navy);font-size:20px;display:grid;place-items:center}.work-caption{display:flex;align-items:center;gap:13px;border-top:1px solid #446087;padding-top:20px;margin-top:20px}.work-caption>span{font-size:10px;color:#96b1d0}.work-caption strong{font-size:14px;font-weight:400}.team-section{padding-bottom:72px}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.portrait{height:350px;position:relative;display:grid;place-items:center;overflow:hidden;background:#e9eef3;border:1px solid #dce4ec}.portrait:before{content:"";position:absolute;inset:20px;border:1px solid #c9d5e2}.portrait:after{content:"";position:absolute;width:200px;height:270px;border:1px solid #d0dbe5;transform:rotate(-28deg);right:-30px;top:-20px}.portrait-martin{background:#f0f2f3}.portrait-marker{position:absolute;top:38px;left:40px;font-size:9px;letter-spacing:.16em;color:#74879d;z-index:1}.monogram{font-size:99px;letter-spacing:-.065em;font-weight:400;color:#bcccdc}.portrait-label{position:absolute;bottom:38px;left:40px;font-size:11px;letter-spacing:.02em;color:#647890;display:flex;gap:10px;align-items:center}.camera-icon{display:inline-block;width:17px;height:13px;border:1px solid currentColor;border-radius:2px;position:relative}.camera-icon:before{content:"";position:absolute;left:5px;top:3px;border:1px solid currentColor;width:5px;height:5px;border-radius:50%}.camera-icon:after{content:"";position:absolute;top:-4px;left:4px;width:7px;height:3px;border:1px solid currentColor;border-bottom:0}.person-info{padding-top:27px}.person-role{font-size:10px;letter-spacing:.075em;line-height:1.6;color:var(--blue);font-weight:700;min-height:22px}.person-info h3{font-size:30px;font-weight:500;letter-spacing:-.035em;margin-top:5px}.person-info>p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:17px;max-width:475px;min-height:76px}.responsibilities{display:flex;gap:18px;flex-wrap:wrap;margin:20px 0 26px}.responsibilities span{font-size:10px;letter-spacing:.02em;display:flex;align-items:center;gap:6px}.responsibilities span:before{content:"";width:4px;height:4px;background:var(--orange)}.person-contact{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:17px 0;font-size:12px;font-weight:700}.person-contact>span{font-size:22px;color:var(--blue)}.process{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line);padding-top:75px}.process-heading .eyebrow{margin-bottom:19px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:25px;padding-bottom:26px;margin-bottom:26px;border-bottom:1px solid var(--line)}.steps li:last-child{border:0;margin-bottom:0;padding-bottom:0}.steps li>span{font-size:11px;color:var(--blue);padding-top:5px}.steps h3{font-size:18px;font-weight:500;letter-spacing:-.02em;margin-bottom:11px}.steps p{font-size:14px;line-height:1.75;color:var(--muted)}.contact-section{background:var(--navy);color:white;position:relative;overflow:hidden}.contact-section:before{content:"";position:absolute;width:600px;height:600px;border:1px solid #3c598050;border-radius:50%;left:-400px;top:30px;pointer-events:none}.contact-inner{padding-block:90px;display:grid;grid-template-columns:1.15fr 1fr;gap:100px}.contact-inner .eyebrow{color:#a8bfdf;margin-bottom:24px}.contact-inner h2{font-size:clamp(39px,4.1vw,58px)}.contact-inner>div>p{font-size:15px;line-height:1.8;color:#b6c7dc;margin-top:25px;margin-bottom:28px}.kaanisol-button.white{background:white;color:var(--navy)}.kaanisol-button.white:hover{background:#e6edf5}.contact-details{display:grid;grid-template-columns:1fr;gap:29px}.contact-block{border-bottom:1px solid #35527a;padding-bottom:25px;display:grid;gap:11px}.contact-block>span{font-size:9px;letter-spacing:.1em;color:#a8bfdf}.contact-block strong{font-size:18px;font-weight:500}.contact-block a{display:flex;justify-content:space-between;align-items:center;font-size:14px}.contact-block a>span{font-size:20px}.contact-address{font-size:12px;line-height:1.7;display:grid;grid-template-columns:1fr 1fr;gap:10px;color:#bbcadf}.contact-address strong{font-weight:500;color:white}.contact-address a{grid-column:2}.site-footer{padding-top:45px}.site-footer>.shell:first-child{display:flex;align-items:center;justify-content:space-between;gap:28px}.footer-brand img{width:175px}.site-footer p{font-size:12px;color:var(--muted)}.site-footer>.shell>div{display:flex;gap:22px;font-size:11px}.footer-bottom{border-top:1px solid var(--line);margin-top:36px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);padding-block:22px}
dialog{border:0;background:#09203b;color:white;max-width:min(92vw,1000px);max-height:90dvh;padding:38px 28px 18px;overflow:auto}dialog::backdrop{background:#001326dc;backdrop-filter:blur(4px)}dialog>img{max-width:100%;max-height:72dvh;margin:auto;object-fit:contain}dialog p{font-size:12px;padding-top:16px}.dialog-close{position:absolute;right:8px;top:5px;color:white;background:none;border:0;font-size:30px;line-height:1;cursor:pointer;padding:5px 10px}
@media(min-width:1600px){.hero{gap:92px}.hero-image{height:605px}.hero{padding-top:64px;padding-bottom:80px}}
@media(max-width:1150px){.shell{width:calc(100% - 64px)}.header-inner{min-height:94px}.brand,.brand img{width:200px;flex-basis:200px}.site-header nav{gap:22px;font-size:12px}.hero{gap:35px}.hero .eyebrow{font-size:8px}.hero-image{height:510px}h1{font-size:59px}.hero-lead{font-size:18px}.hero-description{font-size:14px}.hero-actions{gap:20px}.section-intro{gap:65px}.service-title{font-size:21px}.work-photo{height:280px}.person-role{font-size:9px}.portrait{height:300px}.process,.contact-inner{gap:65px}.contact-address{grid-template-columns:1fr;gap:9px}.contact-address a{grid-column:1}}
@media(max-width:850px){.hero{grid-template-columns:1fr 1fr;gap:28px}.hero-image{height:470px}h1{font-size:48px}.hero .eyebrow{white-space:normal;max-width:280px}.hero-description{font-size:13px}.hero-lead{font-size:17px}.hero-note{font-size:10px}.hero-actions{gap:22px}.kaanisol-button{padding:15px 18px}.hero-visual .photo-index{font-size:8px}.hero-image figcaption{font-size:11px;left:18px;right:18px}.section{padding-block:80px}.service-short{display:none}.service summary{grid-template-columns:32px 1fr 22px;gap:15px}.service-content{margin-left:47px;grid-template-columns:1fr;gap:18px}.service-tags{justify-content:flex-start}.team-grid{gap:28px}.section-intro{gap:35px}.section-intro>p{font-size:13px}.site-header nav{gap:17px}.site-header nav .nav-contact{padding:13px;gap:12px}.brand,.brand img{width:175px;flex-basis:175px}.principles-inner>span{font-size:12px;gap:10px}.work-grid{gap:16px}.work-photo{height:240px}.work-caption strong{font-size:12px}.portrait{height:265px}.person-info>p{min-height:125px}.person-role{min-height:32px}.additional{align-items:flex-start}.additional p{line-height:1.6}.contact-inner{gap:45px}.process{gap:42px}}
@media(max-width:680px){html{scroll-padding-top:85px}.shell{width:calc(100% - 40px)}.topline{font-size:9px}.topline .shell{min-height:29px}.topline a{gap:7px}.header-inner{min-height:84px}.brand,.brand img{width:190px;flex-basis:190px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;left:0;right:0;top:84px;padding:16px 20px 24px;background:#fff;border-bottom:1px solid var(--line);align-items:stretch;gap:4px;box-shadow:0 10px 15px #0a2e640b}.site-header nav.open{display:flex;flex-direction:column}.site-header nav>a{padding:14px 10px}.site-header nav .nav-contact{margin-top:10px;padding:15px 17px}.hero{grid-template-columns:1fr;gap:35px;padding-block:38px 34px}.hero .eyebrow{font-size:8px;letter-spacing:.09em;max-width:none;white-space:normal}h1{font-size:clamp(51px,12vw,67px);margin:24px 0 22px}.hero-lead{font-size:19px;line-height:1.5}.hero-description{font-size:14px;max-width:480px}.hero-actions{gap:20px;margin-top:25px}.hero-note{margin-top:21px;font-size:10px}.hero-image{height:410px}.hero-image>img{object-position:center 44%}.photo-index{font-size:8px}.visual-foot{font-size:9px}.principles-inner{display:grid;grid-template-columns:1fr;gap:15px;padding-block:24px}.principles-inner>span{font-size:12px}.principles b{width:23px;height:23px;font-size:9px}.section{padding-block:62px}.section-intro{grid-template-columns:1fr;gap:23px;margin-bottom:32px}.section-intro>p{font-size:14px;max-width:470px}h2{font-size:34px}.eyebrow{font-size:9px}.section-intro .eyebrow{margin-bottom:14px}.service summary{padding:24px 0;grid-template-columns:23px 1fr 18px;gap:11px}.service-title{font-size:19px}.service-content{margin-left:34px;padding-bottom:25px}.service-content p{font-size:13px}.service-tags span{font-size:9px}.additional{display:block;padding-top:23px}.additional p{margin-top:10px;font-size:11px}.additional i{padding-inline:4px}.work-grid{display:flex;flex-direction:column;gap:32px}.work-photo{height:320px}.work-caption{margin-top:14px;padding-top:14px}.work-caption strong{font-size:14px}.team-grid{grid-template-columns:1fr;gap:41px}.portrait{height:320px}.person-info{padding-top:23px}.person-info h3{font-size:29px}.person-info>p{min-height:0;font-size:14px;margin-top:14px}.person-role{min-height:0;font-size:9px}.responsibilities{margin-block:17px 23px}.process{grid-template-columns:1fr;gap:33px;padding-block:55px 64px}.process h2{font-size:32px}.steps li{gap:18px}.steps p{font-size:13px}.contact-inner{grid-template-columns:1fr;gap:48px;padding-block:62px}.contact-inner h2{font-size:44px}.contact-inner>div>p{font-size:14px}.contact-details{gap:22px}.contact-address{grid-template-columns:1fr 1fr;font-size:11px}.contact-address a{grid-column:2}.site-footer>.shell:first-child{flex-wrap:wrap;justify-content:flex-start;gap:22px}.footer-brand img{width:185px}.site-footer p{width:100%;order:2}.site-footer>.shell>div{gap:16px}.footer-bottom{font-size:9px;line-height:1.5;align-items:flex-start;padding-block:20px}.footer-bottom>span:last-child{text-align:right}dialog{padding:40px 15px 17px;max-width:94vw}dialog>img{max-height:70dvh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
