/* Formular trial © Brownfox. Local evaluation before purchase; see FORMULAR-LICENSE-NOTE.md. */
@font-face{font-family:Formular;src:url('../assets/formular-regular-trial.otf') format('opentype');font-weight:400;font-display:swap;unicode-range:U+2C-2E,U+30-39,U+41-5A,U+61-7A,U+C0-CF,U+D1-D6,U+D8-DD,U+E0-EF,U+F1-F6,U+F8-FD,U+FF-107,U+10C-10F,U+111-113,U+116-11B,U+11E-11F,U+122-123,U+128-12B,U+12E-131,U+136-137,U+139-13E,U+141-148,U+14A-14D,U+150-15B,U+15E-16B,U+16E-173,U+178-17E,U+401,U+403-408,U+40C,U+40E,U+410-44F,U+451-458,U+45B-45C,U+45E,U+4AE,U+4BB}
@font-face{font-family:Formular;src:url('../assets/formular-medium-trial.otf') format('opentype');font-weight:500 900;font-display:swap;unicode-range:U+2C-2E,U+30-39,U+41-5A,U+61-7A,U+C0-CF,U+D1-D6,U+D8-DD,U+E0-EF,U+F1-F6,U+F8-FD,U+FF-107,U+10C-10F,U+111-113,U+116-11B,U+11E-11F,U+122-123,U+128-12B,U+12E-131,U+136-137,U+139-13E,U+141-148,U+14A-14D,U+150-15B,U+15E-16B,U+16E-173,U+178-17E,U+401,U+403-408,U+40C,U+40E,U+410-44F,U+451-458,U+45B-45C,U+45E,U+4AE,U+4BB}
:root{font-family:Formular,Onest,sans-serif;font-synthesis:none;--refined-ink:#173f40;--refined-paper:#f1f3ed;--refined-accent:#086968}
body.refined{font-family:Formular,Onest,sans-serif;background:#f1f3ed;color:var(--refined-ink);--bg:#f1f3ed;--ink:#173f40;--muted:#48615c;--surface:#e3ebe2;--accent:#086968;--line:#173f402b;--pane:#f4f7efd9;--pane-light:#ffffffe0;--pane-edge:#ffffffdd;--back:#f3f6eff5}
body.refined:before{background:none}
.refined h1,.refined h2,.refined h3,.refined .card-title{font-family:Formular,Onest,sans-serif;font-weight:500;letter-spacing:-.02em;text-wrap:balance}
.refined p{font-size:16px;line-height:1.65}
.refined .site-header{height:104px;padding:0 4.4%;gap:24px;max-width:1600px}
.refined .logo{font-family:Formular,Onest,sans-serif;font-size:32px;font-weight:500;letter-spacing:-.05em}
.refined .site-header nav{gap:24px;align-items:center}
.refined .site-header nav a{font-size:14px;min-height:44px;display:flex;align-items:center;text-underline-offset:5px}
.refined .site-header nav a:hover{text-decoration:underline}
.refined .header-contact{font-size:14px;background:#086968;color:#fff;border:0;border-radius:8px;min-height:48px;gap:18px;padding:13px 20px}
.refined .back-to-concepts{font-size:11px;white-space:nowrap}
.refined .hero{margin:0 24px;padding:36px;min-height:770px;height:auto;max-height:none;gap:30px;align-items:stretch}
.refined .hero-media{border-radius:16px}
.refined .hero-video{object-position:68% 50%}
.refined .hero-media:after{background:linear-gradient(90deg,#163b3d38,#163b3d08 75%)}
.refined .hero-content{width:68%;max-width:820px;margin:0;padding:35px 38px 30px;background:#f5f7efe8;backdrop-filter:blur(22px);box-shadow:none;border-radius:12px}
.refined .hero h1{display:block}
.refined .hero h1 .premise{font-family:Formular,Onest,sans-serif;font-size:26px;font-weight:400;letter-spacing:-.015em;line-height:1.25;max-width:470px;margin:0 0 22px}
.refined .hero h1 .premise br{display:none}
.refined .hero h1 .answer{font-family:Formular,Onest,sans-serif;font-size:clamp(48px,4.4vw,68px);font-weight:500;letter-spacing:-.025em;line-height:1.04;color:#125b59;max-width:720px}
.refined .hero h1 .answer br{display:none}
.refined .hero-subtitle{font-size:17px;line-height:1.55;margin-top:25px;max-width:58ch;color:#294d48}
.hero-proof{display:flex;gap:20px;border-top:1px solid #173f4026;padding-top:19px;margin-top:22px}
.hero-proof span{flex:1;font-size:13px;line-height:1.5;max-width:240px}
.refined .hero .route-tiles{margin:0;max-width:none;gap:20px}
.refined .route-tile{min-height:130px;padding:23px 28px;border-radius:12px;box-shadow:none;background:#f5f7eede;--pane-edge:#ffffffb3}
.refined .route-tile.beginner{background:#d9e0c9ef;color:#183f3c}
.refined .route-tile strong{font-family:Formular,Onest,sans-serif;font-size:27px;line-height:1.17;font-weight:500;letter-spacing:-.02em}
.refined .route-end{font-size:14px;margin-top:16px}
.refined .route-icon{width:35px;height:35px;border-radius:7px;background:transparent;border-color:#173f4030}
.refined .beginner .route-icon{background:#086968;border-color:#086968;color:white}
.refined .video-toggle{right:38px;bottom:205px;width:44px;height:44px;border-radius:8px}
.hero-origin{position:absolute;right:38px;top:28px;max-width:175px;font-size:10px;line-height:1.5;color:#fff;background:#143e40c9;padding:8px 11px;border-radius:5px}
.refined .service-intro{padding-top:28px;max-width:1600px}
.refined .service-intro p,.refined .service-intro a{font-size:13px;line-height:1.5}
.refined .services-section,.refined .start-section{max-width:1600px;padding-top:85px}
.refined .section-head h2{font-size:clamp(34px,3.5vw,52px);line-height:1.1;max-width:700px}
.refined .section-head p{font-size:16px;line-height:1.6;max-width:460px}
.refined .section-head{gap:40px;margin-bottom:32px}
.refined .services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.refined .services-grid .flip-card{height:400px}
.refined .services-grid .sourcing{grid-column:span 1;height:400px}
.refined .services-grid .reverse{grid-column:span 2;height:370px}
.refined .services-grid .service-link-card{grid-column:span 1;height:400px}
.refined .card-title{font-size:32px;line-height:1.1;max-width:100%}
.refined .services-grid .card-copy{max-width:none;width:100%;background:#f5f7eee8;box-shadow:none;padding:23px 26px 68px;border-radius:10px;gap:12px}
.refined .card-front .card-sub{font-size:15px;line-height:1.5;margin-top:0}
.refined .services-grid .card-control{font-size:13px;line-height:1.5;left:52px;right:52px;width:auto;bottom:39px}
.refined .card-front .card-title{padding-right:0}
.refined .card-back{padding:27px 28px;backdrop-filter:blur(18px)}
.refined .card-back h3{font-size:30px;max-width:calc(100% - 90px)}
.refined .card-back dd{font-size:16px;line-height:1.55}
.refined .card-back dt{font-size:12px}
.refined .service-contact{font-size:14px;border-radius:8px}
.service-detail-link{font-size:13px;line-height:1.5;text-decoration:underline;text-underline-offset:4px;display:inline-block;margin-top:14px}
.case-feature{margin:66px auto 0;max-width:1459px;padding:0 4.4%}
.case-feature-inner{padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.1fr;gap:80px}
.case-feature h2{font-size:32px;line-height:1.2;margin:0 0 16px;max-width:530px}
.case-feature p{max-width:62ch;font-size:16px}
.case-feature a{display:inline-flex;gap:24px;align-items:center;margin-top:18px;text-decoration:underline;text-underline-offset:6px;font-size:15px}
.case-process{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:20px;font-size:13px;color:#48615c}
.case-process span+span:before{content:'→';margin-right:15px}
.refined .all-services{margin-top:65px}
.service-group{margin-top:34px}
.service-group>h3{font-size:24px;line-height:1.3;margin-bottom:18px}
.refined .extra-services{gap:13px}
.refined .extra-service{background:#e6ece3a6;border:1px solid #cdd9cf;border-radius:10px}
.refined .extra-service summary{font-size:20px;min-height:86px;padding:24px;line-height:1.3}
.refined .expand-sign{position:relative;flex:0 0 20px;width:20px;height:20px;font-size:0}
.refined .expand-sign:before,.refined .expand-sign:after{content:'';position:absolute;background:currentColor;top:9px;left:2px;width:16px;height:1.5px}
.refined .expand-sign:after{transform:rotate(90deg)}
.refined .extra-body{padding:0 24px 24px}
.refined .extra-body p{font-size:16px}
.refined .extra-contact{font-size:14px;border-radius:8px;width:max-content;max-width:100%}
.refined .exhibition-feature{margin-top:45px}
.refined .exhibition-feature p{font-size:16px}
.refined .contact-section{max-width:1459px;background:#153f40;color:#f1f3ed;padding:48px;border-radius:14px;margin:80px auto 0;gap:35px}
.refined .contact-lead h2{font-size:42px;line-height:1.12}
.refined .contact-lead p{font-size:16px;color:#d0e0d8}
.refined .owner-links{gap:14px}
.refined .owner-links button{border-radius:9px;border-color:#f1f3ed40;background:#ffffff0d;box-shadow:none;color:#f1f3ed;padding:26px}
.refined .owner-links strong{font-size:31px;font-weight:500}
.refined .owner-links small{font-size:13px;line-height:1.5;color:#d0e0d8;display:block;max-width:310px}
.owner-description{display:block;font-size:14px;line-height:1.5;margin-top:8px;font-weight:400;max-width:28ch}
.refined .contact-section .team-contact{margin-top:22px;font-size:14px;color:#f1f3ed;text-decoration:underline;text-underline-offset:5px}
.refined footer{max-width:1459px;margin:0 auto;padding:28px 4.4%;font-size:12px;gap:30px;align-items:start}
.refined footer p{font-size:12px;line-height:1.6;max-width:540px}
.refined footer a{font-size:13px;line-height:1.5}
.refined .process-steps p{font-size:16px;line-height:1.55}
.refined .process-steps h3{font-size:28px}
.refined .first-conversation-note{font-weight:500}
.refined .conversation-invite p{font-size:16px}
.refined .conversation-cta{border-radius:8px}
.refined .topic-hint,.refined .brief-form label,.refined .form-next{font-size:15px;line-height:1.6}
.refined .topic-hint{max-width:48ch}
.refined .brief-form input,.refined .brief-form textarea{font-size:16px}
.refined .form-context h2{font-size:42px}
.refined .prototype-note{font-size:12px}
.refined .draft-text{font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.refined .owner-radio strong{font-size:26px;font-weight:500}
.refined .owner-radio small{font-size:13px;line-height:1.5}
.refined .copy-draft,.refined .download-draft{border-radius:8px;font-size:14px}
.refined .contact-dialog{--back:#f1f3ed;--back-ink:#173f40}
.document-page main{max-width:1320px;padding:65px 4.4% 80px;margin:auto}
.document-page .page-heading{max-width:1050px;margin-bottom:50px}
.document-page h1{font-size:clamp(40px,5vw,68px);line-height:1.05;letter-spacing:-.025em;max-width:1050px}
.refined.document-page h1{display:block;width:auto}
.document-page .lead{font-size:21px;line-height:1.6;max-width:62ch;margin-top:27px}
.document-page .document-body{max-width:70ch}
.document-page .document-body h2{font-size:30px;margin:40px 0 18px;line-height:1.2}
.document-page .document-body p{margin:16px 0}
.document-page .document-body ul{padding-left:22px;line-height:1.75;font-size:17px}
.document-page .document-body li{padding-left:6px;margin:10px 0}
.primary-link{display:inline-flex;align-items:center;justify-content:center;padding:16px 25px;border-radius:8px;background:#086968;color:white;font-size:16px;text-decoration:none;min-height:52px;margin-top:25px;gap:20px}
.subtle-link{display:inline-block;margin:25px 20px 0 0;font-size:15px;text-decoration:underline;text-underline-offset:5px}
.document-page .evidence-note{font-size:12px;color:#48615c;margin:30px 0;line-height:1.6;max-width:75ch}
.project-article{padding:42px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.4fr;gap:60px}
.project-article h2{font-size:38px;line-height:1.12;max-width:490px}
.project-article h3{font-size:21px;line-height:1.3;margin:0 0 10px}
.project-article p{margin-bottom:24px;font-size:17px;max-width:64ch}
.work-media{margin-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.work-media figure{margin:0}
.work-media img,.work-media video{display:block;aspect-ratio:16/10;object-fit:cover;width:100%;border-radius:10px;background:#123f40}
.work-media figcaption{font-size:12px;line-height:1.55;margin-top:12px;color:#48615c}
.gallery-context{border-top:1px solid var(--line);margin-top:38px;padding-top:34px;display:grid;grid-template-columns:1fr 1fr;gap:25px}
.gallery-context h2{font-size:30px;margin-bottom:16px}
.gallery-context p{max-width:65ch}
.refined .gallery-header{max-width:1600px;padding:28px 4.4%}
.refined .gallery-header a{font-size:15px}
.refined .gallery-header .logo{font-size:32px}
.refined .gallery-intro h1{font-size:64px;font-weight:500}
.refined .gallery-intro p{font-size:18px;max-width:65ch}
.refined .photo-caption{font-size:14px;line-height:1.4}
.refined .album-filter{font-family:Formular,Onest,sans-serif;font-size:14px}
.refined .gallery-footer p{font-size:14px}
.refined.analogs-page header{max-width:1440px}
.refined.analogs-page main{max-width:1440px}
.refined.analogs-page h1{font-family:Formular,Onest,sans-serif;font-size:58px;letter-spacing:-.025em}
.refined.analogs-page .intro p{font-size:16px;max-width:470px}
.refined.analogs-page .comparison h2{font-size:30px}
.refined.analogs-page .spec{font-size:15px;line-height:1.5}
.refined.analogs-page .included{font-size:13px}
.refined.analogs-page .local-note{font-size:12px}
.refined.analogs-page .contact-action{font-size:16px;border-radius:8px}
.calculation-label{display:block;font-size:13px;line-height:1.5;padding:12px 15px;background:#e2e9db;margin-bottom:19px;color:#284c41}
@media(min-width:1600px){.refined .hero{max-width:1552px;margin-left:auto;margin-right:auto}}
@media(max-width:1100px){.refined .site-header{gap:18px}.refined .site-header nav{gap:16px}.refined .back-to-concepts{display:none}.refined .hero-content{width:78%;padding:30px}.refined .hero h1 .answer{font-size:54px}.refined .hero{min-height:750px}.refined .card-title{font-size:29px}.refined .card-copy{padding:20px}.refined .card-back{padding:24px}.refined .card-back h3{font-size:26px}.refined .card-back dd{font-size:15px}.refined .contact-section{margin-left:24px;margin-right:24px;padding:35px}.case-feature-inner{gap:40px}.project-article{gap:35px}}
@media(max-width:700px){
 .refined .services-grid .card-copy{padding:20px 20px 62px;width:100%;max-width:none}.refined .services-grid .card-control{left:35px;right:35px;bottom:30px;font-size:12px}
 .refined .site-header{height:auto;min-height:114px;display:grid;grid-template-columns:1fr auto;padding:18px 22px 14px;gap:11px 14px}.refined .logo{font-size:28px}.refined .header-contact{display:flex;grid-column:2;grid-row:1;min-height:44px;padding:11px 14px;font-size:13px;gap:10px}.refined .header-contact .action-icon{display:none}.refined .site-header nav{grid-column:1/-1;grid-row:2;margin-left:0;display:flex;justify-content:space-between;gap:16px}.refined .site-header nav a{font-size:13px;min-height:30px}.refined .back-to-concepts{display:none}
 .refined .hero{margin:0 12px;padding:15px;min-height:0;gap:23px}.refined .hero-content{width:100%;max-width:none;padding:25px 22px;background:#f5f7efe8}.refined .hero h1 .premise{font-size:21px;line-height:1.28;margin-bottom:19px}.refined .hero h1 .answer{font-size:39px;line-height:1.07;letter-spacing:-.022em}.refined .hero-subtitle{font-size:16px;line-height:1.55;margin-top:21px}.hero-proof{display:block;padding-top:16px;margin-top:19px}.hero-proof span{display:block;max-width:none;font-size:13px}.hero-proof span+span{margin-top:9px}.hero-origin{position:static;align-self:flex-end;margin:0;font-size:9px;max-width:240px;order:2;background:#123f40c9}.refined .hero .route-tiles{order:1;grid-template-columns:1fr;gap:12px}.refined .route-tile{min-height:119px;padding:21px 22px}.refined .route-tile strong{font-size:25px;max-width:280px}.refined .route-end{font-size:13px;margin-top:17px}.refined .video-toggle{right:30px;bottom:45px;width:34px;height:34px;z-index:4}.refined .hero-media-caption{display:none}
 .refined .service-intro{padding:23px 24px 0;gap:25px}.refined .service-intro p,.refined .service-intro a{font-size:12px}.refined .service-intro p{max-width:180px}.refined .service-intro a{gap:10px;flex-shrink:0}.case-feature{margin-top:42px;padding:0 24px}.case-feature-inner{padding:26px 0;grid-template-columns:1fr;gap:12px}.case-feature h2{font-size:29px;margin-bottom:5px}.case-feature p{font-size:16px}.case-process{font-size:12px;gap:10px}.case-process span+span:before{margin-right:10px}
 .refined .services-section,.refined .start-section{padding:58px 24px 0}.refined .section-head{display:block;margin-bottom:28px}.refined .section-head h2{font-size:35px;line-height:1.12}.refined .section-head p{font-size:16px;margin-top:19px}.refined .services-grid{grid-template-columns:1fr;gap:18px}.refined .services-grid .flip-card,.refined .services-grid .sourcing,.refined .services-grid .reverse,.refined .services-grid .service-link-card{grid-column:auto;height:385px;min-height:385px}.refined .card-title{font-size:28px;line-height:1.12}.refined .card-copy{padding:20px;width:calc(100% - 32px);max-width:none}.refined .card-front .card-sub{font-size:14px;margin-top:10px}.refined .card-control{font-size:12px}.refined .card-back h3{font-size:27px;max-width:calc(100% - 68px)}.refined .card-back dd{font-size:15px}.refined .card-back{padding:25px 21px}.refined .service-detail-link{font-size:13px}
 .refined .all-services{margin-top:45px}.service-group>h3{font-size:22px}.refined .extra-service summary{font-size:20px;padding:21px;min-height:88px}.refined .extra-body{padding:0 21px 23px}.refined .extra-body p{font-size:16px}.refined .extra-contact{font-size:14px;width:100%}.refined .exhibition-feature p{font-size:16px}
 .refined .contact-section{margin:54px 12px 0;padding:32px 24px}.refined .contact-lead h2{font-size:34px}.refined .contact-lead p{font-size:16px}.refined .owner-links{margin-top:27px}.refined .owner-links button{padding:23px 20px}.refined .owner-links strong{font-size:28px}.refined .owner-links small{font-size:12px}.refined .owner-links svg{width:22px}.owner-description{font-size:13px;max-width:24ch}.refined footer{padding:26px 24px;display:block}.refined footer p{font-size:12px}.refined footer a{display:inline-block;margin:15px 0 0}
 .refined .process-steps h3{font-size:25px}.refined .process-steps p{font-size:16px}.refined .form-context h2{font-size:34px}.refined .topic-hint{font-size:14px}.refined .brief-form label{font-size:14px}.refined .prototype-note{font-size:11px}
 .document-page main{padding:36px 24px 60px}.document-page h1{font-size:40px}.document-page .lead{font-size:18px;line-height:1.6;margin-top:23px}.document-page .page-heading{margin-bottom:32px}.document-page .document-body h2{font-size:27px}.document-page .document-body p,.document-page .document-body ul{font-size:16px}.project-article{grid-template-columns:1fr;gap:25px;padding:33px 0}.project-article h2{font-size:31px}.project-article h3{font-size:21px}.project-article p{font-size:16px}.work-media{grid-template-columns:1fr}.gallery-context{grid-template-columns:1fr;gap:12px}.gallery-context h2{font-size:28px}.refined .gallery-header{padding:22px 24px;gap:20px;flex-wrap:wrap}.refined .gallery-header a{font-size:13px}.refined .gallery-header .logo{font-size:28px}.refined .gallery-intro h1{font-size:44px}.refined .gallery-intro p{font-size:17px}.refined .gallery-footer p{font-size:13px}
 .refined.analogs-page h1{font-size:41px;line-height:1.08}.refined.analogs-page .intro p{font-size:16px}.refined.analogs-page .comparison h2{font-size:29px}.refined.analogs-page .contact-action{font-size:15px}.refined.analogs-page .spec{font-size:15px}
}