:root{font-family:Arial,Helvetica,sans-serif;color:#172e3c;background:#fff;font-synthesis:none;--ink:#172e3c;--muted:#526570;--line:#d8e0e4;--copper:#9b623f;--pale:#f2f6f7}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0}a{color:inherit;text-underline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a7663d;outline-offset:5px}button{font:inherit}p{line-height:1.7}h1,h2,h3,h4{overflow-wrap:break-word}figure{min-width:0}[hidden]{display:none!important}.wrap{width:100%;max-width:1320px;margin:auto;padding-inline:clamp(24px,5vw,72px)}
.skip-link{position:absolute;top:12px;left:24px;z-index:100;background:white;padding:16px;transform:translateY(-200%)}.skip-link:focus{transform:none}header{position:sticky;top:0;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);z-index:20}.head{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:1.6rem;font-weight:800;letter-spacing:.04em;text-decoration:none;line-height:1.1}.brand small{display:block;font-size:.75rem;letter-spacing:.13em;font-weight:600;margin-top:7px}nav{display:flex;align-items:center;gap:32px;flex-wrap:wrap}nav a{font-size:.9375rem;text-decoration:none;padding:14px 0;font-weight:600}nav a:hover{color:var(--copper)}nav a:last-child{border:1px solid var(--ink);border-radius:6px;padding:12px 19px}
.hero{background:#fff}.hero-inner{padding-top:62px;padding-bottom:26px}.hero-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:64px;align-items:center}.hero-copy{min-width:0}.eyebrow{font-size:.8125rem;letter-spacing:.09em;line-height:1.8;text-transform:uppercase;color:#63737b;margin:0 0 25px;font-weight:600}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.8rem,4.5vw,4.3rem);line-height:1.1;letter-spacing:-.045em;margin:0;font-weight:400}.hero h1 span{color:var(--copper)}.lead{font-size:1.125rem;color:var(--muted);line-height:1.8;margin:28px 0;max-width:590px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:16px 23px;border:1px solid var(--ink);border-radius:6px;font-size:.9375rem;font-weight:600;text-decoration:none;background:var(--ink);color:white}.button:hover{background:#294b5c}.text-link{font-size:.9375rem;text-decoration-color:#a4b3bb}.hero-photo{margin:0}.hero-photo .photo-link{border-radius:10px}.hero-photo img{height:475px;object-fit:cover;object-position:58% center}.hero-photo figcaption{font-size:.8125rem;line-height:1.6;color:var(--muted);margin-top:12px}.hero-foot{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:22px;margin-top:50px;font-size:.875rem;color:#63737b;line-height:1.5}
.section{padding-block:100px}.section-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:70px;margin-bottom:44px}.num{display:block;font-size:.8125rem;font-weight:700;letter-spacing:.12em;color:var(--copper);line-height:1.6}h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.3rem,3.7vw,3.5rem);font-weight:400;letter-spacing:-.035em;line-height:1.13;margin:17px 0 0}.intro{font-size:1.125rem;line-height:1.8;color:var(--muted);margin:0;max-width:690px}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service{padding:28px;border:1px solid var(--line);border-radius:9px;background:#fff}.index{font-size:.8125rem;color:var(--copper);letter-spacing:.1em;font-weight:600}.service h3{font-size:1.18rem;line-height:1.3;margin:24px 0 13px;letter-spacing:-.02em}.service p{font-size:1rem;line-height:1.75;color:var(--muted);margin:0}.service-wide{grid-column:1/-1;display:grid;grid-template-columns:44px 1fr;align-items:start;background:var(--pale);gap:18px}.service-wide h3{margin:0 0 12px}.service-wide p{max-width:1000px}
.approach{background:var(--pale);padding-block:88px}.approach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 34px}.approach-grid>div:first-child{grid-column:1}.approach-copy{display:contents}.approach-copy>.intro{grid-column:2/-1;align-self:end;max-width:700px}.principle{padding-top:25px;border-top:1px solid #bac9ce}.principle h3{font-size:1.125rem;line-height:1.4;margin:0 0 14px}.principle p{font-size:1rem;color:var(--muted);margin:0;line-height:1.8}.roof-note{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.25fr;gap:28px 50px;background:var(--ink);color:#fff;border-radius:12px;padding:44px;margin-top:12px}.roof-note .num{color:#e6b388}.roof-note h3{font-family:Georgia,'Times New Roman',serif;font-size:2.6rem;line-height:1.1;letter-spacing:-.025em;font-weight:400;margin:16px 0 24px}.roof-note p{font-size:1rem;line-height:1.8;color:#cfdce2;margin:18px 0 0}.roof-note .roof-question{font-size:1.125rem;color:white}.roof-note strong{color:#fff}.roof-note-copy>p:first-child{margin-top:0}.roof-note .roof-note-sources{grid-column:1/-1;border-top:1px solid #49606d;padding-top:20px;margin:0;font-size:.8125rem;line-height:1.9}.roof-note-sources a{display:inline-block;color:#e5bf9f}
.experience{background:white;padding-block:104px}.legacy-anchor{display:block;scroll-margin-top:112px}.profile-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:70px;align-items:center}.profile-copy{min-width:0}.profile-copy .intro{font-size:1.125rem;color:var(--ink)}.profile-copy>p:not(.intro):not(.profile-name){font-size:1rem;color:var(--muted);line-height:1.8;margin:20px 0 0}.profile-name{font-size:1.25rem;font-weight:700;margin:28px 0 24px}.profile-name span{display:block;font-size:.875rem;color:var(--muted);font-weight:400;margin-top:7px}.profile-photo{margin:0}.profile-photo .photo-link{border-radius:10px}.profile-photo img{aspect-ratio:4/3;object-fit:cover;object-position:50% center}.profile-photo figcaption{font-size:1rem;line-height:1.6;margin-top:20px}.profile-photo figcaption span{display:block;font-size:.875rem;color:var(--muted);margin-top:4px}.specialist-note{font-size:.875rem;color:var(--muted);margin:24px 0 0;line-height:1.7}
.photo-link{display:block;position:relative;overflow:hidden;text-decoration:none;background:#e9edef}.photo-link img{display:block;width:100%;height:auto;transition:transform .35s ease}.photo-link:focus-visible{outline-offset:5px;z-index:2}.photo-label{position:absolute;bottom:14px;right:14px;border-radius:5px;padding:9px 12px;background:rgba(23,46,60,.94);color:#fff;font-size:.8125rem;line-height:1.3;box-shadow:0 2px 12px #0001}.photo-link:hover .photo-label{background:#fff;color:var(--ink)}.hero-photo .photo-link img{height:475px}.profile-photo .photo-link img{height:auto}.photo-project>.photo-link:hover img{transform:scale(1.025)}
.experience-photos{border-top:1px solid var(--line);margin-top:72px;padding-top:66px}.experience-photos #portfolio-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.2rem,3.7vw,3.4rem);font-weight:400;letter-spacing:-.035em;line-height:1.13;margin:16px 0 0}.ekstaven-case{background:var(--pale);border:1px solid #e3e9ec;border-radius:12px;padding:38px}.case-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:26px}.project-type{font-size:.8125rem;line-height:1.6;letter-spacing:.08em;color:#7c583f;font-weight:600;text-transform:uppercase;margin:0 0 15px}.case-heading h4{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.9rem,2.8vw,2.6rem);font-weight:400;line-height:1.15;letter-spacing:-.035em;margin:0}.case-heading>div>p:not(.project-type){color:var(--muted);font-size:1rem;margin:0 0 14px;line-height:1.75}.comparison-switch{display:flex;gap:5px;border:1px solid #c7d4da;border-radius:7px;padding:5px;width:fit-content;margin:0 0 22px;background:white}.comparison-switch button{cursor:pointer;min-height:42px;padding:10px 21px;border:0;border-radius:4px;background:transparent;color:var(--ink);font-size:.9375rem;font-weight:600}.comparison-switch button[aria-pressed=true]{background:var(--ink);color:#fff}.comparison-switch button:hover:not([aria-pressed=true]){background:var(--pale)}.comparison-name{font-size:1rem;font-weight:500;color:var(--muted);margin:0 0 15px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.comparison-grid figure{margin:0}.comparison-grid .photo-link{border-radius:7px;background:#e1e8eb}.comparison-grid img{aspect-ratio:4/4.5;object-fit:contain}.comparison-grid figcaption{padding-top:14px;display:flex;justify-content:space-between;gap:12px;font-size:.875rem;line-height:1.6}.comparison-grid figcaption span{color:var(--muted)}.comparison-panel:not([hidden])+.comparison-panel{margin-top:32px}.case-process{border-top:1px solid #cad6dc;margin-top:30px;padding-top:26px}.case-process h5{font-size:1rem;font-weight:600;margin:0 0 20px}.process-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.process-photos figure{margin:0}.process-photos .photo-link{border-radius:6px}.process-photos img{aspect-ratio:4/3;object-fit:cover}.process-photos figcaption{display:flex;gap:12px;font-size:.875rem;margin-top:12px;line-height:1.5}.process-photos figcaption>span{color:var(--copper)}.portfolio-subhead{display:flex;justify-content:space-between;align-items:baseline;gap:25px;margin:62px 0 28px}.portfolio-subhead h4{font-size:1.3rem;letter-spacing:-.025em;line-height:1.4;margin:0}.portfolio-subhead p{font-size:.875rem;line-height:1.5;color:var(--muted);margin:0}.photo-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 30px}.photo-project{min-width:0}.photo-project>.photo-link{border-radius:9px}.photo-project>.photo-link>img{aspect-ratio:16/11;object-fit:cover}.photo-project-copy{padding:21px 2px 0}.photo-project-copy .project-type{margin-bottom:8px;font-size:.75rem}.photo-project h4{font-size:1.35rem;line-height:1.3;letter-spacing:-.025em;margin:0 0 10px}.photo-project-copy>p:last-child{font-size:1rem;color:var(--muted);line-height:1.7;margin:0;max-width:520px}
.closing{background:var(--ink);color:#fff;padding-block:84px}.closing .num{color:#e3b38f}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center}.closing h2{font-size:clamp(2.4rem,4vw,3.7rem);margin:18px 0 25px}.closing p{font-size:1.0625rem;line-height:1.8;color:#cbd9df;max-width:620px;margin:0}.contact-card{border-left:1px solid #76909e;padding:10px 0 10px 34px;min-width:0}.contact-card>span{display:block;font-size:.9375rem;line-height:1.7;color:#cbd9df}.contact-card .contact-name{font-size:1.25rem;font-weight:600;color:#fff}.contact-card>a{display:block;width:fit-content;overflow-wrap:anywhere;font-size:clamp(1.05rem,1.9vw,1.5rem);line-height:1.5;margin:22px 0;color:#edc5a6}.contact-card p{font-size:.875rem}.foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}footer{background:#112532;color:#c4d4dc;padding-block:28px;font-size:.8125rem;line-height:1.7}footer strong{color:white;font-weight:600}footer a{text-decoration:none}
.viewer-open{overflow:hidden}.photo-viewer{background:#122a38;color:white;border:1px solid #546873;padding:0;border-radius:10px;width:min(1180px,94vw);max-width:94vw;max-height:94dvh;overflow:auto}.photo-viewer::backdrop{background:rgba(5,13,20,.88)}.viewer-shell{padding:20px 24px}.viewer-top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.viewer-top p{font-size:1rem;font-weight:600;margin:0}.viewer-top form{margin:0;flex:none}.photo-viewer button{color:white;background:transparent;border:1px solid #70858c;border-radius:5px;min-height:44px;padding:10px 18px;cursor:pointer;font-size:.9375rem}.photo-viewer button:hover{background:#314c5a}.photo-viewer button:focus-visible{outline-color:#e4b48a}.photo-viewer img{display:block;width:100%;height:min(67dvh,850px);object-fit:contain;background:#0b1a24}.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.viewer-bottom p{margin:0;font-size:.9375rem;white-space:nowrap}.photo-viewer #viewer-caption{font-size:.9375rem;color:#bdced2;line-height:1.5;margin:14px 0 0}
@media(min-width:1500px){.hero h1{font-size:4.3rem}}
@media(max-width:1050px){.hero-layout,.profile-layout{gap:38px}.hero h1{font-size:3.2rem}.hero-photo .photo-link img{height:460px}.section-head,.case-heading{gap:36px}.services{grid-template-columns:repeat(2,minmax(0,1fr))}.approach-grid{gap:34px 25px}.roof-note{padding:32px;gap:30px}.contact-grid{gap:44px}.comparison-grid figcaption{display:block}.comparison-grid figcaption span{display:block}}
@media(max-width:800px){html{scroll-padding-top:144px}.head{min-height:116px;flex-direction:column;align-items:flex-start;justify-content:center;gap:13px;padding-block:17px}.brand{font-size:1.4rem}.brand small{font-size:.6875rem}nav{gap:24px;width:100%;justify-content:space-between}nav a{font-size:.875rem;padding:8px 0}nav a:last-child{border:0;padding:8px 0}.hero-inner{padding-top:40px}.hero-layout{grid-template-columns:1fr;gap:34px}.hero-copy{max-width:660px}.hero h1{font-size:clamp(2.8rem,7vw,4rem)}.hero-photo .photo-link img{height:auto;aspect-ratio:16/10;object-position:center}.hero-foot{margin-top:30px;font-size:.8125rem}.section,.experience{padding-block:70px}.section-head{gap:25px;align-items:start}.section-head .intro{font-size:1rem}.section-head{margin-bottom:32px}.approach{padding-block:64px}.approach-grid{grid-template-columns:1fr 1fr;gap:30px}.approach-grid>div:first-child{grid-column:1/-1}.approach-copy>.intro{grid-column:1/-1;max-width:650px}.principle{grid-column:1/-1}.roof-note{grid-template-columns:1fr;gap:28px;margin-top:0}.roof-note h3 br{display:none}.profile-layout{grid-template-columns:1fr;gap:30px}.profile-copy{max-width:680px}.profile-photo .photo-link img{aspect-ratio:16/10;object-position:center 42%}.profile-photo figcaption{margin-top:14px}.experience-photos{margin-top:50px;padding-top:45px}.case-heading{grid-template-columns:1fr;gap:20px}.portfolio-subhead{display:block;margin-top:42px}.portfolio-subhead p{margin-top:10px}.contact-grid{grid-template-columns:1fr;gap:32px}.contact-card{padding-left:24px}.closing{padding-block:64px}.legacy-anchor{scroll-margin-top:144px}}
@media(max-width:600px){.wrap{padding-inline:22px}.hero h1{font-size:2.75rem}.hero h1 span{display:block}.eyebrow{font-size:.8125rem;margin-bottom:21px}.lead{font-size:1.0625rem;line-height:1.75;margin:24px 0}.hero-actions{gap:22px}.hero-foot{flex-direction:column;gap:6px}.section-head{grid-template-columns:1fr;gap:22px}h2{font-size:2.4rem}.services{grid-template-columns:1fr;gap:13px}.service{padding:25px}.service h3{margin-top:18px}.service-wide{grid-template-columns:1fr;gap:0}.service-wide h3{margin-top:18px}.roof-note{padding:28px 24px;border-radius:9px}.roof-note h3{font-size:2.3rem}.profile-name{margin:24px 0}.experience-photos #portfolio-title{font-size:2.4rem}.ekstaven-case{padding:25px 18px;margin-inline:-6px}.case-heading h4{font-size:2rem}.comparison-grid{gap:12px}.comparison-grid img{aspect-ratio:3/4}.comparison-grid .photo-label{position:static;display:block;border-radius:0;text-align:center;font-size:.8125rem}.comparison-grid figcaption{font-size:.8125rem}.comparison-switch{width:100%}.comparison-switch button{flex:1}.process-photos{gap:12px}.process-photos figcaption{display:block;font-size:.8125rem}.process-photos figcaption>span{display:block;margin-bottom:4px}.process-photos .photo-label{display:none}.photo-projects{grid-template-columns:1fr;gap:34px}.photo-project-copy{padding-top:17px}.photo-project h4{font-size:1.3rem}.viewer-shell{padding:16px}.viewer-top{align-items:flex-start}.viewer-top p{font-size:.9375rem;line-height:1.45}.photo-viewer img{height:60dvh}.photo-viewer button{padding:10px 12px}.foot{display:grid;gap:10px}}
@media(max-width:380px){nav{gap:12px}nav a{font-size:.8125rem}.hero h1{font-size:2.45rem}.hero-actions{align-items:stretch}.hero-actions .button{width:100%}.process-photos{grid-template-columns:1fr}.process-photos img{aspect-ratio:16/10}.process-photos figcaption{display:flex}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo-link img{transition:none}}

.footer-details{margin-top:16px;font-size:.8125rem;line-height:1.7;color:#c4d4dc}