@font-face{font-family:DM;src:url('/fonts/dm-sans-latin.woff2') format('woff2');font-display:swap;font-weight:100 900}
@font-face{font-family:Plex;src:url('/fonts/ibm-plex-mono-latin.woff2') format('woff2');font-display:swap;font-weight:400}
:root{--paper:#f3f1e9;--ink:#172426;--accent:#f6ce45;--line:#bcc0b7;--soft:#e5e6de;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 DM,Arial,sans-serif}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit}button,a,summary{touch-action:manipulation}button,summary{cursor:pointer}button{color:inherit}button,a,summary,select,input{outline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid currentColor}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.08;font-weight:500;text-wrap:balance}p{max-width:62ch}h1{font-size:clamp(3.2rem,6.5vw,6.7rem);letter-spacing:-.055em}h2{font-size:clamp(2.4rem,4.3vw,4.4rem);letter-spacing:-.045em}h3{font-size:1.6rem;letter-spacing:-.025em}p+p{margin-top:16px}section{scroll-margin-top:24px}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:10px;left:12px;z-index:20;transform:translateY(-180%);padding:12px 20px;background:var(--ink);color:var(--paper)}.skip:focus{transform:none}.folio-bar{padding:9px 0;border-bottom:1px solid var(--line);font:11px/1.6 Plex,monospace;letter-spacing:.04em}.folio-bar .wrap{display:flex;justify-content:space-between;gap:15px}.folio-bar a{text-decoration:none;min-height:25px;display:inline-flex;align-items:center}.site-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:24px}.brand{font-size:25px;letter-spacing:-.04em;font-weight:800;text-decoration:none;white-space:nowrap}.brand svg{width:33px;height:25px;vertical-align:middle;margin-right:9px}nav{display:flex;align-items:center;gap:26px}nav a{display:flex;align-items:center;min-height:44px;text-decoration:none;font-size:14px}nav a:hover{text-decoration:underline}.eyebrow{font:11px/1.6 Plex,monospace;letter-spacing:.12em;text-transform:uppercase;margin-bottom:24px}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;min-height:54px;padding:15px 22px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-size:14px;text-decoration:none;font-weight:600;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px);box-shadow:0 4px 0 var(--accent)}.btn.light{color:var(--ink);background:var(--accent)}.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px}.section{padding-block:100px;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px}.section-head>p{max-width:31ch}.section-head h2{max-width:17ch}.pill{font:11px/1.6 Plex,monospace;padding:6px 11px;border:1px solid currentColor;border-radius:40px;display:inline-block}.choices{display:flex;gap:10px;flex-wrap:wrap}.choices button{min-height:48px;border:1px solid var(--line);background:transparent;padding:11px 20px;transition:background .2s,color .2s}.choices button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.switch-panel{margin-top:30px}.switch-panel[hidden],[hidden]{display:none!important}.switch-panel ul{padding-left:22px;margin-bottom:0}.switch-panel h3{margin-bottom:14px}.switch-panel p{margin-top:12px}.note{font-size:13px;line-height:1.6}.number{font:12px Plex,monospace}.process{list-style:none;margin:0;padding:0}.process li{border-top:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:45px 1fr;gap:15px}.process h3{font-size:22px;margin-bottom:10px}.process p{font-size:15px;max-width:48ch}.details-list details{border-top:1px solid var(--line);padding-block:6px}.details-list details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:19px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:26px;font-weight:400}details[open] summary:after{content:'−'}details p{padding:0 30px 22px 0;font-size:15px;max-width:55ch}.checklist{display:grid;gap:12px;margin-block:28px}.checklist label{display:flex;gap:14px;align-items:center;min-height:52px;padding:12px 15px;border:1px solid var(--line);cursor:pointer;font-size:15px}.checklist label:has(input:checked){background:var(--soft);border-color:var(--ink)}input[type=checkbox]{width:20px;height:20px;accent-color:var(--ink);flex-shrink:0}.list-result{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.list-result ul{padding-left:20px;margin-bottom:22px}.case-note{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.case-note h2{font-size:clamp(2rem,3.5vw,3.5rem)}.case-note h3{font-size:19px;margin-bottom:12px}.case-note .case-copy{display:grid;gap:30px}.case-note p{font-size:15px}.project-contact{display:flex;justify-content:space-between;align-items:center;gap:36px;margin-top:60px;padding-top:35px;border-top:1px solid var(--line)}.project-contact h3{font-size:24px;margin-bottom:12px}.project-contact .btn{flex-shrink:0}footer{padding-block:30px;border-top:1px solid var(--line)}footer .wrap{display:flex;justify-content:space-between;gap:30px;font-size:12px}footer p{max-width:70ch}footer a{white-space:nowrap}dialog{border:1px solid var(--line);width:min(620px,calc(100% - 32px));max-height:85vh;overflow:auto;padding:40px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#101918b8;backdrop-filter:blur(5px)}dialog h2{font-size:36px;margin:32px 0 22px}dialog p{margin:15px 0}dialog .close{display:block;margin-left:auto;background:transparent;border:1px solid var(--line);min-height:44px;padding:8px 15px}dialog ul{padding-left:22px}dialog .btn{margin-top:22px}.reveal-in{animation:arrive .7s ease-out both}@keyframes arrive{from{opacity:.4;transform:translateY(18px)}to{opacity:1;transform:none}}.flow-line{display:flex;gap:0;align-items:center;font:11px Plex,monospace}.flow-line span{position:relative;flex:1;padding:24px 0;border-top:1px solid var(--line)}.flow-line span:before{content:'';width:8px;height:8px;border-radius:50%;position:absolute;top:-4px;left:0;background:var(--ink)}.flow-line span:after{content:'';position:absolute;top:-2px;left:0;height:4px;width:100%;background:var(--accent);transform-origin:left;animation:flow 6s ease-in-out infinite;transform:scaleX(0)}.flow-line span:nth-child(2):after{animation-delay:2s}.flow-line span:nth-child(3):after{animation-delay:4s}@keyframes flow{0%,5%{transform:scaleX(0)}25%,35%{transform:scaleX(1)}50%,100%{transform:scaleX(0);transform-origin:right}}
/* RIDGELINE: specification sheets, roof angles, and workwear yellow. */
.roofing{--paper:#f1f0e8;--ink:#1b292c;--line:#b4bcb7;--accent:#f7cb45;--soft:#e4e6de}.roofing .brand{letter-spacing:-.07em}.roofing .hero{background:var(--ink);color:var(--paper);position:relative;overflow:hidden}.roofing .hero .wrap{display:grid;grid-template-columns:1.02fr 1fr;min-height:620px}.roofing .hero-copy{padding:70px 40px 65px 0;position:relative;z-index:1}.roofing h1{font-size:clamp(3.5rem,6.7vw,6.8rem);font-weight:800;text-transform:uppercase;line-height:.96}.roofing h1 em{font-style:normal;color:var(--accent)}.roofing .hero-copy>p:not(.eyebrow){margin:28px 0 32px;max-width:37ch;color:#d7ded9}.roofing .hero-photo{position:relative;margin-right:min(-48px,calc((1320px - 100vw)/2));margin-left:10px}.roofing .hero-photo img{height:100%;width:100%;position:absolute;object-position:60% center}.roofing .hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1b292c40,transparent)}.roofing .photo-label{position:absolute;z-index:1;bottom:24px;right:26px;background:var(--accent);color:var(--ink);font:11px Plex,monospace;padding:13px 18px}.spec-strip{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.spec-strip p{padding:22px 0;font-size:13px;font-weight:600}.spec-strip p+p{margin:0;border-left:1px solid var(--line);padding-left:28px}.spec-strip span{font:11px Plex,monospace;margin-right:14px}.roofing .planner{display:grid;grid-template-columns:1fr 1.05fr;gap:70px}.roofing .planner h2{font-weight:750;text-transform:uppercase;max-width:12ch}.roofing .planner-intro>p:last-child{margin-top:25px;max-width:36ch}.roofing .plan-card{border:1px solid var(--ink);padding:32px;background:#faf9f3;box-shadow:8px 8px 0 var(--accent)}.roofing .choices{display:grid;grid-template-columns:1fr}.roofing .choices button{text-align:left;display:flex;justify-content:space-between}.roofing .choices button:after{content:'↗'}.roofing .plan-card .btn{margin-top:30px;width:100%}.roofing .job-process{display:grid;grid-template-columns:1fr 1fr;gap:90px}.roofing .job-process h2{font-weight:750;text-transform:uppercase}.roofing .case-note{border-top:6px solid var(--ink)}
/* FIELDWORK: oversized type, cobalt blocks, and a visible editorial grid. */
.digital-marketing{--paper:#f1f1e9;--ink:#171d22;--accent:#d7ff65;--line:#afb6b5;--soft:#e4e9db}.digital-marketing .brand{font-size:28px;letter-spacing:-.075em}.digital-marketing .hero{padding-top:42px}.agency-title{display:flex;align-items:end;justify-content:space-between;gap:40px}.agency-title h1{font-size:clamp(4rem,10.5vw,10rem);font-weight:700;line-height:.93;max-width:10ch}.agency-title h1 em{font-family:var(--serif);font-weight:400;color:#2447cd}.agency-title .side-note{width:230px;flex-shrink:0;padding-bottom:10px}.side-note p{font-size:15px;margin:20px 0}.agency-stage{margin-top:45px;display:grid;grid-template-columns:1.2fr 1fr;min-height:330px}.agency-stage figure{position:relative}.agency-stage img{width:100%;height:100%;max-height:390px}.agency-stage figcaption{position:absolute;bottom:20px;left:22px;background:var(--paper);padding:7px 12px;font:11px Plex,monospace}.agency-board{background:#2447cd;color:white;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.agency-board .eyebrow{margin-bottom:20px}.board-arrow{font-size:110px;line-height:1;align-self:end;color:var(--accent);animation:point 3s ease-in-out infinite}@keyframes point{50%{transform:translate(8px,-8px)}}.agency-board p:last-child{font-size:24px;max-width:20ch}.agency-ribbon{display:flex;justify-content:space-between;gap:20px;padding:20px 0;font:11px Plex,monospace;border-bottom:1px solid var(--line)}.strategy-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px}.strategy-grid .choices{flex-direction:column}.strategy-grid .choices button{font-size:23px;text-align:left;border:0;border-bottom:1px solid var(--line);padding:22px 15px}.strategy-grid .choices button[aria-pressed=true]{background:var(--accent);color:var(--ink)}.campaign-output{background:#171d22;color:#f1f1e9;padding:40px;min-height:390px}.campaign-output .eyebrow{color:var(--accent)}.campaign-output .switch-panel{margin:0}.campaign-output dl{display:grid;grid-template-columns:100px 1fr;gap:18px;font-size:14px;margin-top:30px}.campaign-output dt{color:var(--accent);font:11px/1.8 Plex,monospace}.campaign-output dd{margin:0}.agency-services{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.agency-services article{border:1px solid var(--line);padding:35px}.agency-services article:nth-child(2){background:var(--accent)}.agency-services h3{margin:50px 0 20px;font-size:30px}.agency-services p{font-size:15px}.digital-marketing .case-note h2{font-weight:700}.digital-marketing .case-note{border-top:8px solid #2447cd}
/* STILLWATER: generous reading space, sage, and a soft asymmetric portrait. */
.mental-healthcare{--paper:#f5f3eb;--ink:#273e35;--accent:#dbe5c9;--line:#b8c4b4;--soft:#e7ecdf}.mental-healthcare .brand{font-family:var(--serif);font-weight:400;font-size:29px;letter-spacing:-.025em;text-transform:lowercase}.mental-healthcare .hero{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:55px 85px}.mental-healthcare h1,.mental-healthcare h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}.mental-healthcare h1{font-size:clamp(3.7rem,6.5vw,6.4rem)}.mental-healthcare h1 em{font-weight:400}.mental-healthcare .hero-copy>p:not(.eyebrow){margin:28px 0;max-width:36ch}.mental-healthcare .hero-image{position:relative;padding:0 18px 20px 0}.mental-healthcare .hero-image img{width:100%;height:510px;border-radius:48% 48% 4px 4px;object-position:45% center}.mental-healthcare .hero-image:after{content:'';position:absolute;inset:22px 0 0 22px;border:1px solid var(--ink);border-radius:48% 48% 4px 4px;z-index:-1}.mental-healthcare .hero-image figcaption{font:11px Plex,monospace;margin-top:16px}.gentle-intro{background:var(--accent);padding:35px 0}.gentle-intro .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.gentle-intro p{max-width:60ch;font-size:18px}.gentle-intro svg{width:75px;flex-shrink:0}.support-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.support-layout h2{max-width:12ch}.support-layout>div>p:last-child{margin-top:22px}.mental-healthcare .details-list summary{font-family:var(--serif);font-size:27px;min-height:90px}.visit-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px}.visit-layout h2{max-width:12ch}.visit-layout .process{margin-top:35px}.question-paper{background:#e7ecdf;padding:38px;border-radius:100px 0 0 0}.question-paper h3{font:32px var(--serif);margin:15px 0}.question-paper .checklist label{padding:14px 0;border-width:0 0 1px}.mental-healthcare .choices button{border-radius:30px}.mental-healthcare .btn{border-radius:30px}.mental-healthcare .case-note{padding-top:80px}
/* LUMÉ: chocolate ink, warm paper, and a magazine-like photo spread. */
.medspa{--paper:#f3ede4;--ink:#4c3028;--accent:#d8bba9;--line:#c2afa2;--soft:#e6d9cc}.medspa .brand{font:38px var(--serif);letter-spacing:.13em}.medspa .site-header{border-bottom:1px solid var(--line)}.medspa .hero{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:60px;padding-block:48px 65px;align-items:center}.medspa h1,.medspa h2{font-family:var(--serif);font-weight:400}.medspa h1{font-size:clamp(4rem,7.1vw,7.2rem);letter-spacing:-.055em;max-width:8ch;line-height:.98}.medspa h1 em{font-weight:400}.medspa .hero-copy{padding-bottom:20px}.medspa .hero-copy>p:not(.eyebrow){margin:30px 0;max-width:35ch;font-size:16px}.medspa .hero-image{position:relative}.medspa .hero-image img{height:580px;width:100%;object-position:30% center}.medspa .hero-image figcaption{position:absolute;bottom:22px;right:20px;writing-mode:vertical-rl;font:11px Plex,monospace;background:var(--paper);padding:14px 9px}.medspa .edition{display:flex;justify-content:space-between;font:11px Plex,monospace;border-top:1px solid var(--line);padding-top:20px}.consultation-intro{display:grid;grid-template-columns:.6fr 1.4fr;gap:70px;align-items:start}.consultation-intro h2{max-width:22ch;font-size:clamp(2.5rem,4vw,4rem)}.consultation-intro>div>p{margin-top:25px;max-width:48ch}.medspa .explore-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}.medspa .choices{gap:0;flex-direction:column}.medspa .choices button{padding:22px 15px;text-align:left;font-family:var(--serif);font-size:26px;border-width:0 0 1px}.medspa .choices button[aria-pressed=true]{background:var(--soft);color:var(--ink);border-color:var(--line)}.medspa .switch-panel{background:#e6d9cc;padding:35px;margin:0;min-height:340px}.medspa .switch-panel h3{font:34px var(--serif);max-width:15ch}.medspa .switch-panel ul{font-size:15px;line-height:1.8}.medspa .switch-panel .note{margin-top:25px}.medspa .questions-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.medspa .questions-layout h2{max-width:12ch}.medspa .question-paper{background:transparent;padding:0;border-radius:0}.medspa .case-note{background:var(--ink);color:var(--paper);width:100%;padding-inline:max(48px,calc((100vw - 1320px)/2));border-color:var(--ink)}.medspa .case-note .btn{background:var(--paper);color:var(--ink);border-color:var(--paper)}.medspa .case-note .project-contact{border-color:#a68b7e}
@media(min-width:1500px){.roofing .hero-photo{margin-right:calc((1320px - 100vw)/2)}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.roofing .hero .wrap{min-height:570px}.roofing .hero-copy{padding-top:60px}.roofing .hero-photo{margin-right:-28px}.roofing .planner,.roofing .job-process,.strategy-grid,.support-layout,.visit-layout,.medspa .explore-grid,.medspa .questions-layout{gap:40px}.mental-healthcare .hero{gap:40px}.mental-healthcare .hero-image img{height:440px}.medspa .hero{gap:35px}.medspa .hero-image img{height:520px}.agency-services article{padding:24px}.case-note{gap:45px}.medspa .case-note{padding-inline:28px}.agency-title h1{font-size:clamp(4.4rem,10.5vw,7rem)}}
@media(max-width:700px){body{font-size:16px}.wrap{width:calc(100% - 40px)}.folio-bar{font-size:10px}.folio-bar .wrap{gap:10px}.folio-bar span{max-width:24ch}.site-header{padding-block:17px;gap:16px;flex-wrap:wrap}.brand{font-size:23px}nav{gap:20px}nav a{font-size:12px;min-height:40px}.section{padding-block:60px}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:22px;max-width:40ch}.section-head h2{max-width:17ch}.eyebrow{margin-bottom:20px;font-size:10px}.case-note,.project-contact{display:block}.case-note .case-copy{margin-top:30px}.project-contact .btn{margin-top:22px}.project-contact{margin-top:36px;padding-top:26px}footer .wrap{flex-direction:column;gap:15px}.roofing .hero .wrap{display:flex;flex-direction:column;min-height:0}.roofing .hero-copy{padding:40px 0 34px}.roofing h1{font-size:clamp(3.4rem,13vw,5rem);max-width:11ch}.roofing .hero-copy>p:not(.eyebrow){margin:22px 0}.roofing .hero-photo{margin:0 -20px;height:270px}.roofing .hero-photo img{position:static;height:270px;object-position:55% 48%}.roofing .photo-label{bottom:15px;right:20px;font-size:10px}.spec-strip{grid-template-columns:1fr;gap:0;padding:15px 0}.spec-strip p,.spec-strip p+p{padding:6px 0;border:0;font-size:12px}.roofing .planner,.roofing .job-process,.strategy-grid,.support-layout,.visit-layout,.medspa .explore-grid,.medspa .questions-layout{grid-template-columns:1fr;gap:32px}.roofing .planner h2{max-width:14ch}.roofing .plan-card{padding:24px;box-shadow:5px 5px 0 var(--accent)}.roofing .job-process h2{max-width:14ch}.agency-title{display:block}.digital-marketing .hero{padding-top:30px}.agency-title h1{font-size:clamp(4rem,15vw,6rem);max-width:10ch}.agency-title .side-note{margin-top:25px;width:auto;max-width:40ch}.agency-title .side-note p{margin-block:15px}.agency-stage{margin-top:28px;grid-template-columns:1fr}.agency-stage img{height:250px}.agency-board{min-height:220px;display:grid;grid-template-columns:1fr 70px;gap:20px;padding:25px}.agency-board .eyebrow{grid-column:1}.board-arrow{font-size:70px;grid-column:2;grid-row:1/3}.agency-board p:last-child{font-size:23px;grid-column:1;grid-row:2}.agency-ribbon{flex-wrap:wrap;font-size:10px;gap:8px 20px;padding:17px 0}.strategy-grid .choices button{font-size:20px;padding:17px 12px}.campaign-output{padding:27px;min-height:360px}.campaign-output dl{grid-template-columns:80px 1fr;gap:18px 12px}.agency-services{grid-template-columns:1fr}.agency-services article{padding:27px}.agency-services h3{margin:25px 0 15px}.mental-healthcare .hero{grid-template-columns:1fr;gap:35px;padding-block:35px 50px}.mental-healthcare h1{font-size:clamp(3.4rem,14vw,5rem);max-width:11ch}.mental-healthcare .hero-image{max-width:470px;width:100%;margin:auto}.mental-healthcare .hero-image img{height:330px}.gentle-intro{padding:25px 0}.gentle-intro p{font-size:16px}.gentle-intro svg{width:45px}.support-layout h2,.visit-layout h2{max-width:15ch}.mental-healthcare .details-list summary{font-size:24px;min-height:80px}.question-paper{padding:35px 25px 25px;border-radius:65px 0 0 0}.mental-healthcare .brand{font-size:28px}.mental-healthcare .case-note{padding-top:55px}.medspa .hero{grid-template-columns:1fr;gap:35px;padding-block:35px}.medspa .hero-copy{padding:0}.medspa h1{font-size:clamp(4.6rem,18vw,6rem);max-width:9ch}.medspa .hero-copy>p:not(.eyebrow){margin:25px 0}.medspa .hero-image img{height:400px;object-position:30% center}.medspa .brand{font-size:32px}.medspa .edition{gap:22px;font-size:10px}.consultation-intro{grid-template-columns:1fr;gap:10px}.consultation-intro h2{max-width:17ch}.medspa .explore-grid{gap:20px}.medspa .switch-panel{padding:28px;min-height:330px}.medspa .questions-layout{gap:28px}.medspa .questions-layout h2{max-width:15ch}.medspa .case-note{padding-inline:20px}.flow-line{font-size:10px}.flow-line span{padding-right:12px}.btn{min-height:52px}dialog{padding:25px}dialog h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.flow-line span:after{transform:scaleX(1);opacity:.6}}