@font-face{font-family:Manrope;src:url('/static/fonts/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:Manrope,Arial,sans-serif;color:#181818;background:#fff;font-size:14px}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid currentColor;outline-offset:5px}::selection{background:#171717;color:white}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.skip{position:fixed;top:-100px;background:#111;color:white;padding:12px;z-index:10}.skip:focus{top:10px}.site-header,.site-footer{max-width:1180px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0}.site-header{border-bottom:1px solid #ddd}.logo{font-size:25px;letter-spacing:-.04em;font-weight:800;display:flex;align-items:center;gap:10px}.logo span{font-size:11px;letter-spacing:.08em;font-weight:650}nav{display:flex;gap:25px;font-size:12px}nav a:hover,.contacts a:hover{text-decoration:underline;text-underline-offset:4px}.back-gallery{color:#666}.concept-main{max-width:1060px;margin:auto}.lead{padding:38px 0 28px;max-width:760px}h1{font-size:36px;letter-spacing:-.035em;font-weight:600;line-height:1.2;margin:0 0 18px;text-wrap:balance}.lead p{font-size:14px;color:#626262;line-height:1.8;max-width:62ch;margin:0}.action{display:inline-block;background:#171717;color:white;padding:12px 19px;margin-top:20px;font-size:12px;border:1px solid #171717}.action:hover{background:#fff;color:#171717}.direction{display:grid;grid-template-columns:1fr 1.5fr 20px;gap:30px;align-items:center;border-top:1px solid #ddd;padding:23px 0}.direction:last-child{border-bottom:1px solid #ddd}.direction h2{font-size:17px;line-height:1.4;font-weight:600;margin:0;letter-spacing:-.02em}.direction p{font-size:12px;line-height:1.8;color:#626262;margin:0}.direction:hover h2{text-decoration:underline;text-underline-offset:5px}.contacts{padding:28px 0;display:flex;gap:26px;flex-wrap:wrap;align-items:center}.contacts h2{font-size:12px;font-weight:500;color:#626262;margin:0 auto 0 0}.contacts a{font-size:13px;text-decoration:underline;text-underline-offset:4px}.contacts>span{font-size:10px;color:#626262;width:100%}.site-footer{padding-block:17px;border-top:1px solid #ddd;font-size:10px;color:#626262}.variant-switch{display:flex;align-items:center;gap:18px}.variant-switch>a:first-child,.variant-switch>a:last-child{padding:8px;font-size:15px}
/* 2: newspaper columns, fine rules, serif editorial voice. */
.v2{background:#fafaf8}.v2 .site-header{border-bottom:3px double #222}.v2 .concept-main{max-width:1120px}.v2 .lead{display:grid;grid-template-columns:1fr 1fr;max-width:none;gap:80px;align-items:end;padding-block:32px}.v2 h1{font-family:Georgia,serif;font-size:43px;letter-spacing:-.025em;margin:0}.v2 .directions{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #222}.v2 .direction{display:flex;flex-direction:column;align-items:start;padding:24px 22px;gap:18px;border:0;border-right:1px solid #ddd}.v2 .direction:first-child{padding-left:0}.v2 .direction:last-child{border-right:0}.v2 .direction h2{font:23px/1.25 Georgia,serif}.v2 .direction svg{margin-top:auto}.v2 .contacts{padding-block:32px}
/* 3: persistent left rail. */
.v3{padding-left:245px}.v3 .site-header{position:fixed;left:0;top:0;bottom:0;width:245px;background:#f3f3f3;border:0;padding:35px;display:flex;flex-direction:column;align-items:start;justify-content:start;gap:70px}.v3 .logo{flex-direction:column;align-items:start;font-size:40px}.v3 nav{flex-direction:column;gap:26px}.v3 .concept-main,.v3 .site-footer{max-width:900px;width:calc(100% - 80px)}.v3 .lead{padding-top:45px}.v3 h1{font-size:33px}.v3 .direction{grid-template-columns:1fr 1.2fr 20px;padding:18px 0}.v3 .direction h2{font-size:15px}.v3 .contacts{border-top:0}
/* 4: four spatial quadrants. */
.v4 .concept-main{max-width:1120px}.v4 .lead{max-width:none;display:grid;grid-template-columns:1.2fr 1fr auto;gap:35px;align-items:center;padding-block:30px}.v4 h1{font-size:29px;margin:0}.v4 .lead p{font-size:12px}.v4 .action{margin:0;white-space:nowrap}.v4 .directions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #222}.v4 .direction{grid-template-columns:1fr 20px;gap:16px;padding:27px 32px 27px 0;min-height:155px}.v4 .direction:nth-child(even){padding-left:32px;border-left:1px solid #ddd}.v4 .direction p{grid-column:1;grid-row:2}.v4 .direction svg{grid-column:2;grid-row:1}.v4 .direction:nth-child(3){border-bottom:1px solid #ddd}.v4 .direction h2{font-size:20px}
/* 5: question-led consulting directory. */
.v5 .concept-main{display:grid;grid-template-columns:.85fr 1.2fr;gap:55px;padding-top:40px}.v5 .lead{padding:0;position:sticky;top:30px;align-self:start}.v5 h1{font-size:34px}.v5 .direction{grid-template-columns:1fr 20px;padding:18px 0;gap:12px}.v5 .direction p{grid-column:1;grid-row:2}.v5 .direction svg{grid-column:2;grid-row:1}.v5 .task-label{display:block;font-size:10px;color:#626262;margin-top:6px}.v5 .contacts{grid-column:1/-1;padding-top:0}.v5 .direction h2{font-size:18px}
/* 6: services lead, brief forms a quiet right-hand column. */
.v6 .concept-main{display:grid;grid-template-columns:1.5fr 1fr;gap:45px;padding-block:40px}.v6 .lead{grid-column:2;grid-row:1;padding:0}.v6 h1{font-size:30px}.v6 .directions{grid-column:1;grid-row:1/3}.v6 .direction{grid-template-columns:1fr 20px;gap:10px;padding:19px 0}.v6 .direction p{grid-column:1;grid-row:2}.v6 .direction svg{grid-column:2;grid-row:1}.v6 .contacts{grid-column:2;display:flex;flex-direction:column;align-items:start;padding:0;gap:18px;align-self:end}.v6 .contacts h2{margin:0}.v6 .contacts>span{line-height:1.7}
/* 7: centered masthead and symmetric four columns. */
.v7 .site-header{justify-content:center;position:relative}.v7 nav{position:absolute;right:0}.v7 .lead{max-width:680px;margin:auto;text-align:center;padding-block:35px}.v7 .lead p{margin:auto}.v7 h1{font-size:34px}.v7 .directions{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.v7 .direction{display:flex;flex-direction:column;align-items:center;text-align:center;border-top:2px solid #222;border-bottom:0;padding:20px 0;gap:17px}.v7 .direction h2{font-size:16px;min-height:45px}.v7 .direction svg{margin-top:auto}.v7 .contacts{justify-content:center;border-top:1px solid #ddd}.v7 .contacts h2{margin:0}.v7 .contacts>span{text-align:center}
/* 8: financial brief with a readable table. */
.v8 .lead{padding-block:28px}.v8 h1{font-size:31px}.v8 .table-head,.v8 .direction{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:25px}.v8 .table-head{font-size:10px;color:#626262;padding:12px 0;border-top:2px solid #222}.v8 .direction{padding-block:22px}.v8 .direction h2{font-size:15px}.v8 .direction svg{display:none}.v8 .result-label{font-size:12px;line-height:1.7}.v8 .contacts{padding-block:24px}
/* 9: personal practice, serif-led introduction beside a two-column index. */
.v9 .concept-main{display:grid;grid-template-columns:.8fr 1.4fr;gap:65px;padding-top:46px}.v9 .lead{padding:0}.v9 h1{font:46px/1.15 Georgia,serif;letter-spacing:-.025em}.v9 .lead-subtitle{font-size:18px;color:#222;margin-bottom:20px}.v9 .lead p:not(.lead-subtitle){font-size:13px}.v9 .directions{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.v9 .direction{display:flex;flex-direction:column;align-items:start;gap:14px;padding:22px 0}.v9 .direction:nth-child(3){border-bottom:1px solid #ddd}.v9 .direction h2{font-size:17px}.v9 .direction svg{margin-top:auto}.v9 .contacts{grid-column:1/-1;border-top:1px solid #ddd;padding-top:22px}
/* 10: names are the navigation. */
.v10 .concept-main{max-width:1120px;display:grid;grid-template-columns:.9fr 1.3fr;gap:50px;padding-top:38px}.v10 .lead{padding:8px 0}.v10 h1{font-size:29px}.v10 .lead p{font-size:12px}.v10 .direction{grid-template-columns:1fr 24px;padding:15px 0;gap:10px}.v10 .direction h2{font-size:30px;font-weight:450;letter-spacing:-.035em}.v10 .direction p{display:none}.v10 .direction svg{width:24px;height:24px}.v10 .contacts{grid-column:1/-1;border-top:0}
/* Gallery: live previews, no screenshots or external assets. */
.gallery{background:#f3f3f3}.gallery-header{display:flex;justify-content:space-between;padding:22px 4%;background:white;border-bottom:1px solid #ddd;font-size:12px}.gallery-header>a:first-child{font-weight:800;letter-spacing:.05em}.gallery-main{max-width:1440px;margin:auto;padding:38px 4% 70px}.gallery-main h1{font-size:32px;margin-bottom:12px}.gallery-intro{font-size:14px;line-height:1.8;color:#626262;max-width:750px;margin:0 0 32px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.design-card{min-width:0}.preview-link{display:block;border:1px solid #d5d5d5;background:white}.preview{position:relative;aspect-ratio:1.62;overflow:hidden;pointer-events:none}.preview iframe{position:absolute;top:0;left:0;width:240%;height:240%;transform:scale(.416667);transform-origin:0 0;border:0;pointer-events:none}.card-caption{display:flex;justify-content:space-between;gap:20px;padding:16px 0}.card-caption h2{font-size:16px;margin:0 0 6px;font-weight:600}.card-caption p{font-size:12px;line-height:1.7;color:#626262;margin:0}.open-design{font-size:12px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px;padding-top:3px}.card-caption h2 a:hover{text-decoration:underline}
@media(max-width:1250px){.site-header,.site-footer{width:calc(100% - 64px)}.concept-main,.v2 .concept-main,.v4 .concept-main,.v10 .concept-main{width:calc(100% - 80px)}.v3 .site-header{width:220px}.v3{padding-left:220px}.v3 .concept-main{width:calc(100% - 50px)}.v3 .site-footer{width:calc(100% - 50px)}.v4 .lead{grid-template-columns:1fr 1fr}.v4 .action{grid-column:1/-1;justify-self:start}.v7 nav{position:static}.v7 .site-header{justify-content:space-between}}
@media(max-width:760px){.site-header,.site-footer{width:calc(100% - 36px);padding-block:18px;gap:12px}.site-header{flex-wrap:wrap}.logo{font-size:23px}.logo span{font-size:9px}nav{gap:15px;font-size:11px}.concept-main,.v2 .concept-main,.v3 .concept-main,.v4 .concept-main,.v10 .concept-main{width:calc(100% - 36px);display:block;padding-top:0}.lead,.v2 .lead,.v3 .lead,.v4 .lead,.v5 .lead,.v6 .lead,.v7 .lead,.v9 .lead,.v10 .lead{display:block;position:static;padding-block:28px;max-width:none;text-align:left}h1,.v2 h1,.v3 h1,.v4 h1,.v5 h1,.v6 h1,.v7 h1,.v9 h1,.v10 h1{font-size:28px}.lead p{font-size:13px}.directions,.v2 .directions,.v4 .directions,.v7 .directions,.v9 .directions{display:block;border:0}.direction,.v2 .direction,.v3 .direction,.v4 .direction,.v5 .direction,.v6 .direction,.v7 .direction,.v8 .direction,.v9 .direction,.v10 .direction{display:grid;grid-template-columns:1fr 20px;gap:10px;padding:18px 0;min-height:0;border:0;border-top:1px solid #ddd;text-align:left}.direction:last-child{border-bottom:1px solid #ddd}.direction h2,.v2 .direction h2,.v4 .direction h2,.v7 .direction h2,.v10 .direction h2{font-size:18px;min-height:0}.direction p{grid-column:1;grid-row:2;display:block}.direction svg{grid-column:2;grid-row:1;margin:0}.v4 .direction:nth-child(even){padding-left:0;border-left:0}.v3{padding-left:0}.v3 .site-header{position:static;width:100%;padding:18px;flex-direction:row;align-items:center;gap:20px;background:#f3f3f3}.v3 .logo{flex-direction:row;font-size:23px}.v3 nav{flex-direction:row;gap:15px}.v3 .site-footer{width:calc(100% - 36px)}.contacts,.v5 .contacts,.v6 .contacts,.v7 .contacts,.v9 .contacts,.v10 .contacts{display:flex;flex-direction:row;align-items:center;justify-content:start;gap:15px;padding-block:24px}.contacts h2{width:100%;margin:0;text-align:left}.contacts>span,.v7 .contacts>span{text-align:left}.v8 .table-head{display:none}.v8 .result-label{grid-column:1;font-size:11px;color:#626262}.site-footer{flex-wrap:wrap}.v7 .lead p{margin:0}.v7 .direction{align-items:center}.v10 .direction p{display:none}.v9 .lead-subtitle{font-size:17px}.gallery-grid{grid-template-columns:1fr;gap:23px}.gallery-main{padding:25px 18px}.gallery-main h1{font-size:27px}.gallery-intro{font-size:13px}.preview iframe{width:300%;height:300%;transform:scale(.333333)}.card-caption h2{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:760px){.v5 .concept-main,.v6 .concept-main,.v9 .concept-main{display:block;width:calc(100% - 36px);padding-top:0}.v5 .lead,.v6 .lead,.v9 .lead{position:static}.direction-title{min-width:0}}
/* Complete homepage content in every concept. */
.service-copy ul{margin:12px 0;padding-left:17px;font-size:12px;color:#626262;line-height:1.75}.service-copy li+li{margin-top:6px}.service-copy li::marker{color:#888}.read-article{display:inline-block;font-size:11px;text-decoration:underline;text-underline-offset:4px;margin-top:7px}.work-approach{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:36px 0;border-top:1px solid #ccc;margin-top:25px}.approach-copy h2{font-size:25px;line-height:1.3;letter-spacing:-.025em;margin:0 0 17px;font-weight:550}.approach-copy p,.work-steps p{color:#626262;font-size:13px;line-height:1.8;margin:0 0 15px}.approach-copy>a{font-size:12px;text-decoration:underline;text-underline-offset:4px}.work-steps{list-style:decimal-leading-zero;margin:0;padding-left:28px}.work-steps li{padding:0 0 15px 10px;margin:0 0 15px;border-bottom:1px solid #ddd}.work-steps li::marker{font-size:11px;color:#777}.work-steps h3{font-size:16px;font-weight:600;margin:0 0 6px}.work-steps p{font-size:12px;margin:0}.contact-intro{width:100%}.contact-intro h2{font-size:22px;font-weight:550;color:#222;margin:0 0 10px}.contact-intro p{font-size:12px;color:#626262;line-height:1.8;margin:0;max-width:60ch}.contacts{border-top:1px solid #ccc}.v2 .direction .service-copy{flex:1}.v2 .work-approach h2,.v9 .work-approach h2{font-family:Georgia,serif;font-size:28px}.v2 .work-approach{border-top:3px double #222}.v4 .service-copy{grid-column:1;grid-row:2}.v5 .service-copy,.v6 .service-copy{grid-column:1;grid-row:2}.v5 .work-approach{background:#f6f6f6;padding:30px;gap:35px}.v6 .work-approach{grid-row:3}.v6 .contacts{grid-column:1/-1;grid-row:4;flex-direction:row;padding-top:25px}.v7 .service-copy{text-align:left}.v7 .direction{align-items:stretch}.v7 .direction svg{align-self:center}.v7 .work-approach{max-width:850px;margin:30px auto 0;text-align:left}.v8 .service-copy p{display:none}.v8 .service-copy ul{margin-top:0}.v9 .work-approach{margin-top:0}.v9 .contacts{margin-top:0}.v10 .direction{grid-template-columns:1fr 24px}.v10 .service-copy{grid-column:1;grid-row:2}.v10 .service-copy p{display:block}.v10 .service-copy ul{columns:2;column-gap:24px}.v10 .service-copy li{break-inside:avoid}.v10 .work-approach{border-top:2px solid #222}.gallery .preview{aspect-ratio:auto;height:auto}.gallery .preview-image{display:block;width:100%;height:auto}.gallery-intro{max-width:850px}
@media(max-width:760px){.service-copy,.v4 .service-copy,.v5 .service-copy,.v6 .service-copy,.v8 .service-copy,.v10 .service-copy{grid-column:1;grid-row:2}.work-approach,.v5 .work-approach,.v7 .work-approach{display:block;padding:25px 0;margin-top:20px;background:transparent}.work-steps{margin-top:25px}.approach-copy h2,.v2 .work-approach h2,.v9 .work-approach h2{font-size:23px}.v6 .contacts{padding-top:24px}.v10 .service-copy ul{columns:1}.contact-intro h2{font-size:21px}.v8 .result-label{grid-row:3}.v3 nav{flex-wrap:wrap}.v3 .site-header{flex-wrap:wrap}.v7 .contacts .contact-intro h2{text-align:left}}
/* Shared alignment for the selected corporate layout. */
.v1 .site-header,.v1 .concept-main,.v1 .site-footer{width:min(1060px,calc(100% - 64px));max-width:1060px;margin-inline:auto}.v1 .direction{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) 20px}.v1 .direction-title,.v1 .service-copy{min-width:0}.v1 .work-approach{margin-top:0}.v1 .contacts{padding-block:28px}.v1 .site-footer{padding-inline:0}
@media(max-width:760px){.v1 .site-header,.v1 .concept-main,.v1 .site-footer{width:calc(100% - 36px)}.v1 .direction{grid-template-columns:minmax(0,1fr) 20px}.v1 .service-copy{grid-column:1;grid-row:2}.v1 .direction svg{grid-column:2;grid-row:1}.v1 .site-header{gap:16px}.v1 .site-header nav{flex-wrap:wrap}}
/* A calmer reading surface for the selected site. */
.production{background:#f7f6f2;color:#333630}.production .site-header{border-color:#dedfd7;padding-block:22px}.production .logo{font-weight:650;color:#454c40}.production nav{color:#50564b}.production .lead{padding-block:42px 35px;max-width:740px}.production h1{font-size:35px;font-weight:500;letter-spacing:-.025em;line-height:1.25}.production .lead>p{font-size:15px;line-height:1.8;color:#5a6055;max-width:64ch}.production .direction{align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) 20px;padding-block:29px;border-color:#dedfd7;gap:36px}.production .direction h2{font-size:19px;font-weight:500;line-height:1.5;max-width:25ch}.production .direction svg{margin-top:5px;color:#6d7863}.production .service-copy ul{margin:0;padding-left:16px;font-size:14px;color:#555c50;line-height:1.85}.production .service-copy li+li{margin-top:7px}.production .service-copy li::marker{color:#9aab8a}.production .read-article{font-size:12px;color:#4e6240;margin-top:17px;text-decoration-color:#a5b298}.production .direction:hover h2{text-decoration:none;color:#4e6240}.production .direction:hover .read-article{text-decoration-thickness:2px}.production .work-approach{padding-block:37px;border-color:#dedfd7}.production .approach-copy h2{font-size:25px;font-weight:500;line-height:1.4}.production .approach-copy p,.production .work-steps p{color:#5a6055;font-size:14px}.production .approach-copy>a{color:#4e6240}.production .work-steps h3{font-weight:500}.production .work-steps li{border-color:#dedfd7}.production .contacts{border-color:#dedfd7;padding-block:32px}.production .contact-intro h2{font-weight:500;color:#333630}.production .contact-intro p{font-size:14px;color:#5a6055}.production .contacts>a{font-size:15px;color:#4e6240;text-decoration-color:#a5b298}.production .site-footer{color:#62695b;border-color:#dedfd7}.production ::selection{background:#dfe7d7;color:#30392b}.production a:focus-visible{outline-color:#667b53}
@media(max-width:760px){.production .lead{padding-block:28px}.production h1{font-size:28px}.production .lead>p{font-size:14px}.production .direction{grid-template-columns:minmax(0,1fr) 20px;gap:15px;padding-block:24px}.production .direction h2{font-size:18px;max-width:28ch}.production .service-copy{grid-column:1;grid-row:2}.production .direction svg{grid-column:2;grid-row:1}.production .service-copy ul{font-size:14px}.production .work-approach{padding-block:28px}.production .contacts{gap:18px}}
/* Readability adjustment without enlarging the layout. */
.production{color:#272b25}.production .lead>p{color:#363d32;font-size:16px;line-height:1.7}.production .service-copy ul{color:#343b30;font-size:15px;line-height:1.7}.production .service-copy li+li{margin-top:6px}.production .direction h2{color:#272d23;font-size:20px}.production .read-article{color:#35492a;font-size:13px}.production .approach-copy p,.production .work-steps p{color:#363d32;font-size:15px;line-height:1.7}.production .contact-intro p{color:#363d32;font-size:15px}.production .contacts>span,.production .site-footer{color:#454d3e}.production nav{color:#343b30;font-size:13px}.production .direction{padding-block:26px}.production .lead{padding-block:36px 30px}
@media(max-width:760px){.production .lead>p,.production .service-copy ul,.production .approach-copy p,.production .work-steps p,.production .contact-intro p{font-size:15px}.production .direction h2{font-size:19px}.production .direction{padding-block:22px}.production .lead{padding-block:27px}}
.production .home-brand{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:750;letter-spacing:.06em}.production .home-brand-symbol{display:flex;align-items:center;justify-content:center;background:#e3e7dc;width:42px;height:42px;color:#454c40;font-weight:800;font-size:23px;letter-spacing:-.05em;position:relative}.production .home-brand-symbol>span{position:absolute;right:0;bottom:0;width:9px;height:9px;background:#a5b298;border-top:1px solid #a5b298;border-left:1px solid #a5b298}.production .home-brand-name small{display:block;font-size:8px;font-weight:500;letter-spacing:.12em;margin-top:3px;color:#3c4436}
@media(max-width:760px){.production .home-brand{font-size:12px;gap:10px}.production .home-brand-symbol{width:36px;height:36px;font-size:21px}.production .home-brand-name small{font-size:6px}}
