@font-face{font-family:Archivo;src:url('./archivo.ttf');font-display:swap}
@font-face{font-family:Domaine;src:url('./domaine.otf');font-style:italic;font-display:swap}
@font-face{font-family:Mono;src:url('./mono-light.ttf');font-display:swap}
:root{--paper:#f4f0e6;--ink:#292720;--red:#c93219;--line:#c9c3b5;--quiet:#716b60}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}
body{background:#1b1916;color:var(--ink);font-family:Archivo,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}p,h1,h3{margin:0}a:focus-visible{outline:1px solid var(--red);outline-offset:6px}
.services-sheet{position:fixed;inset:0;background:var(--paper);z-index:2;padding:3.4dvh 4.45vw;display:flex;flex-direction:column}
.running-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-bottom:1.7dvh;border-bottom:1px solid var(--line);font:10px Mono,monospace;letter-spacing:.1em;flex-shrink:0}
.running-head>a:first-child{width:104px;display:block;cursor:pointer}.running-head img{width:104px;height:auto;display:block;pointer-events:none}.running-head>a:last-child{justify-self:end;letter-spacing:0;border-bottom:1px solid var(--line);padding-bottom:4px}
main{flex:1;min-height:0;display:flex;flex-direction:column}
.service-composition{flex:1;min-height:0;display:grid;grid-template-columns:42% 58%;padding:6dvh 0 4dvh}
.audit{padding-right:5vw}.design{padding-left:5vw;border-left:1px solid var(--line)}
.service-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font:11px Mono,monospace;color:var(--quiet)}.service-label>span:first-child{color:var(--red)}
h1{height:18dvh;display:flex;align-items:center;font-size:min(8.2vw,13dvh);font-weight:400;letter-spacing:-.065em;line-height:1;margin:1dvh 0 2dvh}
.design h1{font:italic min(10.5vw,16dvh)/1 Domaine,serif;letter-spacing:-.04em}
.service-intro{font-size:min(23px,2.8dvh);line-height:1.3;letter-spacing:-.025em}
.service-description,.deliverables p,.design-columns p{font-size:min(15px,1.85dvh);line-height:1.7;color:var(--quiet);max-width:36em}
.service-description{margin-top:2dvh;max-width:29em}
h3{font-size:min(16px,2dvh);font-weight:500;line-height:1.4;margin-bottom:1dvh}
.deliverables{margin-top:3dvh;border-top:1px solid var(--line);padding-top:2dvh}
.design-columns{display:grid;grid-template-columns:1fr 1fr;gap:3vw;margin-top:2dvh;padding-top:2dvh;border-top:1px solid var(--line)}
.service-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;padding-bottom:5px;border-bottom:1px solid var(--ink);margin-top:3dvh}.service-link:hover{color:var(--red);border-color:var(--red)}
.invitation{display:flex;align-items:baseline;gap:27px;margin:1dvh 0 3dvh;font-size:12px}.invitation>span{font:italic 24px Domaine,serif;margin-right:auto}.invitation a{border-bottom:1px solid var(--line);padding-bottom:5px}.invitation a:hover{color:var(--red)}
footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:30px;border-top:1px solid var(--line);padding-top:1.6dvh;padding-right:25px;font-size:10px;color:var(--quiet);flex-shrink:0}.folio{font:italic 22px Domaine,serif;color:var(--ink)}footer a{color:var(--ink)}
.leaf-fold{position:fixed;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.leaf-handle{position:fixed;right:0;bottom:0;width:62px;height:62px;z-index:4}.destination-preview{position:fixed;inset:0;width:100%;height:100%;border:0;background:var(--paper);z-index:1;pointer-events:none}

/* Two facing leaves, held inside one running header and footer. */
.services-sheet{background:linear-gradient(90deg,#f4f0e6 0%,#f4f0e6 50%,#e9dbb8 50%,#e9dbb8 100%)}
.services-sheet::before{content:"";position:absolute;left:calc(50% - 14px);top:0;bottom:0;width:28px;background:linear-gradient(90deg,transparent,rgba(90,68,29,.035) 43%,rgba(90,68,29,.10) 50%,rgba(255,255,255,.18) 54%,transparent);pointer-events:none}
.running-head,main,footer{position:relative}
.service-composition{position:relative;grid-template-columns:1fr 1fr;padding:4.8dvh 0 4dvh}
.audit{padding:0 7vw 0 0;display:flex;flex-direction:column;align-items:flex-start}
.design{padding:0 0 0 7vw;border:0;display:flex;flex-direction:column;align-items:flex-start}
.service-label{font:10px Mono,monospace;letter-spacing:.07em;text-transform:uppercase;color:var(--quiet)}.service-label>span:first-child{color:inherit}
h1{height:auto;display:block;font-size:min(12vw,19dvh);letter-spacing:-.075em;margin:1.6dvh 0 3dvh;line-height:.95}
.design h1{align-self:flex-end;font:italic min(12.5vw,20dvh)/.95 Domaine,serif;letter-spacing:-.045em;margin:1.6dvh 0 3dvh}
.design .service-label{align-self:flex-end}
.service-intro{font-size:min(25px,3dvh);letter-spacing:-.035em}
.service-description{max-width:25em;margin-top:1.8dvh}
.deliverables{margin-top:auto;padding-top:1.8dvh;width:100%;max-width:25em}
.deliverables h3{font:10px Mono,monospace;letter-spacing:.06em;text-transform:uppercase}
.deliverables p{max-width:24em}
.design-columns{width:100%;grid-template-columns:1fr;margin-top:2.5dvh;padding-top:0;border:0;gap:2.2dvh}
.design-columns>div{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid #b9a985;padding-top:1.6dvh}
.design-columns h3{font:italic min(30px,3.8dvh) Domaine,serif;letter-spacing:-.02em}
.design-columns p{max-width:26em}
.design .service-link{margin-top:auto}
.service-link{flex-shrink:0}
.spread-ampersand{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font:italic min(19vw,30dvh)/1 Domaine,serif;color:var(--red);pointer-events:none;z-index:1;letter-spacing:-.09em;padding-right:.09em}
.invitation{border-top:1px solid var(--line);padding-top:2.5dvh;margin-top:0}.invitation>span{font-size:24px}
footer{border-top:0;padding-top:0}

.design-columns h3{margin-bottom:.6dvh}.service-link{margin-top:2dvh}.design .service-link{margin-top:auto}.invitation{flex-shrink:0}.audit,.design{min-height:0}

/* Paper curves into a narrow, shaded binding, with clear inner margins. */
.services-sheet::before{left:calc(50% - 50px);width:100px;background:linear-gradient(90deg,transparent 0%,rgba(81,62,30,.025) 19%,rgba(63,47,22,.07) 37%,rgba(42,31,15,.18) 47%,rgba(31,24,14,.27) 50%,rgba(52,38,16,.17) 52%,rgba(83,63,28,.055) 65%,rgba(255,255,255,.15) 82%,transparent 100%)}
.audit{padding-right:9.5vw}.design{padding-left:9.5vw}
.design h1,.design .service-label{align-self:flex-start}
.audit>*,.design>*{flex-shrink:0}
.design-columns{display:flex;flex-direction:column;gap:2.4dvh;min-width:0}
.design-columns>div{display:block;padding-top:1.7dvh}
.design-columns h3{font-size:min(30px,3.5dvh);line-height:1.25;margin:0 0 1.1dvh}
.design-columns p{line-height:1.6;margin:0}
.spread-ampersand{font-size:min(17vw,27dvh);top:48%}
.service-composition{padding-top:4dvh;padding-bottom:3dvh}
h1,.design h1{font-size:min(11vw,16dvh);margin-top:1.5dvh;margin-bottom:2.6dvh;line-height:1.05}
.service-description,.deliverables p,.design-columns p{font-size:min(15px,1.7dvh)}
.service-intro{font-size:min(23px,2.6dvh)}

/* The binding shades both paper and printed ink, rather than sitting behind it. */
.services-sheet::before{display:none}
.services-sheet::after{content:"";position:absolute;inset:0 auto 0 calc(50% - 55px);width:110px;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(57,42,23,.025) 18%,rgba(48,34,17,.08) 34%,rgba(37,26,13,.19) 45%,rgba(25,18,9,.30) 49.5%,rgba(35,24,12,.23) 51%,rgba(59,42,19,.10) 59%,rgba(255,250,231,.12) 78%,transparent 100%)}
.spread-ampersand{padding:0;line-height:0;mix-blend-mode:multiply}
.printed-ampersand{display:block}

/* Matching shoulders descend into one shared binding valley. */
.services-sheet::after{left:calc(50% - 70px);width:140px;background:linear-gradient(90deg,transparent 0%,rgba(255,253,244,.20) 14%,rgba(255,253,244,.12) 24%,rgba(55,39,19,.035) 33%,rgba(43,29,14,.12) 41%,rgba(29,20,10,.25) 48%,rgba(22,16,8,.30) 50%,rgba(29,20,10,.25) 52%,rgba(43,29,14,.12) 59%,rgba(55,39,19,.035) 67%,rgba(255,253,244,.12) 76%,rgba(255,253,244,.20) 86%,transparent 100%)}
.running-head{grid-template-columns:1fr 1fr}
.practice-label{justify-self:end}

/* Broader left paper curvature; restrained light on the warmer right leaf. */
.services-sheet::after{left:calc(50% - 100px);width:200px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,250,.40) 15%,rgba(255,255,250,.32) 25%,rgba(70,53,30,.035) 35%,rgba(44,31,16,.13) 43%,rgba(29,20,10,.25) 48.5%,rgba(22,16,8,.30) 50%,rgba(29,20,10,.25) 51.5%,rgba(44,31,16,.13) 57%,rgba(70,53,30,.035) 65%,rgba(255,249,229,.035) 75%,rgba(255,249,229,.045) 85%,transparent 100%)}
/* Keep the binding visible without a heavy dark stripe. */
.services-sheet::after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,250,.30) 15%,rgba(255,255,250,.24) 25%,rgba(70,53,30,.025) 35%,rgba(44,31,16,.085) 43%,rgba(29,20,10,.16) 48.5%,rgba(22,16,8,.19) 50%,rgba(29,20,10,.16) 51.5%,rgba(44,31,16,.085) 57%,rgba(70,53,30,.025) 65%,rgba(255,249,229,.03) 75%,rgba(255,249,229,.035) 85%,transparent 100%)}

/* Match the Inside page masthead dimensions exactly. */
.running-head>a:first-child{display:flex;align-items:center;gap:3px;width:86px}
.running-head>a:first-child>img:first-child{width:76px;height:auto;display:block}
.running-head .services-home-dot{width:10px;height:auto;display:block;align-self:center;margin-top:10px;filter:none}

.running-head>a:first-child{display:block;width:78px}.running-head>a:first-child>img:first-child{width:78px;height:auto}

/* Two translucent editorial panels, joined only at their corners. */
.design-columns{display:block;position:relative;width:100%;height:min(36dvh,360px);margin-top:2dvh;flex-shrink:0}
.design-columns>div{position:absolute;width:min(20dvh,20vw,200px);height:min(20dvh,20vw,200px);padding:clamp(12px,1.7dvh,18px);border:1px solid rgba(112,87,44,.10);background:rgba(255,252,239,.24);display:flex;flex-direction:column;justify-content:center}
.design-columns>div:first-child{left:0;top:0}
.design-columns>div:last-child{left:min(16dvh,16vw,160px);top:min(16dvh,16vw,160px);background:rgba(172,139,76,.075)}
.design-columns h3{font-size:min(27px,3.1dvh);line-height:1.1;margin-bottom:1dvh}
.design-columns p{font-size:min(13px,1.45dvh,1.7vw);line-height:1.5}
.design .service-link{margin-top:auto}

.design>.service-intro{white-space:nowrap;font-size:min(23px,2.6dvh,1.65vw)}
.services-sheet>footer{padding-right:0;column-gap:40px;align-items:center}
.services-sheet>footer .folio{font:italic 22px/.9 Domaine,serif}
.services-sheet>footer a{font-size:10px;padding:4px 0;border-bottom:1px solid var(--line);justify-self:end}
@media(max-width:760px){.services-sheet{padding-bottom:3dvh}.services-sheet>footer{margin-left:-.45vw;margin-right:-.45vw;column-gap:18px}.services-sheet>footer a{font-size:8px}}

/* Larger colored panels, offset diagonally with a small shared corner. */
.design-columns{height:36dvh}
.design-columns>div{width:min(25vw,300px);height:19dvh;min-height:125px;padding:clamp(16px,2.1dvh,24px);border:0;justify-content:center}
.design-columns>div:first-child{left:0;top:0;background:rgba(188,178,217,.36)}
.design-columns>div:last-child{left:min(10vw,130px);top:16dvh;background:rgba(139,184,179,.30)}
.design-columns h3{font-size:min(30px,3.5dvh);margin-bottom:1.2dvh}
.design-columns p{font-size:min(14px,1.65dvh,2vw);line-height:1.55;color:#55534f}

.spread-ampersand{top:42%}

.invitation{border-top:0;justify-content:flex-end}.audit>.service-link{margin-top:auto}

.services-sheet>footer.spread-footer{display:grid;grid-template-columns:1fr 1fr;gap:0;padding-top:2dvh;margin:0;align-items:center}
.audit-footer,.design-footer{display:flex;align-items:center;gap:24px;min-width:0}
.audit-footer{justify-content:space-between;padding-right:4vw}
.design-footer{padding-left:4vw}.design-footer .inside-return{margin-left:auto}
.spread-footer a{white-space:nowrap}

/* Editorial calls to action: sample stamp and proof cross-reference. */
.audit>.service-link{border:1px solid #797267;padding:11px 15px;font-size:12px;gap:12px;transition:background .2s,color .2s,border-color .2s}
.audit>.service-link:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.design>.service-link{font:italic 23px/1.2 Domaine,serif;position:relative;border:0;padding:0 0 9px;color:var(--ink)}
.design>.service-link::after{content:"";position:absolute;bottom:0;left:0;width:32px;height:2px;background:var(--red);transition:width .25s ease}
.design>.service-link:hover::after{width:100%}
.design>.service-link:hover{color:var(--red)}

.audit-lenses{display:flex;flex-wrap:wrap;gap:4px;list-style:none;padding:0;margin:16px 0 0;max-width:100%}
.audit-lenses li{padding:7px 12px;border-radius:999px;background:linear-gradient(135deg,#e8e5df,#dedbd5);border:1px solid rgba(76,72,65,.07);color:#55514b;font:12px/1.2 Archivo,Arial,sans-serif;white-space:nowrap}
.design>.service-link{font:400 13px/1.3 Archivo,Arial,sans-serif;padding-bottom:8px}
.audit-lenses{gap:8px}
.audit-lenses li{border-color:rgba(76,72,65,.045)}
.audit-lenses li:nth-child(1){background:#e0e5e8}
.audit-lenses li:nth-child(2){background:#e5dfec}
.audit-lenses li:nth-child(3){background:#eddfda}
.audit-lenses li:nth-child(4){background:#dce7df}
.audit-lenses li:nth-child(5){background:#ece4d2}
.audit-lenses li:nth-child(6){background:#dce7e7}
.audit-lenses li:nth-child(7){background:#eadfe5}
.audit-lenses li:nth-child(8){background:#e2e5d7}
.design>.service-link:hover{color:var(--ink)}
.audit-lenses{display:grid;grid-template-columns:repeat(5,max-content);gap:8px}

.audit-lenses{display:flex;flex-wrap:wrap;gap:8px;max-width:none;width:max-content}
.audit-lenses li{flex:0 0 auto}
.audit-lenses .lens-row-break{flex-basis:100%;height:0;padding:0;margin:-4px 0;border:0;background:none;border-radius:0}

.audit-lenses{display:flex;flex-direction:column;width:max-content;gap:8px}
.lens-row{display:flex;gap:8px}
.lens-pill{flex:none;padding:7px 12px;border-radius:999px;border:1px solid rgba(76,72,65,.045);color:#55514b;font:12px/1.2 Archivo,Arial,sans-serif;white-space:nowrap}
.lens-0{background:#e0e5e8}.lens-1{background:#e5dfec}.lens-2{background:#eddfda}.lens-3{background:#dce7df}.lens-4{background:#ece4d2}.lens-5{background:#dce7e7}.lens-6{background:#eadfe5}.lens-7{background:#e2e5d7}

.audit-lenses .lens-row{flex-wrap:nowrap}

.audit-testimonial{margin:5dvh 0 0;padding:0}
.audit-testimonial blockquote{margin:0;font:italic min(19px,1.22vw)/1.5 Domaine,serif;color:var(--ink);white-space:nowrap}
.audit-testimonial figcaption{margin-top:12px;font:10px/1.4 Archivo,Arial,sans-serif;color:var(--quiet)}
/* A restrained editorial pull quote. */
.audit-testimonial{position:relative;margin:6dvh 0 0;padding:2.5dvh 0 0;isolation:isolate}
.audit-testimonial::before{content:"“";position:absolute;left:-.06em;top:-.25em;font:italic min(150px,17dvh)/1 Domaine,serif;color:rgba(127,112,91,.16);z-index:-1;pointer-events:none}
.audit-testimonial blockquote{font:italic min(25px,1.8vw)/1.45 Domaine,serif;color:#827565;white-space:normal;max-width:25em}
.audit-testimonial figcaption{margin-top:14px;font:10px/1.5 Archivo,Arial,sans-serif;color:#918778;letter-spacing:.025em}
.service-composition{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.audit,.design{min-width:0}
.audit-testimonial blockquote{font-size:clamp(18px,1.8vw,25px)}

.audit-testimonial::before{left:-.07em;top:-.08em;font:normal clamp(110px,11vw,160px)/1 Georgia,serif;color:rgba(127,112,91,.12)}
.audit-testimonial blockquote{position:relative;z-index:1}
.audit-testimonial{padding-left:32px}
.audit-testimonial blockquote,.audit-testimonial figcaption{transform:translateY(12px)}
.spread-ampersand{top:35%}

.audit h1,.design h1{position:relative;width:max-content;isolation:isolate}
.title-annotation{position:absolute;pointer-events:none;overflow:visible;fill:none}
.title-annotation path{stroke:var(--red);stroke-width:1.3;stroke-linecap:round;vector-effect:non-scaling-stroke}
.audit-annotation{left:-3%;bottom:-9%;width:107%;height:20%;opacity:.75}
.design-annotation{left:-9%;top:-5%;width:117%;height:116%;z-index:-1;opacity:.25;transform:rotate(-5deg)}

.design h1{text-shadow:0 1px 0 rgba(255,250,229,.65),0 -1px 1px rgba(91,65,28,.22),1px 2px 1px rgba(91,65,28,.12)}
.design h1{text-shadow:0 1px 0 rgba(255,252,237,.9),1px 3px 0 rgba(112,81,35,.27),2px 5px 3px rgba(94,66,26,.18)}

.audit-registration{left:-10px;top:-6px;width:calc(100% + 20px);height:calc(100% + 12px);opacity:.65}
.audit-registration path{stroke-width:1;stroke-linecap:butt}

.audit-highlight{left:-3%;bottom:4%;width:106%;height:34%;z-index:-1;transform:rotate(-1.4deg)}
.audit-highlight path{fill:#d9be57;fill-opacity:.30;stroke:none}
.audit-highlight path{fill:var(--red);fill-opacity:.15}

.audit-testimonial .quote-line{display:block;white-space:nowrap}

/* Shared header return; both footer folios stay at the outer edges. */
.running-head{grid-template-columns:1fr auto}
.practice-navigation{display:flex;align-items:center;gap:18px}
.practice-back{display:inline-flex;align-items:center;gap:8px;font:12px Archivo,Arial,sans-serif;letter-spacing:0}
.practice-back svg{width:20px;height:20px;padding:5px;box-sizing:border-box;border-radius:50%;background:#c93219;fill:none;stroke:#fff;stroke-width:1.6;flex:none}
.practice-back:hover{text-decoration:underline;text-decoration-color:#c93219;text-underline-offset:5px}
.practice-separator{height:16px;width:1px;background:#c9c3b5}
.design-footer .folio{margin-left:auto}