@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--ink:#14362f;--green:#123f34;--lime:#d9edb3;--muted:#64716a;--line:#dbe1dc;--paper:#f6f7f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}header{display:flex;align-items:center;justify-content:space-between;padding:24px 6%;border-bottom:1px solid var(--line);background:var(--paper)}.brand{font-size:32px;font-weight:700;letter-spacing:-1.8px;line-height:1}.brand span{font-weight:400;margin-left:5px}.brand small{display:block;font-size:9px;letter-spacing:2.6px;margin-top:9px;font-weight:500}nav{display:flex;gap:32px;font-size:14px}nav a:hover,.textlink:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;background:var(--green);color:white;border:1px solid var(--green);font-size:14px;font-weight:600;cursor:pointer;border-radius:3px;transition:background .2s,transform .2s}.button:hover{background:#25614d;transform:translateY(-2px)}section{padding:100px 7%}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:7%;padding-top:75px;padding-bottom:80px;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;margin:0 0 24px}h1,h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;letter-spacing:-2px;line-height:1.04;margin:0}h1{font-size:clamp(58px,6.6vw,100px)}h2{font-size:clamp(44px,4.5vw,66px)}em{font-weight:400;color:#58835c}p{margin:0 0 20px}.lead{font-size:18px;max-width:470px;color:var(--muted);margin-top:28px}.actions{display:flex;align-items:center;gap:27px;margin-top:32px}.textlink{font-size:14px;font-weight:600}.smallnote{font-size:12px;color:var(--muted);margin:26px 0 0}.paper-scene{position:relative;padding:35px 0 25px 12px;background:#e6ebdf;border-radius:120px 0 120px 0}.paper{position:relative;background:white;padding:35px;box-shadow:0 24px 45px #163d3020;transform:rotate(-5deg);max-width:460px;margin:auto}.paper-top,.paper-footer{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.4px;font-weight:600}.paper-top span{font-size:8px;color:var(--muted)}.rule{height:1px;background:var(--line);margin:20px 0 34px}.paper h2{font-size:38px;letter-spacing:-1px}.paper .eyebrow{font-size:9px;letter-spacing:1px}.paper-lines{margin:22px 0 30px}.paper-lines i{display:block;height:4px;background:#e7ebe7;margin:10px 0}.paper-lines i:last-child{width:70%}.evidence{display:flex;gap:15px;padding:15px 0;border-top:1px solid var(--line)}.evidence>span{font-size:12px;color:#699076}.evidence b{font-size:13px}.evidence p{font-size:11px;margin:3px 0;color:var(--muted)}.paper-footer{margin-top:26px;font-size:8px}.seal{position:absolute;right:-12px;bottom:8px;background:var(--lime);width:118px;height:118px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:8px;line-height:1.6;letter-spacing:1px;transform:rotate(12deg);box-shadow:0 6px 15px #163d3010}.seal b{font:28px Georgia;letter-spacing:0}.strip{background:var(--green);color:#e4ecd9;display:flex;justify-content:space-around;padding:22px 6%;font-size:13px;letter-spacing:1px}.sectionhead{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:45px}.sectionhead>p{max-width:350px;color:var(--muted);margin:0}.servicegrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{background:transparent;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;padding:32px;cursor:pointer;color:var(--ink);transition:background .2s}.service:hover{background:#e7eedf}.index{font-size:10px;letter-spacing:1.2px;color:var(--muted)}h3{font-weight:500;font-size:22px;line-height:1.3;margin:20px 0 16px}.service p{font-size:14px;color:var(--muted);min-height:88px}.more{font-size:12px;font-weight:600}.approach{background:var(--green);color:white;display:grid;grid-template-columns:1fr 1fr;gap:12%}.approach em{color:var(--lime)}.approach .lead{color:#bccdc2}.light{background:var(--lime);border-color:var(--lime);color:var(--ink)}.light:hover{background:#e7f5d1}.steps{padding:0;margin:0;list-style:none}.steps li{display:flex;gap:25px;border-top:1px solid #ffffff25;padding:20px 0}.steps li>span{font-size:14px;color:var(--lime);padding-top:5px}.steps h3{margin:0 0 8px;font-size:20px}.steps p{font-size:14px;color:#bccdc2;margin:0}.about{text-align:center}.aboutcopy{display:grid;grid-template-columns:1fr 1fr;gap:45px;text-align:left;max-width:840px;margin:40px auto;color:var(--muted)}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);padding-top:25px}.values h3{font-size:19px}.values p{font-size:14px;color:var(--muted);max-width:300px;margin:auto}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:12%;background:#eaf0e6}details{border-top:1px solid #cad5c8;padding:20px 0}details:last-child{border-bottom:1px solid #cad5c8}summary{cursor:pointer;font-size:16px;font-weight:500}details p{margin:15px 0 0;color:var(--muted);font-size:14px}.closing{text-align:center}.closing>p:not(.eyebrow){max-width:590px;color:var(--muted);margin:25px auto}form{max-width:700px;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:40px auto;text-align:left}label{font-size:14px;display:block}input,select,textarea{display:block;width:100%;margin-top:8px;border:1px solid #c9d5c7;background:white;padding:13px;border-radius:3px;color:var(--ink)}textarea{min-height:110px;resize:vertical}.full{grid-column:1/-1}.formnote{font-size:12px;color:var(--muted);margin:auto 0}#result{max-width:700px;margin:25px auto;text-align:left}#briefout{min-height:210px;margin-bottom:18px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:40px 6%;gap:30px}footer p,footer div{font-size:12px;margin:0;color:var(--muted)}footer small{font-size:10px}dialog{max-width:600px;width:90%;border:0;padding:45px;background:var(--paper);color:var(--ink);box-shadow:0 20px 80px #0004}dialog::backdrop{background:#12362f99}dialog h2{font-size:44px;margin-bottom:25px}dialog p:not(.eyebrow){color:var(--muted)}#close{position:absolute;right:16px;top:8px;border:0;background:transparent;font-size:30px;cursor:pointer;color:var(--ink)}:focus-visible{outline:3px solid #91b65b;outline-offset:5px}@media(max-width:900px){header{flex-wrap:wrap;gap:20px}nav{order:3;width:100%;justify-content:space-between;gap:12px}.hero{gap:30px}.paper{padding:23px}.paper h2{font-size:30px}.servicegrid{grid-template-columns:1fr 1fr}.approach,.faq{gap:7%}.seal{right:0}.actions{gap:18px;flex-wrap:wrap}}@media(max-width:640px){section{padding:65px 6%}header{padding:20px 6%}.brand{font-size:27px}.navbutton{padding:10px 15px}nav{font-size:12px}.hero{grid-template-columns:1fr;padding-top:45px}h1{font-size:66px}.paper-scene{margin-top:35px}.paper{max-width:340px}.strip{flex-wrap:wrap;gap:12px 25px;font-size:11px}.sectionhead{display:block}.sectionhead>p{margin-top:25px}.servicegrid{grid-template-columns:1fr}.service{padding:28px}.service p{min-height:0}.approach,.faq{grid-template-columns:1fr;gap:40px}.aboutcopy,.values{grid-template-columns:1fr;gap:18px}.values article{padding:12px 0}form{grid-template-columns:1fr}.full{grid-column:auto}footer{flex-direction:column;align-items:flex-start}.paper-top span{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Cinematic entrance and reversible scroll choreography */
.scroll-meter{position:fixed;top:0;left:0;height:3px;background:#b7cf8c;width:0;z-index:100;pointer-events:none}.entrance{height:225svh;padding:0;position:relative;background:#091c17;--open:0;--fade:1;--zoom:1}.office-stage{position:sticky;top:0;height:100svh;min-height:540px;overflow:hidden;background:#15382f}.office-background{position:absolute;inset:0;background:url('office-entrance.png') center/cover no-repeat;transform:scale(var(--zoom));will-change:transform}.office-shade{position:absolute;inset:0;background:linear-gradient(#071c17a0,transparent 40%,#071c17bc)}.office-sign{position:absolute;top:7%;left:0;right:0;text-align:center;color:#f6f7ed;text-shadow:0 0 24px #e7eec570;z-index:4;opacity:var(--fade)}.office-sign>span{font-size:clamp(25px,3.6vw,52px);letter-spacing:12px;font-weight:500}.office-sign small{display:block;font-size:10px;letter-spacing:3px;margin-top:12px}.doorway{position:absolute;inset:20% 15% 8%;display:flex;overflow:hidden;perspective:1200px}.glass-door{width:50%;height:100%;background:linear-gradient(120deg,#14392de8,#3f6254d1 45%,#17382eea);backdrop-filter:blur(12px);border:1px solid #c3d4b880;box-shadow:inset 0 0 0 10px #15362fd9;display:flex;align-items:center;justify-content:center;color:#e8ecd8;font-size:clamp(25px,4vw,64px);letter-spacing:8px;will-change:transform;position:relative}.glass-door:after{content:'';position:absolute;top:42%;height:90px;width:5px;background:linear-gradient(#d9c799,#877755);border-radius:3px}.left-door{transform:translateX(calc(var(--open) * -104%))}.right-door{transform:translateX(calc(var(--open) * 104%))}.left-door:after{right:16px}.right-door:after{left:16px}.entrance-copy{position:absolute;top:37%;left:0;right:0;text-align:center;color:white;z-index:5;opacity:var(--fade);pointer-events:none;text-shadow:0 2px 18px #0009}.entrance-copy h2{font-size:clamp(45px,5.4vw,78px);letter-spacing:-1px}.entrance-copy .eyebrow{font-size:10px;letter-spacing:3px}.entrance-copy>p:not(.eyebrow){font-size:13px;margin-top:27px}.entrance-copy h2{visibility:hidden}.glass-door span{visibility:hidden}.scroll-cue{width:24px;height:40px;border:1px solid #ffffff80;border-radius:20px;margin:auto}.scroll-cue i{width:3px;height:9px;background:white;display:block;margin:8px auto;animation:scrollhint 1.8s infinite}.enter-button{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);background:#eef1dd;color:#123c30;border:0;padding:13px 25px;border-radius:2px;font:500 14px 'DM Sans',sans-serif;cursor:pointer;z-index:6;opacity:var(--fade)}.entrance-bottom{position:absolute;bottom:4%;left:6%;right:6%;display:flex;justify-content:space-between;color:#edf1df;font-size:9px;letter-spacing:2px;opacity:var(--fade)}#website{position:relative;background:#f5f6f1;z-index:2}header{position:sticky;top:0;z-index:20;background:#f5f6f1eF;backdrop-filter:blur(18px)}.hero{min-height:85svh}.intro h1{font-size:clamp(58px,6.4vw,100px)}.service{position:relative;overflow:hidden}.service:before{content:'';position:absolute;bottom:0;left:0;height:3px;width:0;background:#668c49;transition:width .45s}.service:hover:before{width:100%}.service:hover{transform:translateY(-4px);box-shadow:0 12px 32px #123f3410;z-index:1}.service{transition:background .25s,transform .35s,box-shadow .35s}.reveal{opacity:0;transform:translateY(45px);transition:opacity .75s ease,transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0ms)}.reveal.in-view{opacity:1;transform:translateY(0)}.steps li{transition:background .5s,opacity .5s,padding-left .5s;opacity:.35}.steps li.step-active{opacity:1;padding-left:12px;background:linear-gradient(90deg,#ffffff08,transparent)}.steps li>span{transition:transform .5s}.steps li.step-active>span{transform:scale(1.15)}.paper-scene{transform:translateY(var(--parallax,0px));will-change:transform}.strip{overflow:hidden}.strip span{transition:transform .5s}.strip span:hover{transform:translateY(-4px)}.call-float{position:fixed;right:27px;bottom:25px;z-index:40;display:flex;align-items:center;gap:12px;background:#143f34;color:#f3f5e7;border:1px solid #aac48570;border-radius:50px;padding:16px 22px;box-shadow:0 8px 30px #0a2c3530;cursor:pointer;opacity:0;transform:translateY(90px);transition:opacity .4s,transform .5s}.call-float.visible{opacity:1;transform:translateY(0)}.call-float:before,.call-float:after{content:'';position:absolute;inset:-4px;border-radius:50px;border:1px solid #527b60;animation:callpulse 3s infinite;pointer-events:none}.call-float:after{animation-delay:1.5s}.call-float svg{width:24px;height:24px;animation:ring 4s infinite;transform-origin:50% 60%}.call-float span{font-size:13px}.call-float:hover{background:#275d49}#contact h2{margin-bottom:25px}#closecontact{position:absolute;right:16px;top:8px;font-size:30px;border:0;background:none;cursor:pointer;color:var(--ink)}details[open] p{animation:fadein .4s ease}dialog[open]{animation:dialogin .3s ease}.button{transition:background .25s,transform .25s,box-shadow .25s}.button:hover{box-shadow:0 6px 18px #123f3420}.more{display:block;transition:letter-spacing .3s}.service:hover .more{letter-spacing:.4px}@keyframes scrollhint{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(12px);opacity:1}}@keyframes callpulse{0%{transform:scale(1);opacity:.55}75%,100%{transform:scale(1.25);opacity:0}}@keyframes ring{0%,12%,100%{transform:rotate(0)}2%,6%,10%{transform:rotate(14deg)}4%,8%{transform:rotate(-14deg)}}@keyframes fadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dialogin{from{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:640px){.office-background{background-position:center}.doorway{inset:22% 5% 12%}.office-sign{top:10%}.office-sign>span{letter-spacing:6px}.office-sign small{font-size:8px;letter-spacing:1.7px}.entrance-copy{top:39%}.entrance-bottom{font-size:7px;letter-spacing:1px}.call-float{right:18px;bottom:18px;padding:15px}.call-float span{display:none}.office-stage{min-height:480px}header{position:relative}.hero{min-height:0}}@media(prefers-reduced-motion:reduce){.entrance{height:100svh}.glass-door{display:none}.entrance-copy,.office-sign,.enter-button,.entrance-bottom{opacity:1}.office-background{transform:none}.reveal{opacity:1;transform:none}.steps li{opacity:1}.paper-scene{transform:none}*,*:before,*:after{animation:none!important}.call-float:before,.call-float:after{display:none}}
.entrance-copy h2{visibility:visible}.entrance-copy{padding:0 20px}.office-sign{top:6%}.office-sign>span{font-size:clamp(24px,3vw,43px)}.doorway{inset:19% 12% 9%}.entrance-copy{top:34%}.office-background{filter:saturate(.75)}@media(max-width:640px){.doorway{inset:21% 5% 12%}.office-sign{top:9%}.entrance-copy{top:35%}.entrance-copy h2{font-size:48px}}

/* Editorial imagery and scroll-responsive motion */
.headline-line{display:block;overflow:hidden}.intro.in-view .headline-line{animation:headline-in .9s both}.intro.in-view .headline-line:nth-child(2){animation-delay:.12s}.intro.in-view .headline-line:nth-child(3){animation-delay:.24s}.paper-scene{padding:0;background:none;border-radius:0;min-height:620px}.hero-photo{height:520px;border-radius:160px 8px 8px 8px;position:relative}.image-window{overflow:hidden;background:#dce4d6}.image-window img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.12) translateY(var(--image-shift,0px));transition:filter .8s;will-change:transform}.photo-label{position:absolute;top:30px;right:24px;writing-mode:vertical-rl;font-size:12px;letter-spacing:2px;color:white;text-shadow:0 1px 8px #000}.paper-scene .paper{position:absolute;left:-25px;bottom:0;width:70%;padding:25px;transform:rotate(-4deg);transition:transform .6s}.paper-scene:hover .paper{transform:rotate(0) translateY(-8px)}.paper-scene .paper h2{font-size:29px}.paper-scene .paper-lines{display:none}.paper-scene .rule{margin:14px 0 20px}.paper-scene .evidence{padding:9px 0}.paper-scene .seal{right:-12px;bottom:25px;z-index:2;animation:seal-float 5s ease-in-out infinite}.collaboration-photo{position:relative;height:460px;max-width:1100px;margin:50px auto 0;border-radius:8px 8px 120px 8px}.collaboration-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#0b2a21b0)}.collaboration-photo figcaption{position:absolute;bottom:28px;left:32px;right:32px;text-align:left;color:white;font-size:17px;z-index:1}.image-window.reveal{transform:translateY(40px) scale(.97);clip-path:inset(8% 0 8% 0);transition:opacity 1s,transform 1s,clip-path 1.2s}.image-window.in-view{transform:none;clip-path:inset(0)}.service{background:radial-gradient(360px circle at var(--pointer-x,50%) var(--pointer-y,50%),#dcebc9b0,transparent 65%)}.service .index{display:block;transition:transform .4s}.service:hover .index{transform:translateX(6px)}.service h3{transition:color .3s,transform .4s}.service:hover h3{color:#477549;transform:translateX(6px)}.service:focus-visible{z-index:2}.strip{padding:0;justify-content:initial}.marquee-track{display:flex;align-items:center;gap:70px;width:max-content;padding:23px 35px;animation:marquee 32s linear infinite}.marquee-track span{white-space:nowrap;position:relative}.marquee-track span:after{content:'✦';margin-left:70px;color:var(--lime)}.strip:hover .marquee-track{animation-play-state:paused}nav a{position:relative}nav a:after{content:'';position:absolute;left:0;bottom:-7px;height:2px;width:100%;background:#6d945c;transform:scaleX(0);transform-origin:left;transition:transform .3s}nav a.active:after,nav a:hover:after{transform:scaleX(1)}.steps{position:relative}.steps:before{content:'';position:absolute;left:-22px;top:0;bottom:0;width:2px;background:#ffffff1a}.steps:after{content:'';position:absolute;left:-22px;top:0;width:2px;height:calc(var(--step-progress,0) * 100%);background:var(--lime);transition:height .18s}.values article{transition:opacity .75s,transform .9s,background .4s;padding:22px 16px;border-radius:4px}.values article:hover{background:#e9eedf}.button:active{transform:scale(.97)}.closing{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#dce9c8,transparent 70%)}
@keyframes headline-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes seal-float{0%,100%{transform:translateY(0) rotate(12deg)}50%{transform:translateY(-10px) rotate(7deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){.paper-scene{min-height:560px}.hero-photo{height:450px}.paper-scene .paper{width:85%;left:-10px}.paper-scene .seal{width:96px;height:96px}.collaboration-photo{height:380px}}@media(max-width:640px){.paper-scene{min-height:565px;margin-top:15px}.hero-photo{height:420px;border-radius:100px 6px 6px 6px}.paper-scene .paper{left:0;width:80%;bottom:5px;padding:22px}.paper-scene .paper h2{font-size:27px}.paper-scene .seal{right:0;bottom:25px}.collaboration-photo{height:340px;border-radius:6px 6px 70px 6px;margin-top:35px}.collaboration-photo figcaption{font-size:14px;left:20px;bottom:22px}.marquee-track{gap:35px}.marquee-track span:after{margin-left:35px}.steps:before,.steps:after{left:-12px}.photo-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.image-window img{transform:none;will-change:auto}.image-window.reveal{clip-path:none;transform:none;opacity:1}.marquee-track{animation:none;flex-wrap:wrap;width:auto;gap:20px}.marquee-track span:after{margin-left:20px}.marquee-track .duplicate{display:none}.paper-scene .paper{transform:none}.steps:after{transition:none}}

/* A living office, a layered drafting story, and a playful pause. */
.office-background{background-image:url('office-team.webp');filter:saturate(.88);transform:scale(var(--zoom)) translateX(var(--office-pan,0px))}.office-ambient{position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffefd418 45%,transparent 65%);background-size:200% 100%;animation:office-light 12s ease-in-out infinite;pointer-events:none}.office-sign{animation:sign-light 5s ease-in-out infinite}.office-caption{position:absolute;bottom:1%;left:6%;color:#ffffffaa;font-size:12px;z-index:4}.office-shade{background:linear-gradient(#071c1760,transparent 38%,#071c1799)}.entrance-copy h2{font-size:clamp(42px,5vw,70px)}.glass-door{background:linear-gradient(120deg,#14392dc9,#3f625490 45%,#17382ec2);backdrop-filter:blur(7px)}.glass-door:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#ffffff12 42%,transparent 55%);background-size:220% 100%;animation:glass-glint 8s ease-in-out infinite;pointer-events:none}.draft-journey{height:190svh;padding:0;background:#e8eee3;position:relative;--journey:0}.journey-stage{height:100svh;min-height:670px;position:sticky;top:0;padding:110px 7% 55px;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.journey-copy h2{font-size:clamp(44px,4.5vw,66px)}.journey-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.journey-tabs button{border:1px solid #bcccb4;border-radius:30px;padding:10px 16px;background:transparent;color:var(--ink);font-size:14px;cursor:pointer;transition:background .4s,color .4s}.journey-tabs button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:white}.journey-description{min-height:150px;max-width:440px;margin-top:24px}.journey-description h3{font-size:23px;margin:0 0 12px}.journey-description p{color:var(--muted);font-size:16px}.journey-description.changed{animation:fadein .45s}.journey-visual{height:530px;position:relative;overflow:hidden;border-radius:140px 8px 8px 8px;box-shadow:0 24px 60px #153c3020}.journey-visual>img{width:100%;height:100%;object-fit:cover;transform:scale(1.1) translateY(calc(var(--journey) * -20px));will-change:transform}.journey-overlay{position:absolute;inset:0;background:linear-gradient(#0e2e2630,#0e2e26cb)}.journey-graphic{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:white;padding:28px}.graphic-label{font-size:12px;letter-spacing:2px;margin-bottom:22px}.process-node{padding:13px 26px;border:1px solid #d9edb355;border-radius:5px;background:#183e33b0;min-width:185px;text-align:center;backdrop-filter:blur(12px);opacity:.55;transform:scale(.96);transition:opacity .6s,transform .6s,background .6s,box-shadow .6s}.process-node.current{opacity:1;transform:scale(1.04);background:#d9edb3;color:var(--ink);box-shadow:0 0 32px #d9edb325}.process-connector{height:33px;width:1px;background:#d9edb390;position:relative;overflow:hidden}.process-connector:after{content:'';position:absolute;width:3px;height:12px;top:0;background:white;animation:flow-down 1.8s infinite}.graphic-footer{font-size:12px;margin-top:28px;color:#e2e9d9}.journey-pagination{display:flex;position:absolute;bottom:23px;left:0;right:0;justify-content:center;gap:8px}.journey-pagination i{width:24px;height:3px;background:#ffffff40;transition:background .4s,width .4s}.journey-pagination i.current{width:50px;background:var(--lime)}.play-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;background:#123f34;color:white}.play-intro h2 em{color:var(--lime)}.play-intro>p:last-child{margin-top:25px;color:#cbd9c6;max-width:390px}.play-board{position:relative;padding:36px;border:1px solid #d9edb330;border-radius:12px;background:linear-gradient(135deg,#ffffff0b,#ffffff03);overflow:hidden}.play-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.play-slots span{border:1px dashed #d9edb360;border-radius:6px;min-height:100px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;padding:10px;color:#a8bda2;transition:background .4s,transform .4s,color .4s}.play-slots span.filled{border-style:solid;background:#d9edb3;color:#143f34;animation:slot-pop .4s}.play-options{display:flex;flex-direction:column;gap:10px}.play-options button{background:#ffffff0a;color:white;border:1px solid #ffffff30;padding:13px 18px;text-align:left;border-radius:5px;cursor:pointer;transition:transform .25s,background .25s,opacity .25s}.play-options button>span{font-size:12px;color:#c9dda8;margin-right:20px}.play-options button:hover{background:#ffffff16;transform:translateX(4px)}.play-options button:disabled{opacity:.35;cursor:default;transform:none}.play-board #play-status{font-size:14px;min-height:48px;margin:22px 0 8px;color:#dce7ce}.play-board #play-reset{background:none;border:0;color:var(--lime);padding:0;cursor:pointer}.celebration{position:absolute;inset:0;pointer-events:none;overflow:hidden}.celebration i{position:absolute;top:40%;left:50%;width:7px;height:12px;background:var(--lime);animation:confetti .9s ease-out both;transform:rotate(20deg)}.about .values article:nth-child(2){transition-delay:70ms}.about .values article:nth-child(3){transition-delay:140ms}.faq details[open]{background:#ffffff40;padding-left:16px;padding-right:16px}.faq details{transition:background .4s,padding .4s}.reveal.in-view .paper-lines i{animation:line-draw 1s both}.evidence{transition:transform .35s}.evidence:hover{transform:translateX(5px)}.hero-photo img{animation:photo-breathe 20s ease-in-out infinite}.service .more{opacity:.75}.service:hover .more{opacity:1}.closing h2 em{background:linear-gradient(90deg,#58835c,#9aaa5b,#58835c);background-size:200%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:text-shimmer 8s linear infinite}
@keyframes office-light{0%,100%{background-position:0% 0}50%{background-position:100% 0}}@keyframes sign-light{0%,100%{text-shadow:0 0 18px #e7eec530}50%{text-shadow:0 0 32px #e7eec580}}@keyframes glass-glint{0%,100%{background-position:0% 0}50%{background-position:100% 0}}@keyframes flow-down{to{transform:translateY(40px)}}@keyframes slot-pop{from{transform:scale(.88)}to{transform:scale(1)}}@keyframes confetti{from{opacity:1;transform:translate(0,0) rotate(0)}to{opacity:0;transform:translate(var(--cx),var(--cy)) rotate(var(--cr))}}@keyframes line-draw{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@keyframes photo-breathe{0%,100%{filter:brightness(1)}50%{filter:brightness(1.06)}}@keyframes text-shimmer{to{background-position:200%}}
@media(max-width:900px){.journey-stage{gap:5%;padding-left:6%;padding-right:6%}.journey-visual{height:480px}.journey-tabs button{font-size:13px;padding:8px 11px}.play-section{gap:6%}.play-board{padding:25px}}
@media(max-width:640px){.draft-journey{height:auto}.journey-stage{position:relative;height:auto;min-height:0;padding:65px 6%;grid-template-columns:1fr;gap:18px}.journey-visual{height:410px;border-radius:90px 6px 6px 6px}.journey-description{min-height:130px}.journey-tabs{margin-top:22px}.play-section{grid-template-columns:1fr;gap:25px}.play-slots span{min-height:88px;font-size:12px}.play-board{padding:22px}.office-caption{font-size:10px;bottom:1.5%;left:5%}.office-sign small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.draft-journey{height:auto}.journey-stage{position:relative;height:auto;min-height:0;padding-top:80px;padding-bottom:80px}.journey-visual>img{transform:none;will-change:auto}.office-background{transform:none}.process-node{transform:none}.celebration{display:none}.closing h2 em{background:none;color:#58835c}}
/* White, sky blue, and navy — with complete light/dark surfaces. */
:root{color-scheme:light;--ink:#18334f;--green:#285f9a;--lime:#dbeeff;--muted:#536b81;--line:#dbe5ee;--paper:#f6faff;--surface:#fff;--soft:#eaf3fc;--accent:#3575b5;--header:#f6faffed;--hover:#e4f0fd;--shadow:#18334f15}
:root[data-theme=dark]{color-scheme:dark;--ink:#e4eef9;--green:#467fbd;--lime:#243f60;--muted:#b1c3d7;--line:#31455c;--paper:#101d2c;--surface:#192a3e;--soft:#15263a;--accent:#99c9ff;--header:#101d2cee;--hover:#213b56;--shadow:#0005}
body,#website{background:var(--paper);color:var(--ink)}header{background:var(--header);border-color:var(--line)}em{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:12px}.theme-toggle,.sound-toggle{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:25px;padding:10px 16px;font-size:14px;cursor:pointer;transition:background .25s,transform .25s}.theme-toggle:hover,.sound-toggle:hover{background:var(--hover);transform:translateY(-2px)}.button{background:var(--green);border-color:var(--green);color:white}.button:hover{background:#356fae}.light{background:var(--surface);color:var(--ink);border-color:var(--line)}.light:hover{background:var(--hover)}.paper,dialog{background:var(--surface);color:var(--ink);box-shadow:0 24px 50px var(--shadow)}.paper-lines i{background:var(--line)}.seal{background:var(--soft);color:var(--ink)}.strip{background:var(--soft);color:var(--ink)}.marquee-track span:after{color:var(--accent)}.service{background:var(--surface);border-color:var(--line)}.service:hover{background:var(--hover);box-shadow:0 15px 35px var(--shadow)}.service:hover h3{color:var(--accent)}.service:before{background:var(--accent)}.service .index,.service p,.aboutcopy,.values p,details p,.sectionhead>p,.smallnote,.lead{color:var(--muted)}.approach,.play-section{background:var(--soft);color:var(--ink)}.approach em,.play-intro h2 em{color:var(--accent)}.approach .lead,.steps p,.play-intro>p:last-child{color:var(--muted)}.steps li{border-color:var(--line)}.steps li>span{color:var(--accent)}.steps:before{background:var(--line)}.steps:after{background:var(--accent)}.steps li.step-active{background:linear-gradient(90deg,var(--hover),transparent)}.values article:hover{background:var(--hover)}.faq,.draft-journey{background:var(--soft)}.faq details[open]{background:var(--surface)}details{border-color:var(--line)}.journey-tabs button{border-color:var(--line);color:var(--ink)}.journey-tabs button[aria-pressed=true]{background:var(--green);color:white}.journey-description p{color:var(--muted)}.process-node.current{background:#dbeeff;color:#18334f}.closing{background:radial-gradient(ellipse at 50% 100%,var(--soft),transparent 70%)}.closing h2 em{background:none;color:var(--accent)}input,select,textarea{background:var(--surface);border-color:var(--line);color:var(--ink)}.call-float{background:var(--green);border-color:#8cbae3;color:white}.call-float:hover{background:#356fae}.call-float:before,.call-float:after{border-color:#79b4e4}.play-board{border-color:var(--line);background:var(--surface)}.play-slots span{border-color:var(--accent);color:var(--muted)}.play-slots span.filled{background:var(--soft);color:var(--ink)}.play-options button{background:var(--soft);color:var(--ink);border-color:var(--line)}.play-options button:hover{background:var(--hover)}.play-options button>span{color:var(--accent)}.play-board #play-status{color:var(--muted)}.play-board #play-reset{color:var(--accent)}.play-board>.sound-toggle{display:block;margin:0 0 20px auto}.office-sign,.entrance-copy,.entrance-bottom{color:white}.office-background{filter:saturate(.8) brightness(1.08)}.glass-door{background:linear-gradient(120deg,#b1c9d470,#deedf755,#8eafc077);box-shadow:inset 0 0 0 7px #afc5d450;border-color:#e2f2ffb0}.office-shade{background:linear-gradient(#071c1730,transparent 38%,#071c1770)}.enter-button{background:#f6faff;color:#18334f}
.usa-focus{display:grid;grid-template-columns:1.05fr 1fr;gap:7%;align-items:center;background:var(--surface)}.usa-focus>div>p:not(.eyebrow){color:var(--muted)}.us-flag{display:inline-block;font-size:58px;line-height:1.3;transform-origin:left center;animation:flag-wave 3s ease-in-out infinite;margin-bottom:20px}.usa-photo{height:480px;border-radius:8px 120px 8px 8px;margin:0;position:relative}.usa-photo figcaption{position:absolute;bottom:0;left:0;right:0;font-size:12px;padding:20px;background:linear-gradient(transparent,#000b);color:white}.usa-photo a{text-decoration:underline}.attorney-flow{display:flex;align-items:center;gap:12px;margin-top:25px;flex-wrap:wrap}.attorney-flow span{font-size:13px;border:1px solid var(--line);border-radius:6px;padding:12px;background:var(--soft);animation:flow-focus 6s infinite}.attorney-flow span:nth-of-type(2){animation-delay:2s}.attorney-flow span:nth-of-type(3){animation-delay:4s}.attorney-flow i{width:20px;height:2px;background:var(--accent)}.draft-live{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;background:var(--paper);--draft-progress:0}.draft-demo{padding:30px;background:var(--surface);border:1px solid var(--line);box-shadow:0 20px 50px var(--shadow);border-radius:8px;transform:perspective(1000px) rotateY(calc((1 - var(--draft-progress)) * -5deg));transition:transform .2s}.draft-toolbar{display:flex;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:1px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:16px}.draft-demo h3{font-family:Georgia,serif;font-size:28px}.draft-sentence{font-size:15px;border-left:2px solid var(--line);padding:12px 0 12px 16px;color:var(--muted);opacity:.45;transform:translateX(8px);transition:opacity .5s,transform .5s,border-color .5s,color .5s}.draft-sentence.written{opacity:1;transform:none;color:var(--ink);border-color:var(--accent)}.draft-track{height:3px;background:var(--line);margin:25px 0 15px;overflow:hidden}.draft-track i{height:100%;width:calc(var(--draft-progress) * 100%);display:block;background:var(--accent)}.draft-footnote{font-size:11px;letter-spacing:1px;color:var(--muted)}.phone-section{height:165svh;padding:0;background:var(--soft);position:relative;--phone-progress:0}.phone-stage{position:sticky;top:0;height:100svh;min-height:620px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:5%;padding:100px 6% 50px}.phone-scene{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:3/2;box-shadow:0 20px 55px var(--shadow)}.phone-desk{display:block;width:100%;height:100%;object-fit:cover}.receiver-button{position:absolute;width:39%;left:58%;top:22%;padding:0;border:0;background:none;cursor:pointer;transform:translateY(calc((1 - var(--phone-progress)) * -150px)) rotate(calc((1 - var(--phone-progress)) * -14deg));transform-origin:center;will-change:transform}.receiver-button img{display:block;width:100%;height:auto}.receiver-button.ringing img{animation:receiver-ring .4s}.phone-photo-note{position:absolute;bottom:12px;left:16px;color:#354b60;font-size:11px;background:#ffffffb0;padding:3px 8px;border-radius:3px}.phone-hint{font-size:14px;color:var(--muted);margin-top:24px;max-width:370px}.phone-copy .lead{font-size:17px}.phone-copy h2{font-size:clamp(42px,4.4vw,64px)}.intro h1{font-size:clamp(49px,5.3vw,81px)}:focus-visible{outline-color:var(--accent)}
@keyframes flag-wave{0%,100%{transform:perspective(500px) rotateY(-8deg) rotate(-2deg)}50%{transform:perspective(500px) rotateY(12deg) rotate(2deg)}}@keyframes flow-focus{0%,30%,100%{box-shadow:none}15%{box-shadow:0 0 0 3px var(--line)}}@keyframes receiver-ring{25%{transform:rotate(4deg)}75%{transform:rotate(-4deg)}}
@media(max-width:1050px){header{gap:18px;flex-wrap:wrap}nav{order:3;width:100%;justify-content:center}.usa-focus{gap:5%}.usa-photo{height:420px}}
@media(max-width:640px){.header-actions{gap:8px}.theme-toggle{font-size:12px;padding:8px 12px}.navbutton{font-size:12px}nav{gap:15px;justify-content:space-between;flex-wrap:wrap}.usa-focus,.draft-live{grid-template-columns:1fr;gap:30px}.usa-photo{height:330px;border-radius:6px 80px 6px 6px}.attorney-flow{gap:8px}.attorney-flow span{font-size:12px;padding:9px}.attorney-flow i{width:10px}.draft-demo{padding:23px}.phone-section{height:145svh}.phone-stage{grid-template-columns:1fr;gap:20px;height:100svh;min-height:680px;padding:35px 6%;align-content:center}.phone-copy h2{font-size:42px}.phone-copy .lead{font-size:15px;margin-top:18px;margin-bottom:16px}.phone-hint{font-size:12px;margin:15px 0}.phone-scene{width:100%}.receiver-button{transform:translateY(calc((1 - var(--phone-progress)) * -80px)) rotate(calc((1 - var(--phone-progress)) * -14deg))}.phone-copy>.button{padding:10px 18px}.intro h1{font-size:clamp(43px,10vw,62px)}}
@media(prefers-reduced-motion:reduce){.phone-section{height:auto}.phone-stage{position:relative;height:auto;min-height:0;padding:70px 6%}.receiver-button,.draft-demo{transform:none;will-change:auto}.draft-sentence{opacity:1;transform:none}.us-flag{animation:none}.draft-track i{width:100%}}

/* Scroll-controlled attorney handoff — reversible in both directions. */
.attorney-review{height:180svh;padding:0;background:var(--surface);--review-progress:0;--draft-slide:0;--feedback:0;--refinement:0}.attorney-stage{position:sticky;top:0;height:100svh;min-height:740px;display:flex;flex-direction:column;justify-content:center;padding:110px 7% 45px;gap:28px}.attorney-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:8%}.attorney-heading h2{font-size:clamp(40px,4vw,60px)}.attorney-heading .eyebrow{margin-bottom:15px}.attorney-stage-copy>p{font-size:16px;color:var(--muted);min-height:52px;margin-bottom:15px;max-width:470px}.attorney-controls{display:flex;gap:8px;flex-wrap:wrap}.attorney-controls button{border:1px solid var(--line);border-radius:22px;background:var(--paper);color:var(--ink);padding:9px 15px;font-size:14px;cursor:pointer;transition:background .3s,color .3s}.attorney-controls button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:white}.attorney-canvas{position:relative;width:100%;max-height:500px;aspect-ratio:2.25;overflow:hidden;border-radius:10px;isolation:isolate;background:var(--soft)}.attorney-photo{width:100%;height:100%;object-fit:cover;object-position:50% 57%;transform:scale(calc(1.02 + var(--review-progress) * .04));will-change:transform}.attorney-photo-tint{position:absolute;inset:0;background:linear-gradient(90deg,#eaf3fc70,transparent 60%)}.review-document{position:absolute;left:7%;top:13%;width:24%;min-width:210px;padding:25px;background:var(--surface);color:var(--ink);box-shadow:0 18px 45px #17334f22;border:1px solid var(--line);border-radius:4px;transform:translateX(calc(var(--draft-slide) * 90px)) translateY(calc(var(--draft-slide) * 12px)) rotate(calc(-7deg + var(--draft-slide) * 9deg));will-change:transform}.review-document-label{font-size:10px;letter-spacing:1.2px;color:var(--muted)}.review-document h3{font:32px/1.05 Georgia,serif;margin:17px 0}.review-doc-rule{height:2px;background:var(--accent);width:calc(25% + var(--review-progress) * 75%);margin:18px 0}.review-document>p{font-size:12px;margin:10px 0;color:var(--muted)}.review-document-status{display:inline-block;font-size:11px;margin-top:12px;padding:5px 9px;border-radius:3px;background:var(--soft);color:var(--accent)}.review-note{position:absolute;left:35%;top:22%;background:var(--surface);color:var(--ink);padding:17px 20px;border-radius:8px;box-shadow:0 10px 35px #17334f20;max-width:235px;border-left:3px solid var(--accent)}.review-note>span{font-size:10px;letter-spacing:1px;color:var(--accent)}.review-note p{font-size:14px;margin:7px 0 0;line-height:1.4}.note-record{opacity:var(--feedback);transform:translateY(calc((1 - var(--feedback)) * 30px))}.note-refine{top:54%;left:40%;opacity:var(--refinement);transform:translateY(calc((1 - var(--refinement)) * 30px))}.review-timeline{position:absolute;left:6%;bottom:40px;display:flex;gap:15px;align-items:center;color:#17334f;background:#ffffffdc;padding:10px 15px;border-radius:30px;font-size:12px}.review-timeline i{width:65px;height:2px;background:#bfd2e5;overflow:hidden}.review-timeline b{display:block;height:100%;width:calc(var(--review-progress) * 100%);background:#3575b5}.attorney-image-caption{position:absolute;bottom:13px;left:6%;font-size:10px;color:#17334f;background:#ffffffc0;padding:3px 7px;border-radius:3px}.attorney-stage-copy.changed>p{animation:fadein .4s ease}
@media(max-width:1050px){.attorney-stage{padding-top:145px}.attorney-canvas{aspect-ratio:2}.review-document{padding:20px;top:8%;left:4%}.review-document h3{font-size:28px}.review-note{left:39%;max-width:210px;padding:13px}.note-refine{left:44%;top:57%}}
@media(max-width:640px){.attorney-review{height:175svh}.attorney-stage{height:100svh;min-height:730px;padding:30px 6%;gap:18px}.attorney-heading{grid-template-columns:1fr;gap:18px}.attorney-heading h2{font-size:43px}.attorney-stage-copy>p{min-height:44px;font-size:14px;margin-bottom:12px}.attorney-controls button{font-size:12px;padding:8px 11px}.attorney-canvas{aspect-ratio:auto;height:350px;flex-shrink:0}.attorney-photo{object-position:62% center}.review-document{left:4%;top:15%;width:41%;min-width:0;padding:13px;transform:translateX(calc(var(--draft-slide) * 12px)) rotate(calc(-5deg + var(--draft-slide) * 6deg))}.review-document h3{font-size:23px}.review-document-label{font-size:8px}.review-document>p{font-size:10px}.review-document-status{font-size:9px;padding:4px}.review-note{left:42%;top:18%;width:53%;max-width:none;padding:11px}.review-note>span{font-size:8px}.review-note p{font-size:11px}.note-refine{left:45%;top:47%;width:50%}.review-timeline{left:4%;bottom:33px;gap:9px;font-size:10px;padding:8px 11px}.review-timeline i{width:35px}.attorney-image-caption{left:4%;bottom:9px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.attorney-review{height:auto}.attorney-stage{position:relative;height:auto;min-height:0;padding-top:70px;padding-bottom:70px}.attorney-photo,.review-document,.review-note{transform:none;will-change:auto}.note-record{opacity:1}.note-refine{opacity:1}}
