@font-face{font-family:CreekSans;src:url(assets/sans.otf)}@font-face{font-family:CreekSerif;src:url(assets/serif.otf)}@font-face{font-family:CreekItalic;src:url(assets/italic.otf)}
:root{--ink:#202c25;--paper:#f0eee5;--lime:#dcf5ac;--copper:#ad603d;--line:#c8c9bd;--ease:cubic-bezier(.19,1,.22,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;font:17px/1.5 CreekSans,Arial,sans-serif;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:5px}a:hover{opacity:.83}.skip{position:fixed;top:-100px;left:20px;background:white;color:black;z-index:100;padding:12px}.skip:focus{top:10px}.compare{display:flex;gap:28px;justify-content:center;align-items:center;background:#ebece4;color:#26352c;border-bottom:1px solid #c8c9bd;min-height:48px;font-size:12px;letter-spacing:.05em;position:relative;z-index:10}.compare a{padding:12px 0}.compare a[aria-current]{text-decoration:underline;text-underline-offset:5px}header{margin:0 5%;height:106px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{font-size:29px;display:flex;align-items:center;gap:20px;letter-spacing:-2px}.brand span{font-size:16px;letter-spacing:0}header>div{display:flex;gap:36px;font-size:14px}h1,h2,h3,p{margin-top:0}h1{font-weight:400;letter-spacing:-.065em;line-height:.98}h2{font-weight:400;letter-spacing:-.04em;line-height:1.1}h3{font-weight:400;letter-spacing:-.025em}em{font-family:CreekItalic,Georgia,serif;font-style:normal}.eyebrow{font-size:11px;letter-spacing:.16em}.intro{font-size:18px;line-height:1.55;max-width:420px}.primary{display:inline-flex;justify-content:space-between;gap:60px;align-items:center;padding:17px 24px;background:var(--lime);color:#14231b;border-radius:3px;font-size:14px;min-height:52px}.work{margin:0 5%;padding:88px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.section-heading>span{font-size:12px}.section-heading h2{font-size:42px;margin:0}.project{border-top:1px solid var(--line);display:grid;grid-template-columns:60px 1fr 210px;align-items:center;gap:24px;padding:32px 0;min-height:130px;transition:padding .35s var(--ease),background .35s}.project:last-child{border-bottom:1px solid var(--line)}.project:hover{padding-left:16px;opacity:1}.number{font-size:12px;align-self:start;padding-top:8px}.project h3{font-size:29px;margin-bottom:6px}.project p{font-size:15px;opacity:.7;margin:0}.project-cta{font-size:13px;text-align:right}footer{display:flex;justify-content:space-between;gap:24px;padding:32px 5%;font-size:12px;border-top:1px solid var(--line)}canvas{width:100%;height:100%;display:block}.motion{background:transparent;color:inherit;border:1px solid currentColor;border-radius:30px;padding:8px 14px;font-size:11px;min-height:44px}.field{--line:#36453e;background:#101c17;color:#ebeee8}.field header{color:#e1e7de}.field-hero{display:grid;grid-template-columns:1fr 1fr;min-height:660px;margin:0 5%;gap:4%}.field-copy{padding:66px 0 44px}.field h1{font-size:clamp(64px,6.7vw,110px);margin:30px 0}.field h1 em{color:var(--lime)}.credentials{display:flex;gap:54px;margin-top:46px;font-size:10px;line-height:1.8;letter-spacing:.09em;color:#aab9ae}.instrument{position:relative;min-width:0;background:radial-gradient(ellipse at 60% 55%,#2b3b2c,#111d17 67%);border-left:1px solid var(--line);border-right:1px solid var(--line);overflow:hidden}.instrument-top,.instrument-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em;align-items:center}.instrument-top{top:28px}.instrument-bottom{bottom:24px;color:#aab9ae}.field .work{padding-top:64px}.field .statement{padding:100px 5%;background:#dce5d6;color:#192b20;display:grid;grid-template-columns:1fr 1.8fr;gap:30px}.statement h2{font-size:56px}.statement p:not(.eyebrow),.statement a{grid-column:2;max-width:500px}.statement a{font-size:14px}.atelier{--ink:#33382e;--paper:#eeece3;--line:#c7c6b9;background:var(--paper)}.atelier header .brand{font-family:CreekSerif}.atelier-hero{padding:54px 5% 70px}.atelier-title{display:flex;justify-content:space-between;align-items:start;gap:30px}.atelier-title h1{font-family:CreekSerif;font-size:clamp(55px,6.4vw,100px);letter-spacing:-.055em;text-align:right;margin:0 0 46px}.atelier-title .eyebrow{max-width:150px;margin-top:13px;line-height:1.8}.atelier-title em{color:#906046}.atelier-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:center}.folio{height:450px;position:relative;background:#dedacb;overflow:hidden;box-shadow:0 20px 40px #4134210a}.folio-caption{position:absolute;bottom:21px;left:24px;font-size:9px;letter-spacing:.14em}.folio .motion{position:absolute;right:20px;bottom:10px;color:#594437}.atelier-note{max-width:360px;font-size:18px;line-height:1.6}.small-rule{display:block;width:40px;height:1px;background:#926341;margin-bottom:30px}.note-title{font-family:CreekSerif;font-size:30px}.text-cta{display:flex;justify-content:space-between;font-size:15px;padding:18px 0;border-bottom:1px solid #9d9b89;margin-top:24px}.sub-cta{display:inline-block;font-size:12px;margin-top:22px}.atelier .work{border-top:1px solid var(--line);padding-top:70px}.atelier .section-heading h2,.atelier .project h3{font-family:CreekSerif}.atelier .project h3{font-size:34px}.atelier-quote{padding:80px 5% 95px;background:#33443b;color:#ebeadd;display:grid;grid-template-columns:1fr 2fr;gap:25px}.atelier-quote>span{font-size:11px;letter-spacing:.1em}.atelier-quote h2{font-family:CreekSerif;font-size:66px}.atelier-quote p{grid-column:2;max-width:460px}.signal{--line:#a4ad7c;--ink:#203326;background:#e6efb4;color:var(--ink)}.signal header{border:0;height:96px}.signal .brand{font-weight:bold}.signal-hero{padding:30px 5% 50px}.signal-head{display:grid;grid-template-columns:1.6fr 1fr;align-items:center}.signal h1{font-size:clamp(100px,13vw,210px);font-weight:900;letter-spacing:-.075em;line-height:.84;margin:24px 0 36px;position:relative;z-index:1}.signal h1 span{color:#d95432}.signal-orbit{height:380px;position:relative}.signal-orbit .motion{position:absolute;bottom:0;right:0}.signal-bottom{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 110px;gap:40px;padding-top:28px;align-items:center}.signal-bottom>p{line-height:1.3;font-size:17px;margin:0}.signal-switch>span{font-size:11px}.signal-switch>div{display:flex;gap:10px;margin:15px 0}.signal-switch button{padding:10px 17px;min-height:44px;border-radius:30px;border:1px solid #52643b;background:transparent;color:inherit;font-size:13px}.signal-switch button[aria-pressed=true]{background:#263a28;color:#eff3da}.signal-switch p{font-size:12px;margin:0}.round-cta{display:flex;align-items:center;justify-content:center;border:1px solid #344d30;border-radius:50%;width:85px;height:85px;font-size:42px}.signal .work{background:#203326;color:#e6efb4;margin:0;padding:80px 5%;--line:#586244}.signal .project h3{font-size:37px}.signal-outro{padding:90px 5%;display:grid;grid-template-columns:1.6fr 1fr;gap:30px}.signal-outro h2{font-size:70px;font-weight:bold}.signal-outro p{max-width:380px;align-self:center}.signal-outro a{grid-column:2;font-size:14px}.review{padding:70px 5%}.review h1{font-size:clamp(50px,6vw,88px);margin:24px 0}.review-intro{font-size:19px;max-width:700px;line-height:1.6}.directions{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:46px 0 80px}.direction{min-width:0;padding:26px 28px;display:block;transition:transform .4s var(--ease)}.direction:hover{transform:translateY(-8px);opacity:1}.direction>span{font-size:11px;letter-spacing:.12em}.direction h2{font-size:32px;margin-top:22px}.direction p{font-size:15px;min-height:95px;line-height:1.55}.direction strong{font-size:13px;font-weight:400;display:block;border-top:1px solid currentColor;padding:20px 0 4px}.d-field{background:#13271e;color:#e4ecdb}.mini-lines{height:170px;background:repeating-radial-gradient(ellipse at 50% 120%,transparent 0 9px,#b2c780 10px 11px,transparent 12px 20px);margin-top:24px}.d-atelier{background:#dedacb;color:#3b3d30}.mini-ribbon{height:170px;position:relative;margin-top:24px}.mini-ribbon:before{content:'';position:absolute;width:180px;height:140px;border:24px solid #a56342;border-left-color:#623c2c;border-bottom-color:#ce9a70;border-radius:50%;transform:rotate(-30deg);left:50%;top:10px;margin-left:-90px}.d-signal{background:#e4efa8;color:#243822}.mini-type{font-size:65px;letter-spacing:-.07em;line-height:.8;font-weight:900;height:170px;padding-top:26px;color:#d95432}.research{max-width:1050px}.research h2{font-size:35px;margin:50px 0 24px}.research p,.research li{font-size:16px;line-height:1.7}.research a{text-decoration:underline;text-underline-offset:3px}.research li{margin-bottom:16px}table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}th,td{padding:20px 12px;border-bottom:1px solid #bfc3b3}th{font-weight:400}.verso-preview{margin:65px 5% 100px}.verso-preview h1{font-size:80px}.checkpoint{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:40px;background:#dce2d1;margin:40px 0}.checkpoint h2{font-size:37px}.checkpoint button{background:#253c2d;color:#eef1e5;border:0;padding:16px 20px;min-height:48px}.checkpoint-result h3{font-size:20px}.checkpoint ol{padding-left:24px}.checkpoint li{margin-bottom:16px}.reveal{animation:enter 1.1s var(--ease) both}.reveal:nth-child(2){animation-delay:.15s}@keyframes enter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@media(min-width:1600px){main,header,footer{max-width:1600px;margin-left:auto!important;margin-right:auto!important}.field-hero{padding-left:5%;padding-right:5%}}
@media(max-width:800px){header{height:80px}header>div{gap:20px;font-size:12px}.brand{font-size:25px;gap:12px}.brand span{font-size:13px}.compare{gap:22px;font-size:10px}.field-hero{grid-template-columns:1fr;gap:0}.field-copy{padding:44px 0}.field h1{font-size:70px}.intro{font-size:17px}.credentials{margin-top:30px}.instrument{height:400px;border:1px solid var(--line)}.work{padding:60px 0}.section-heading{display:block}.section-heading h2{font-size:36px;margin-top:18px}.project{grid-template-columns:30px 1fr;gap:12px;padding:26px 0}.project h3,.signal .project h3{font-size:27px}.project p{font-size:14px}.project-cta{grid-column:2;text-align:left;margin-top:8px}.field .statement,.atelier-quote,.signal-outro{display:block;padding:60px 5%}.statement h2{font-size:43px}.atelier-title{display:block}.atelier-title .eyebrow{max-width:none;margin:0 0 28px}.atelier-title h1{font-size:55px;text-align:left;margin-bottom:35px}.atelier-layout{grid-template-columns:1fr;gap:40px}.folio{height:380px}.atelier-note{max-width:none;font-size:17px}.atelier-hero{padding-top:35px}.atelier .project h3{font-size:28px}.atelier-quote h2{font-size:47px;margin-top:32px}.signal-head{display:block;position:relative}.signal h1{font-size:94px;margin-top:32px;line-height:.89}.signal-orbit{height:255px;margin-top:-10px}.signal-bottom{grid-template-columns:1fr 80px;gap:26px}.signal-bottom>p{font-size:16px}.signal-switch{grid-row:2;grid-column:1/3}.round-cta{grid-column:2;grid-row:1;width:68px;height:68px}.signal-outro h2{font-size:43px}.directions{grid-template-columns:1fr;gap:24px}.direction p{min-height:auto}.review{padding-top:48px}.review h1{font-size:55px}.review-intro{font-size:17px}.research{overflow:auto}table{min-width:620px}.research h2{font-size:30px}footer{display:block;font-size:11px}footer a{display:block;margin-top:15px}.checkpoint{grid-template-columns:1fr;padding:24px}.verso-preview h1{font-size:65px}.instrument-bottom{left:14px;right:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:801px){.signal .work{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.signal .section-heading{grid-column:1/4}.signal .project{display:flex;flex-direction:column;align-items:start;padding:30px 26px;border:1px solid #586244;min-height:340px;justify-content:space-between;position:relative;overflow:hidden}.signal .project:hover{background:#2d432d;transform:translateY(-6px)}.signal .project .number{font-size:64px;line-height:1;color:#9aab68}.signal .project h3{font-size:30px;max-width:250px}.signal .project-cta{text-align:left}.signal .project p{min-height:50px}.atelier .project{grid-template-columns:100px 1fr 210px}.atelier .number{font-family:CreekItalic;font-size:28px;color:#93613f}.atelier .project:hover{background:#e5e2d6}}
.signal h1 .compact{font-size:.82em}
@media(max-width:800px){.signal h1 .compact{font-size:.73em}}
header a{display:inline-flex;align-items:center;min-height:44px}.sub-cta,footer a,.statement a,.signal-outro a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:800px){.folio-caption{bottom:66px;left:20px}.signal h1{font-size:clamp(78px,24vw,94px)}.field h1{font-size:clamp(57px,17.9vw,70px)}.atelier-title h1{font-size:clamp(46px,14.1vw,55px)}.brand span{max-width:100px}header>div{gap:14px}.signal-outro h2{font-size:clamp(35px,11vw,43px)}}
/* Evidence-led second pass: three distinct material systems */
.eyebrow,.number,.status,.feature-line,.evidence-preview>span,.instrument-top,.instrument-bottom,.folio-caption{font-size:12px;letter-spacing:.07em}.instrument-bottom{color:#c0cdbd}.credentials{font-size:12px;color:#b9c9bb}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.evidence-work .project{padding:0;display:block;border:1px solid var(--line);overflow:hidden;transition:transform .35s var(--ease),background .35s}.evidence-work .project:hover{padding:0;transform:translateY(-4px)}.evidence-work .lead-project{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr}.evidence-preview{position:relative;min-width:0;background:#182126;padding:24px;display:flex;align-items:center;justify-content:center;height:290px;overflow:hidden}.evidence-preview img{display:block;width:100%;height:100%;object-fit:contain}.evidence-preview>span{position:absolute;left:20px;right:20px;bottom:12px;color:#dce5dd;font-size:10px;letter-spacing:.03em}.calculator-preview{height:460px;background:#233b32;padding:32px 30px 44px}.calculator-preview img{filter:drop-shadow(0 16px 14px #0005)}.project-story{padding:32px}.project-story .number{display:block;margin-bottom:22px;align-self:auto;padding:0}.project-story h3{font-size:39px;line-height:1.12;margin-bottom:22px}.project-story p{font-size:17px;line-height:1.55;margin:0 0 18px;opacity:.85}.project-story .project-problem{font-size:23px;opacity:1}.project-story .feature-line{display:block;margin:28px 0 20px;font-size:11px}.project-story .project-cta{display:block;text-align:left;min-height:44px;margin-top:20px;font-size:14px}.status{display:block;font-size:12px;line-height:1.6;opacity:.85}.mailer-specimen .evidence-preview{background:#d9d0be}.mailer-specimen .evidence-preview>span{color:#352d24}.verso-specimen .evidence-preview>span{background:#182126cf;padding:4px}.real-work{grid-column:2;max-width:550px;padding:25px 0;border-top:1px solid currentColor}.real-work>span{font-size:11px;letter-spacing:.08em}.real-work p{font-size:16px;line-height:1.6;margin:20px 0 0}.atelier .project-story h3{font-size:36px}.atelier .evidence-work .project{border:0;border-bottom:1px solid #bfbba8;background:#e2ddce}.atelier .evidence-grid{gap:40px}.atelier .specimen{transform:rotate(-1deg);box-shadow:0 8px 18px #4b38220d}.atelier .specimen:last-child{transform:rotate(1deg)}.atelier .specimen:hover{transform:rotate(0) translateY(-4px)}.atelier .evidence-preview{margin:18px 18px 0;background:#d2cabc}.atelier .calculator-preview{height:460px;margin:20px}.atelier .evidence-preview>span{color:#3b3c31;background:#e2ddceea;padding:5px}.atelier .project-story{padding:28px}.atelier .lead-project .project-story{align-self:center}.atelier .real-work{border:0;max-width:550px}.signal{--ink:#20274d;--line:#b5b4c2;background:#eeede8;color:#20274d}.signal h1 span{color:#334ed4}.signal .work{background:#d6daf2;color:#20274d;--line:#a8afd5;display:block}.signal .evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.signal .evidence-work .project{display:flex;flex-direction:column;align-items:stretch;border:0;min-height:0;background:#f5f3ee;box-shadow:0 8px 0 #20274d;overflow:visible;transform:rotate(-1deg);justify-content:start}.signal .evidence-work .project:nth-child(2){transform:rotate(2deg);background:#b6c1fa}.signal .evidence-work .project:nth-child(3){transform:rotate(-2deg);background:#ecd7c9}.signal .evidence-work .project:hover{transform:rotate(0) translateY(-6px)}.signal .lead-project{grid-column:auto}.signal .evidence-preview{height:260px;padding:24px 20px 40px}.signal .calculator-preview{background:#243631}.signal .project-story{padding:26px;flex:1}.signal .project-story h3{font-size:32px}.signal .project-story p{font-size:16px;min-height:0}.signal .project-story .project-problem{font-size:20px}.signal .number{font-size:12px!important;color:#20274d!important;line-height:1.5!important}.signal .feature-line{font-size:10px}.signal .signal-switch button{border-color:#20274d}.signal .signal-switch button[aria-pressed=true]{background:#334ed4;color:white}.signal .round-cta{border-color:#20274d;position:relative}.round-cta>span{position:absolute;font-size:11px;top:-25px;width:100px;text-align:center}.signal-orbit{background:transparent}.signal-outro{background:#eeede8}.signal .real-work{grid-column:2}.d-signal{background:#d6daf2;color:#20274d}.d-signal .mini-type{color:#334ed4}.verso-evidence{margin:40px 0;background:#182126;padding:24px}.verso-evidence img{display:block;width:100%;max-height:600px;object-fit:contain}.verso-evidence figcaption{color:#dce2d1;font-size:13px;margin-top:18px}.document-demo{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:60px 0}.demo-controls h2{font-size:40px}.demo-controls button{padding:12px 14px;min-height:44px;background:transparent;border:1px solid #7a8c7e;color:inherit;font-size:13px}.demo-controls button[aria-pressed=true]{background:#203b2b;color:white}.demo-controls>div{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.sample-paper{background:#fffdf8;border:1px solid #d4d6cb;box-shadow:0 15px 40px #1c321519;padding:50px 35px;min-height:360px;transition:transform .4s}.sample-paper>span{font-size:11px;letter-spacing:.07em}.sample-paper h3{font-family:CreekSerif;font-size:37px;margin-top:34px}.sample-paper mark{background:transparent;color:inherit}.sample-paper.edit mark{background:#c3d6ff}.sample-paper.print{transform:rotate(-3deg)}.paper-lines{height:70px;background:repeating-linear-gradient(to bottom,transparent 0 14px,#c3c9bd 15px 16px);margin:25px 0}
@media(max-width:800px){.field-copy{padding:30px 0 24px}.field h1{font-size:clamp(53px,16.2vw,63px);margin:22px 0}.field-copy .intro{margin-bottom:20px}.credentials{margin-top:22px;gap:25px;font-size:11px}.instrument{height:210px}.instrument-top{top:15px;left:14px;right:14px;font-size:10px}.instrument-bottom{bottom:12px;font-size:10px}.field .work{padding-top:38px}.work{padding-top:40px;padding-bottom:50px}.section-heading{margin-bottom:24px}.atelier-hero{padding-top:28px;padding-bottom:28px}.atelier-title h1{font-size:clamp(42px,12.3vw,48px);margin-bottom:24px}.atelier-title .eyebrow{font-size:11px;margin-bottom:20px}.atelier-layout{gap:22px}.atelier-note{order:-1;font-size:15px;line-height:1.5}.atelier-note p{margin-bottom:14px}.atelier-note .note-title{font-size:25px}.small-rule{display:none}.atelier-note .text-cta{margin-top:8px;padding:12px 0}.atelier-note .sub-cta{margin-top:3px;font-size:12px}.folio{height:190px}.folio-caption{bottom:16px;font-size:9px;max-width:150px;line-height:1.4}.folio .motion{bottom:8px;right:12px}.atelier .work{padding-top:35px}.signal-hero{padding-top:24px;padding-bottom:32px}.signal .eyebrow{font-size:11px}.signal h1{font-size:clamp(63px,18.8vw,74px);margin:20px 0 10px;line-height:.9}.signal-orbit{height:140px;margin-top:0}.signal-orbit .motion{bottom:4px}.signal-bottom{padding-top:18px;gap:18px}.signal-bottom>p{font-size:15px}.signal-switch>div{margin:10px 0}.signal-switch button{padding:8px 14px}.signal-switch p{font-size:13px;line-height:1.5}.signal .round-cta{width:65px;height:65px;margin-top:18px}.signal .round-cta>span{top:-23px}.signal .work{padding:45px 5% 55px}.evidence-grid,.signal .evidence-grid{grid-template-columns:1fr;gap:28px}.evidence-work .lead-project{display:block;grid-column:auto}.calculator-preview{height:290px;padding:20px 20px 42px}.evidence-preview{height:210px;padding:18px 18px 36px}.evidence-preview>span{font-size:9px;bottom:10px}.project-story{padding:24px}.project-story .number{font-size:11px;margin-bottom:16px}.project-story h3{font-size:29px}.project-story .project-problem{font-size:20px}.project-story p{font-size:15px}.project-story .feature-line{font-size:9px;margin:20px 0 10px}.project-story .project-cta{margin-top:12px;font-size:14px}.status{font-size:11px}.atelier .calculator-preview{height:290px;margin:14px}.atelier .evidence-preview{margin:14px 14px 0;height:210px}.atelier .project-story{padding:20px}.atelier .project-story h3{font-size:29px}.atelier .evidence-grid{gap:30px}.signal .project-story h3{font-size:30px}.signal .evidence-preview{height:220px}.signal .project-story{padding:22px}.signal .project-story p{font-size:15px}.signal .project-story .project-problem{font-size:20px}.real-work{padding-top:20px;margin-top:24px}.real-work p{font-size:15px}.statement h2{font-size:38px}.document-demo{grid-template-columns:1fr;gap:25px}.verso-preview{margin-top:40px}.verso-preview h1{font-size:53px}.verso-evidence{padding:12px}.verso-evidence figcaption{font-size:11px}.demo-controls h2{font-size:34px}.sample-paper{padding:32px 24px;min-height:300px}.review h1{font-size:clamp(43px,12.8vw,50px)}}
.mini-lines{background:repeating-linear-gradient(165deg,transparent 0 7px,#b2c780 8px 9px,transparent 10px 18px);clip-path:polygon(0 22%,100% 0,100% 80%,0 100%)}.mini-ribbon:before{border:0;border-radius:0;width:200px;height:110px;background:linear-gradient(130deg,#683c28,#be8964 45%,#76432c);clip-path:polygon(0 10%,40% 10%,64% 75%,100% 75%,100% 94%,57% 94%,33% 30%,0 30%);transform:rotate(-12deg)}
@media(max-width:800px){.compare{font-size:12px;gap:18px}.evidence-preview>span{font-size:11px;line-height:1.3}.folio-caption{font-size:11px;max-width:160px}.instrument-top,.instrument-bottom{font-size:11px}.project-story .feature-line{font-size:11px}.status{font-size:12px}.project-story .number{font-size:12px}}

/* Bounded supplied motor animation; full portrait composition stays visible. */
.field .field-image-panel{width:100%;height:var(--panel-height,auto);max-height:none;min-height:0;aspect-ratio:1051.25 / 1139;align-self:start;display:block;position:relative;background:transparent;contain:size layout;overflow:visible;border:0}
.field-art-frame{position:absolute;left:0;top:0;width:var(--panel-width,100%);height:100%;overflow:hidden;background:#032133;display:flex;align-items:center;justify-content:center}
.field-motion-video,.field-motion-still{width:80%;height:100%;object-fit:contain;display:block;flex:none}
.field-motion-still{display:none}
.field-art-frame.motion-resting .field-motion-video{display:none}
.field-art-frame.motion-resting .field-motion-still{display:block}
.field-motion-toggle{position:absolute;right:16px;bottom:16px;min-height:44px;padding:9px 14px;border:1px solid #a6c7d2;background:#032133e8;color:#eaf3f6;border-radius:3px;font-size:13px;z-index:1}
@media(prefers-reduced-motion:reduce){.field-motion-video{display:none}.field-motion-still{display:block}.field-art-frame.motion-playing .field-motion-video{display:block}.field-art-frame.motion-playing .field-motion-still{display:none}}

/* Public navigation and approved tagline. */
.field-tagline{max-width:420px;font-size:19px;line-height:1.5;color:#dcf5ac;margin-bottom:18px}footer nav{display:flex;gap:24px;flex-wrap:wrap}.field-motion-toggle[hidden]{display:none}@media(max-width:800px){footer nav{gap:8px 22px}.field-tagline{font-size:17px}}

/* Public review: straightforward navigation without a hidden mobile menu. */
.field header { gap:24px; height:auto; min-height:106px; }
.field-navigation { display:flex; flex-wrap:wrap; align-items:center; gap:4px 24px; font-size:14px; }
.field-navigation a { white-space:nowrap; }
.field-navigation [aria-current] { text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:7px; }
.field header .brand { letter-spacing:-1px; white-space:nowrap; }
.field header .brand span { max-width:none; }
@media(max-width:1000px) { .field header { flex-direction:column; align-items:flex-start; gap:8px; padding:20px 0 12px; } }
@media(max-width:600px) { .field-navigation { gap:2px 20px; } .field header .brand { font-size:25px; } }

/* October 2026: white presentation, approved static logo and real work photos. */
.field { background:#fff; color:#000; --line:#d5d5d5; --lime:#fff; }
.field header { color:#000; padding-block:20px; min-height:154px; }
.field header .brand { flex:none; }
.brand img { width:220px; height:auto; display:block; }
.field-hero { grid-template-columns:1fr 1fr; gap:7%; min-height:0; padding-block:70px 100px; align-items:center; }
.field-copy { padding:0; }
.field h1 { font-size:clamp(40px,4.1vw,66px); line-height:1.09; letter-spacing:-.045em; margin:24px 0 30px; }
.field-copy .intro { max-width:510px; font-size:18px; line-height:1.7; margin-bottom:30px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px 26px; align-items:center; }
.field .primary { background:#fff; color:#000; border:1px solid #000; gap:26px; }
.secondary { display:inline-flex; gap:22px; align-items:center; min-height:52px; font-size:14px; text-decoration:underline; text-underline-offset:6px; }
.field-photographs { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:20px; }
.work-photo { margin:0; min-width:0; }
.work-photo.landscape { grid-column:1/-1; }
.work-photo.portrait { grid-column:2; }
.work-photo img { display:block; width:100%; height:auto; }
.work-photo figcaption { font-size:11px; line-height:1.5; margin-top:8px; }
.field .work { padding-top:40px; }
.field .statement { background:#fff; color:#000; border-top:1px solid var(--line); }
.field .project p,.field .status { opacity:1; }
.field .evidence-preview,.field .calculator-preview { background:#fff; }
.field .evidence-preview>span { background:#fff; color:#000; padding:4px; }
.field :focus-visible { outline:2px solid #000; outline-offset:5px; }
@media(max-width:1000px) { .field header { min-height:0; gap:20px; } .field-hero { gap:5%; padding-block:50px 70px; } }
@media(max-width:800px) { .field-hero { grid-template-columns:1fr; gap:40px; } .field h1 { font-size:clamp(40px,9vw,60px); } .field-copy .intro { font-size:17px; } .field-photographs { grid-template-columns:1.2fr 1fr; align-items:start; gap:16px; } .work-photo.landscape { grid-column:1; } .work-photo.portrait { grid-column:2; } .brand img { width:200px; } }
@media(min-width:1600px) { .field-hero { padding-inline:0; } }
.field-hero { align-items:start; grid-template-columns:1fr 1.15fr; }
.field-photographs { grid-template-columns:1.55fr 1fr; align-items:start; padding-top:5px; }
.work-photo.landscape { grid-column:1; }
.work-photo.portrait { grid-column:2; padding-top:70px; }
@media(max-width:800px) { .field-hero { grid-template-columns:1fr; } .work-photo.portrait { padding-top:36px; } }

/* One-page introduction and preview sequence: résumé, calculator, Verso, flier. */
.experience-section { margin:0 5%; padding:76px 0; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1.15fr; gap:7%; scroll-margin-top:24px; }
.experience-section h2 { font-size:clamp(36px,4vw,54px); margin-bottom:20px; }
.experience-lead { max-width:420px; font-size:22px; line-height:1.45; }
.experience-copy { font-size:18px; line-height:1.7; }
.experience-copy .real-work { max-width:none; margin-top:30px; }
.field .evidence-grid { grid-template-columns:1fr; gap:52px; }
.field .evidence-work .project { display:grid; grid-template-columns:1fr 1fr; grid-column:auto; align-items:center; }
.field .evidence-preview { height:420px; }
.field #projects { scroll-margin-top:24px; }
@media(max-width:800px) { .experience-section { grid-template-columns:1fr; gap:30px; padding-block:50px; } .experience-copy { font-size:17px; } .field .evidence-work .project { display:block; } .field .evidence-preview { height:280px; } .field .evidence-grid { gap:32px; } }

#calculator-preview,#verso-preview,#postcard-preview,#directory-preview { scroll-margin-top:24px; }
/* Both hero buttons use the user's exact OM orange with black labels. */
.hero-actions .primary,.hero-actions .secondary { display:inline-flex; justify-content:space-between; align-items:center; gap:26px; min-height:52px; padding:17px 24px; border:1px solid #C66A16; border-radius:6px; background:#C66A16; color:#000; font-size:14px; text-decoration:none; }
.hero-actions a:hover { opacity:1; text-decoration:underline; text-underline-offset:5px; border-color:#000; }
.hero-actions a:focus-visible { outline:2px solid #000; outline-offset:5px; }

.resume-preview-card { display:flex; flex-direction:column; gap:16px; padding:24px; border:1px solid var(--line); align-items:center; color:#000; }
.resume-preview-card img { display:block; width:100%; height:410px; object-fit:contain; }
.resume-preview-card>span { font-size:14px; min-height:44px; display:flex; align-items:center; gap:20px; }
.resume-preview-card:hover { opacity:1; border-color:#000; }
.resume-preview-card:hover>span { text-decoration:underline; text-underline-offset:5px; }
.resume-preview-actions { margin-top:28px; }
@media(max-width:800px) { .resume-preview-card img { height:330px; } }
/* Generous open spacing keeps previews from reading as a dense card grid. */
.field .evidence-work .project { border:0; }
.field .evidence-grid { gap:76px; }
.resume-preview-card { border-color:transparent; }
@media(max-width:800px) { .field .evidence-grid { gap:48px; } }
/* Small, layout-stable responses for pointer, keyboard and touch input. */
.field a { text-underline-offset:5px; text-decoration-thickness:1px; }
.field-navigation a,footer a,.resume-preview-card>span { transition:text-decoration-color 160ms ease; }
.hero-actions a { transition:transform 140ms ease,box-shadow 140ms ease,border-color 140ms ease; }
@media(hover:hover) {
  .hero-actions a:hover { transform:translateY(-2px); box-shadow:0 4px 0 #0002; }
  .field-navigation a:hover,footer a:hover { opacity:1; text-decoration:underline; }
}
.hero-actions a:active { transform:translateY(1px); box-shadow:inset 0 2px 3px #0002; }
.field-navigation a:active,footer a:active { text-decoration:underline; text-decoration-thickness:2px; }
@media(prefers-reduced-motion:reduce) { .hero-actions a { transition:none; transform:none!important; } }
/* Actual résumé text, clipped within a non-interactive viewport inside its link. */
.resume-preview-window { width:min(100%,360px); height:410px; overflow:hidden; position:relative; background:#fff; }
.resume-preview-document { padding:18px 14px 28px; color:#000; font:11px/1.6 Arial,sans-serif; text-align:left; }
.resume-preview-document h3 { font:bold 20px/1.2 Arial,sans-serif; text-align:center; margin:0 0 12px; letter-spacing:0; }
.resume-preview-document h4 { font:bold 12px/1.4 Arial,sans-serif; margin:22px 0 8px; }
.resume-preview-document p { margin:0 0 10px; }
.resume-preview-document ul { margin:0 0 14px; padding-left:16px; }
.resume-preview-document li { margin-bottom:5px; }
@media(max-width:800px) { .resume-preview-window { height:330px; } }
/* Clear pauses between panels, separate from each panel's internal padding. */
.field .evidence-grid { row-gap:160px; }
.field-hero { padding-bottom:140px; }
.experience-section { padding-block:100px; margin-bottom:60px; }
.field .work { padding-top:40px; padding-bottom:120px; }
@media(max-width:800px) { .field .evidence-grid { row-gap:88px; } .field-hero { padding-bottom:80px; } .experience-section { padding-block:56px; margin-bottom:40px; } .field .work { padding-top:20px; padding-bottom:72px; } }

/* One shared page edge and column grid from the introduction through the projects. */
.field { --landing-columns:minmax(0,1fr) minmax(0,1.15fr); --landing-gutter:7%; }
.field > header,.field > main,.field > footer { width:90%; max-width:1440px; margin-inline:auto; }
.field > footer { padding-inline:0; }
.field .field-hero,.field .experience-section,.field .work { margin-inline:0; }
.field .field-hero,.field .experience-section,.field .evidence-work .project,.field .section-heading {
  grid-template-columns:var(--landing-columns);
  column-gap:var(--landing-gutter);
}
.field .section-heading { display:grid; }
.field .project-story { padding-inline:0; min-width:0; }
.field .resume-preview-card { padding-inline:0; }
@media(max-width:800px) {
  .field { --landing-columns:minmax(0,1fr); }
  .field .project-story { padding-block:24px 0; }
}

/* Section edges share the résumé paper shadow; space remains between panels. */
.field { --section-inset:clamp(24px,4vw,56px); }
.field .section-surface { padding:var(--section-inset); border:0; }
.field .evidence-work .project.section-surface:hover { padding:var(--section-inset); transform:none; }
.field .field-hero.section-surface { margin-block:48px 140px; min-height:0; }
.field .experience-section.section-surface { margin-bottom:100px; }
.field .section-heading { padding-inline:var(--section-inset); }
.field .section-surface .resume-preview-card { border:0; box-shadow:none; }
@media(max-width:800px) {
  .field { --section-inset:20px; }
  .field .field-hero.section-surface { margin-block:32px 80px; }
  .field .experience-section.section-surface { margin-bottom:60px; }
}

/* Filled actions stay un-underlined; in-page navigation stays light. */
.field .hero-actions a,.field .hero-actions a:hover,.field .hero-actions a:active { text-decoration:none; }
.field .hero-actions .text-action { display:inline-flex; align-items:center; gap:22px; min-height:52px; padding:0; border:0; border-radius:0; background:transparent; color:#000; font-size:14px; }
.field .hero-actions .text-action:hover,.field .hero-actions .text-action:active { box-shadow:none; }
.field .project-cta.action-button { display:inline-flex; align-items:center; justify-content:space-between; gap:26px; min-height:52px; padding:17px 24px; border:1px solid #C66A16; border-radius:6px; background:#C66A16; color:#000; font-size:14px; text-decoration:none; transition:transform 140ms ease,box-shadow 140ms ease,border-color 140ms ease; }
@media(hover:hover) { .field .project-cta.action-button:hover { transform:translateY(-2px); box-shadow:0 4px 0 #0002; border-color:#000; } }
.field .project-cta.action-button:active { transform:translateY(1px); box-shadow:inset 0 2px 3px #0002; }
@media(prefers-reduced-motion:reduce) { .field .project-cta.action-button { transition:none; transform:none!important; } }
.field .section-heading h2 { grid-column:2; }
@media(max-width:800px) { .field .section-heading h2 { grid-column:1; } }

/* Each project has its own action plus independent next-section/home links. */
.field .project-actions { margin-top:20px; }
.field .project-actions .project-cta { margin-top:0; }
@media(max-width:800px) { .field .project-actions { margin-top:12px; } }

/* Crop only the baked-in white margin around the calculator screenshot.
   The reviewed screenshot and calculator controls remain unchanged. */
.field .calculator-preview { display:flex; align-items:center; justify-content:center; container-type:size; }
.field .evidence-preview .calculator-preview-object {
  position:relative; inset:auto; display:block; flex:none; padding:0; background:transparent;
  width:min(100cqw, 124.294cqh, 440px); aspect-ratio:880 / 708;
  overflow:hidden; border-radius:2.273% / 2.825%;
  box-shadow:0 8px 18px rgb(0 0 0 / 16%);
}
.field .calculator-preview-object img {
  position:absolute; left:-2.272727%; top:-2.259887%;
  width:104.545455%; height:110.310734%; max-width:none; max-height:none;
  object-fit:fill; filter:none;
}
.field #verso-preview .evidence-preview img,
.field #postcard-preview .evidence-preview img,
.field #directory-preview .evidence-preview img,
.field #spendcap-preview .evidence-preview img {
  width:auto; height:auto; max-width:100%; max-height:100%;
  object-fit:contain; filter:none; box-shadow:0 8px 18px rgb(0 0 0 / 16%);
}
.field #verso-preview .evidence-preview,
.field #postcard-preview .evidence-preview,
.field #directory-preview .evidence-preview,
.field #spendcap-preview .evidence-preview { display:flex; align-items:center; justify-content:center; }

/* Balance the remaining copy against each preview after removing its label. */
.field .experience-section { align-items:center; }
.field .experience-copy,.field .project-story { align-self:center; }
.field .evidence-preview { padding:24px; }