/* Approved r2 reference; scoped by scripts/port-r2-styles.mjs. */
/* Engineering-story extension of the approved Living Canvas. */
.portfolio .engineering-hero{position:relative;perspective:1300px;height:510px;isolation:isolate;min-width:0}
.portfolio .engineering-hero figcaption{position:absolute;bottom:0;left:0;right:0;max-width:430px;font:10px/1.7 var(--mono);color:#b8b1a6}
.portfolio .engineering-hero .depth-control{bottom:64px;right:0}
.portfolio .atlas-orbit{position:absolute;width:390px;height:390px;border:1px solid #34322e;border-radius:50%;top:40px;left:40px;transform:rotateX(25deg)}
.portfolio .order-sheet{position:absolute;width:270px;min-height:194px;padding:22px;box-shadow:12px 25px 48px #0007;transition:transform .65s cubic-bezier(.2,.75,.2,1);transform-style:preserve-3d}
.portfolio .order-sheet>span{font:9px/1.4 var(--mono);letter-spacing:.13em;display:block}
.portfolio .order-sheet>strong{display:block;font:46px/1.05 Georgia,serif;letter-spacing:-.04em;margin:28px 0 14px}
.portfolio .order-sheet small{font:9px/1.5 var(--mono);display:block}
.portfolio .sheet-order{background:#e9e1cf;color:#27231c;top:24px;left:28px;transform:rotate(-9deg) rotateY(9deg);z-index:1}
.portfolio .sheet-items{background:#393932;color:#f3ede0;border:1px solid #737266;top:125px;left:120px;transform:rotate(5deg);z-index:2}
.portfolio .sheet-thread{background:#262421;color:#f3ede0;border:1px solid #756b5b;top:226px;left:58px;transform:rotate(-4deg);z-index:3}
.portfolio .atlas-hero.depth-open .sheet-order{transform:translate(-15px,-15px) rotate(-13deg) rotateY(12deg)}
.portfolio .atlas-hero.depth-open .sheet-items{transform:translate(35px,-2px) rotate(10deg)}
.portfolio .atlas-hero.depth-open .sheet-thread{transform:translate(-8px,28px) rotate(-8deg)}
.portfolio .commit-seal{position:absolute;right:0;top:298px;width:110px;height:110px;border:1px solid #c76e43;background:#a64b29;color:#fff0df;border-radius:50%;display:grid;place-content:center;text-align:center;font:9px/1.6 var(--mono);letter-spacing:.08em;z-index:4;transform:rotate(12deg);box-shadow:0 12px 30px #0005}
.portfolio .commit-seal strong{font:24px/1.3 Georgia,serif;letter-spacing:0}
.portfolio .katie-hero{height:500px}
.portfolio .contact-sheet{position:absolute;background:#eae2d2;color:#322d26;border:1px solid #aa9b87;width:330px;padding:18px;top:50px;left:14px;transform:rotate(-8deg) rotateY(10deg);box-shadow:10px 30px 55px #0007;transition:transform .65s ease}
.portfolio .contact-sheet>span{font:9px/1.6 var(--mono);letter-spacing:.11em}
.portfolio .film-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0 10px}
.portfolio .film-frame{aspect-ratio:1;background:#292a29;color:#d3c9b5;position:relative;display:grid;place-content:center;text-align:center;border:6px solid #25221e;outline:1px solid #8d8477;font:11px/1.5 var(--mono)}
.portfolio .film-frame .icon{width:35px;height:35px;margin:0 auto 12px;stroke-width:1}
.portfolio .film-frame small{position:absolute;left:5px;bottom:3px;font:7px var(--mono);color:#c2b5a4}
.portfolio .contact-sheet>small{font:8px var(--mono)}
.portfolio .gallery-note{position:absolute;right:0;top:245px;width:255px;padding:24px;background:#302c26;border:1px solid #8e7155;color:#f4e9d5;transform:rotate(7deg);box-shadow:0 20px 48px #0008;transition:transform .65s ease}
.portfolio .gallery-note span{font:8px/1.5 var(--mono);color:#e9b18c}
.portfolio .gallery-note strong{font:31px/1.12 Georgia,serif;display:block;margin:18px 0 12px}
.portfolio .gallery-note small{font:9px/1.5 var(--mono);color:#cdc3b4}
.portfolio .katie-hero.depth-open .contact-sheet{transform:translate(-2px,-18px) rotate(-12deg) rotateY(13deg)}
.portfolio .katie-hero.depth-open .gallery-note{transform:translate(-2px,22px) rotate(11deg)}
.portfolio .project-atlas .project-hero :is(h1:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h1"])){font-size:clamp(60px,7vw,102px)}
.portfolio .project-katie .project-hero :is(h1:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h1"])){font-size:clamp(56px,6vw,82px);line-height:.99}
.portfolio .project-katie .project-hero :is(h1:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h1"])) .title-extra{display:block;font-family:Georgia,serif;font-size:.52em;font-weight:400;line-height:1.2;margin-top:12px;color:#e2d5bf}
.portfolio .engineering-article .article-hero :is(h1:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h1"])){font-size:clamp(32px,3.4vw,49px);line-height:1.12;letter-spacing:-.052em}
.portfolio .engineering-article .article-hero :is(h1:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h1"])) .title-main{font-size:clamp(45px,4.6vw,65px);margin-bottom:18px;letter-spacing:-.05em}
.portfolio .engineering-article .article-hero-art{pointer-events:none}
.portfolio .engineering-article .article-hero-art .editorial-plate .plate-title{font-size:38px}
.portfolio .engineering-figure{--eng-ink:#f1eadc;--eng-muted:#c7bdae;--eng-line:#655c50;color:var(--eng-ink);background:#24231f}
.portfolio .engineering-figure p,.portfolio .article-body .engineering-figure p{color:var(--eng-muted);font-family:Arial,Helvetica,sans-serif;line-height:1.7;font-size:14px;max-width:none}
.portfolio .engineering-figure strong,.portfolio .article-body .engineering-figure strong,.portfolio .engineering-figure :is(h4:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h4"])),.portfolio .article-body .engineering-figure :is(h4:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h4"])){color:var(--eng-ink)}
.portfolio .engineering-figure .eyebrow,.portfolio .article-body .engineering-figure .eyebrow{font:9px/1.65 var(--mono);letter-spacing:.1em;color:#e5b692;margin:0 0 10px}
.portfolio .engineering-figure .figure-head :is(h3:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h3"])){font-size:clamp(23px,3vw,35px);line-height:1.13;max-width:750px}
.portfolio .engineering-figure .figure-head>div>p:last-child{margin:14px 0 0;max-width:690px}
.portfolio .eng-switch{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.portfolio .eng-switch button{appearance:none;border:1px solid #766b5a;background:transparent;color:#eee4d3;min-height:44px;padding:10px 14px;font:11px/1.45 var(--mono);cursor:pointer;border-radius:3px;transition:background .15s,color .15s}
.portfolio .eng-switch button[aria-pressed=true],.portfolio .eng-switch button:hover{background:#ecdcc0;color:#2b251e;border-color:#ecdcc0}
.portfolio .eng-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.portfolio .eng-controls .small-button{min-height:44px;border:1px solid #766b5a;color:#f1e4d2;padding:10px 15px}
.portfolio .engineering-figure button:focus-visible,.portfolio .engineering-figure input:focus-visible,.portfolio .engineering-figure pre:focus-visible{outline:3px solid #ffab78;outline-offset:4px}
.portfolio .transaction-boundary{margin:28px calc(16.66% + 6px) 12px calc(16.66% + 6px);text-align:center;color:#e4b78b;font:9px var(--mono);letter-spacing:.1em}
.portfolio .transaction-boundary i{display:block;border:1px solid #a38562;border-bottom:0;height:12px;margin-top:9px}
.portfolio .order-stages{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.portfolio .eng-stage{padding:18px 11px;min-width:0;text-align:left;color:#e9dfce;background:#302d27;border:1px solid #776b59;position:relative;cursor:pointer;min-height:140px}
.portfolio .eng-stage>span{font:10px var(--mono);display:block;color:#d5b591;margin-bottom:15px}
.portfolio .eng-stage .icon{position:absolute;top:15px;right:10px;width:17px;height:17px;color:#c9b494}
.portfolio .eng-stage strong{font:20px/1.1 Georgia,serif;display:block;margin-bottom:9px;letter-spacing:-.02em}
.portfolio .eng-stage small{font:9px/1.5 var(--mono);display:block;color:#cfc2ae}
.portfolio .eng-stage[aria-pressed=true]{background:#e4cfaa;border-color:#e4cfaa;color:#2e261c}
.portfolio .eng-stage[aria-pressed=true] strong,.portfolio .eng-stage[aria-pressed=true] small,.portfolio .eng-stage[aria-pressed=true]>span,.portfolio .eng-stage[aria-pressed=true] .icon{color:#2e261c}
.portfolio .eng-receipt{display:grid;grid-template-columns:2fr 1fr;border:1px solid #685e50;margin-top:18px;background:#1e1d1a}
.portfolio .eng-receipt>div{padding:22px}.portfolio .eng-receipt>div+div{border-left:1px solid #685e50}
.portfolio .receipt-rows{display:flex;gap:16px;flex-wrap:wrap}.portfolio .receipt-rows>span{font:11px/1.5 var(--mono);color:#e2d4bb;min-width:72px}.portfolio .receipt-rows b{display:block;font-weight:400;color:#c9bdab;margin-top:7px}
.portfolio .eng-receipt strong{font:21px/1.3 Georgia,serif;display:block;overflow-wrap:anywhere}
.portfolio .eng-receipt small{display:block;color:#c5bba9;font:10px var(--mono);margin-top:8px}
.portfolio .engineering-figure [data-state=committed],.portfolio .engineering-figure [data-state=published]{color:#d3e3b1}.portfolio .engineering-figure [data-state=failed],.portfolio .engineering-figure [data-state=rolled-back]{color:#ffb19b}
.portfolio .eng-result{display:grid;grid-template-columns:42px 1fr;gap:15px;padding:25px 0 0;border-top:1px solid #665c4e;margin-top:24px;min-height:158px}
.portfolio .eng-result :is(h4:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h4"])){font-size:24px;line-height:1.2;letter-spacing:-.025em;font-weight:400;margin:0 0 12px}.portfolio .eng-result p{margin:0}
.portfolio .eng-result .result-symbol{font:35px Georgia,serif;color:#efa879}
.portfolio .eng-system{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}
.portfolio .eng-system button{min-height:122px;padding:20px;text-align:left;position:relative;border:1px solid #796f60;background:#2d2b26;color:#f1e7d5;cursor:pointer;min-width:0}
.portfolio .eng-system button>span{display:block;font:9px/1.6 var(--mono);color:#d1bda2;max-width:calc(100% - 22px)}
.portfolio .eng-system button>.icon{position:absolute;right:16px;top:19px;width:18px}
.portfolio .eng-system button>strong{display:block;font:24px/1.2 Georgia,serif;margin-top:19px;overflow-wrap:anywhere}
.portfolio .eng-system button[aria-pressed=true]{background:#e8dbbf;color:#27231b;border-color:#e8dbbf}
.portfolio .eng-system button[aria-pressed=true]>strong,.portfolio .eng-system button[aria-pressed=true]>span{color:#27231b}
.portfolio .engineering-figure.regression{background:#201f1d}
.portfolio .regression-terminal{border:1px solid #6b6256;background:#141614;margin:25px 0}
.portfolio .terminal-bar{padding:13px 18px;border-bottom:1px solid #625a4e;display:flex;justify-content:space-between;gap:12px;font:8px/1.6 var(--mono);letter-spacing:.1em;color:#c5c9b8}
.portfolio .terminal-main{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:24px;padding:34px 25px}
.portfolio .test-stamp{font:53px/1 var(--mono);color:#ffc3ad;letter-spacing:-.09em;transform:rotate(-5deg);border:1px solid currentColor;padding:15px 10px;text-align:center}
.portfolio .test-stamp[data-outcome=GREEN]{color:#d4e7bd;font-size:36px;letter-spacing:-.07em}
.portfolio .engineering-figure .terminal-main p{color:#e4e7d8;font-size:16px;margin:0 0 13px}.portfolio .terminal-comment{font:10px/1.65 var(--mono);color:#bcc4ad;display:block}
.portfolio .regression-track{display:flex;gap:10px;align-items:center;padding:20px 25px;font:10px var(--mono);color:#c9cebc;border-top:1px solid #494b42}.portfolio .regression-track i{height:1px;flex:1;background:#66715a}.portfolio .regression-track .active{color:#161a14;background:#d2e0bd;padding:7px 10px}
.portfolio .eng-input{display:block;margin:22px 0;max-width:100%}.portfolio .eng-input>span{display:block;color:#e8d7bd;font:11px/1.65 var(--mono);margin-bottom:9px}
.portfolio .eng-input input{display:block;width:100%;max-width:100%;background:#181915;border:1px solid #887860;color:#f2e9dc;padding:14px 16px;font:15px var(--mono);min-height:48px;border-radius:0}
.portfolio .eng-input input[type=range]{padding:0;accent-color:#eda36d;background:transparent;border:0;cursor:pointer}
.portfolio .query-comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}
.portfolio .query-comparison>section{padding:25px 20px;min-width:0;border:1px solid #6d604e;background:#1b1b18}
.portfolio .query-comparison :is(h4:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h4"])){font:23px/1.2 Georgia,serif;margin:12px 0 20px}
.portfolio .query-comparison pre{margin:0 0 20px!important;background:#10120f!important;border:1px solid #6d604e;padding:18px!important;white-space:pre-wrap;overflow-wrap:anywhere;min-height:110px}
.portfolio .query-comparison code,.portfolio .article-body .query-comparison code{font:12px/1.7 var(--mono);color:#f0dcc0;background:transparent;padding:0}
.portfolio .query-comparison>section>p:last-child{font-size:12px}.portfolio .bound-value{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:14px 0;border-bottom:1px solid #74634b;flex-wrap:wrap}
.portfolio .bound-value>span{font:12px var(--mono);background:#ecd9b7;color:#272019;padding:4px 6px}.portfolio .bound-value code{overflow-wrap:anywhere;max-width:100%}
.portfolio .limit-comparison{display:grid;grid-template-columns:1fr 1fr;border:1px solid #72604b;margin:24px 0}
.portfolio .limit-comparison>div{padding:24px;text-align:center;background:#1b1b18}.portfolio .limit-comparison>div+div{border-left:1px solid #72604b;background:#363126}
.portfolio .limit-comparison span{font:9px/1.6 var(--mono);display:block;color:#d4c4aa}
.portfolio .limit-comparison strong{font:76px/.95 Georgia,serif;display:block;margin:24px 0 13px}.portfolio .limit-comparison small{font:11px var(--mono);color:#ddccb0}
.portfolio .portfolio-branch-map{display:grid;grid-template-columns:1fr 1.5fr;gap:25px;align-items:center;margin:32px 0}
.portfolio .config-source{border:1px solid #8b775b;padding:28px 18px;background:#342f26;min-width:0}.portfolio .config-source strong{display:block;font:32px/1.2 Georgia,serif;margin-bottom:20px}
.portfolio .engineering-figure .config-source code,.portfolio .engineering-figure .branch-options code{font:11px var(--mono);color:#edd7b8;background:transparent;padding:0;overflow-wrap:anywhere}
.portfolio .branch-options{display:grid;gap:14px;min-width:0}.portfolio .branch-options>div{position:relative;background:#1b1c19;border:1px solid #82745e;padding:20px;opacity:.75}
.portfolio .branch-options>div:before{content:'';position:absolute;left:-26px;top:50%;width:25px;border-top:1px solid #a48c67}.portfolio .branch-options .active{opacity:1;background:#e8d6b7;color:#282319}
.portfolio .branch-options .active strong,.portfolio .engineering-figure .branch-options .active code,.portfolio .branch-options .active span{color:#282319}
.portfolio .branch-options span{font:8px var(--mono);letter-spacing:.1em;color:#d4c4ac;display:block}.portfolio .branch-options strong{font:25px/1.2 Georgia,serif;display:block;margin:14px 0}
.portfolio .unknown-branch{grid-column:1/-1;display:flex;gap:16px;align-items:center;padding:20px;border:1px dashed #e8ad77;background:#292821}.portfolio .unknown-branch>span{font:45px Georgia,serif;color:#efb680}.portfolio .unknown-branch p{margin:0;font-size:13px}
.portfolio .contract-card{display:grid;grid-template-columns:80px 1fr;padding:28px;border:1px solid #78644a;background:#181b17;gap:24px}.portfolio .contract-number{font:70px/.95 Georgia,serif;color:#a7b993}
.portfolio .contract-card :is(h4:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h4"])){font:29px/1.2 Georgia,serif;margin:10px 0 18px}.portfolio .contract-card p{margin:0 0 12px}
.portfolio .engineering-figure .contract-verdict{border-top:1px solid #626955;padding-top:20px;color:#e0e7c9;font:13px/1.7 var(--mono);margin-top:22px}
.portfolio.no-js .no-js-system{position:static;width:auto;height:auto;clip:auto;overflow:visible;white-space:normal;margin-top:18px}.portfolio.no-js .unknown-branch{display:flex!important}
.portfolio .engineering-mini{display:flex;align-items:center;justify-content:center;min-height:185px;background:#25241f;position:relative;overflow:hidden}.portfolio .engineering-mini strong{font:35px/1.1 Georgia,serif;transform:rotate(-6deg);color:#2e281e;background:#e5d4b6;padding:20px 35px;box-shadow:14px 16px 0 #6a5942,-10px -14px 0 #363832}.portfolio .engineering-mini span{position:absolute;bottom:8px;left:13px;font:8px var(--mono);color:#dcc3a3}
@media(max-width:1100px){.portfolio .order-sheet{width:240px}.portfolio .sheet-items{left:75px}.portfolio .sheet-thread{left:34px}.portfolio .commit-seal{right:3px;width:90px;height:90px;font-size:7px}.portfolio .eng-stage{padding:17px 9px}.portfolio .eng-stage strong{font-size:17px}.portfolio .eng-stage .icon{display:none}.portfolio .engineering-hero{height:490px}.portfolio .contact-sheet{width:290px}.portfolio .gallery-note{width:230px}.portfolio .eng-system button{padding:18px 14px}.portfolio .eng-system button>strong{font-size:22px}}
@media(max-width:900px){.portfolio .engineering-hero{max-width:540px;width:100%;margin:15px auto 0}.portfolio .contact-sheet{width:330px}.portfolio .gallery-note{width:260px}.portfolio .order-sheet{width:270px}.portfolio .sheet-items{left:150px}.portfolio .sheet-thread{left:65px}.portfolio .commit-seal{right:30px;top:305px}.portfolio .engineering-article .article-hero-art{height:310px}.portfolio .order-stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.portfolio .transaction-boundary{display:none}.portfolio .eng-stage{min-height:126px;padding:18px}.portfolio .eng-stage strong{font-size:23px}.portfolio .eng-stage small{font-size:10px}.portfolio .eng-stage .icon{display:block}.portfolio .eng-system{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio .query-comparison{grid-template-columns:1fr}.portfolio .query-comparison pre{min-height:0}.portfolio .engineering-article .article-hero :is(h1:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h1"])) .title-main{font-size:51px}}
@media(max-width:680px){.portfolio .engineering-hero{height:420px;max-width:400px;margin:0 auto}.portfolio .order-sheet{width:215px;min-height:155px;padding:18px}.portfolio .order-sheet>strong{font-size:34px;margin:19px 0 13px}.portfolio .order-sheet>span{font-size:8px}.portfolio .order-sheet small{font-size:8px}.portfolio .sheet-order{top:25px;left:12px}.portfolio .sheet-items{top:106px;left:72px}.portfolio .sheet-thread{top:185px;left:18px}.portfolio .commit-seal{width:80px;height:80px;right:3px;top:260px}.portfolio .commit-seal strong{font-size:21px}.portfolio .atlas-orbit{width:260px;height:260px;top:20px;left:15px}.portfolio .engineering-hero figcaption{font-size:8px;max-width:100%;padding-top:7px}.portfolio .engineering-hero .depth-control{bottom:45px;font-size:9px;min-height:36px;right:0}.portfolio .atlas-hero.depth-open .sheet-order{transform:translate(3px,-12px) rotate(-10deg)}.portfolio .atlas-hero.depth-open .sheet-items{transform:translate(-7px,0) rotate(6deg)}.portfolio .atlas-hero.depth-open .sheet-thread{transform:translate(5px,13px) rotate(-6deg)}
 .portfolio .katie-hero{height:465px}.portfolio .contact-sheet{width:250px;left:8px;top:22px;padding:15px;transform:rotate(-5deg)}.portfolio .film-grid{gap:7px}.portfolio .film-frame .icon{width:28px;height:28px}.portfolio .film-frame{font-size:10px}.portfolio .contact-sheet>span{font-size:8px}.portfolio .contact-sheet>small{font-size:7px}.portfolio .gallery-note{width:214px;top:228px;right:4px;padding:20px}.portfolio .gallery-note strong{font-size:27px;margin:12px 0}.portfolio .gallery-note span{font-size:7px}.portfolio .gallery-note small{font-size:8px}.portfolio .katie-hero.depth-open .contact-sheet{transform:translate(4px,-8px) rotate(-7deg)}.portfolio .katie-hero.depth-open .gallery-note{transform:translate(-5px,11px) rotate(8deg)}
 .portfolio .project-atlas .project-hero :is(h1:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h1"])){font-size:62px}.portfolio .project-katie .project-hero :is(h1:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h1"])){font-size:58px}.portfolio .engineering-article .article-hero :is(h1:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h1"])){font-size:32px;line-height:1.14}.portfolio .engineering-article .article-hero :is(h1:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h1"])) .title-main{font-size:43px;line-height:1.05}.portfolio .engineering-article .article-hero-art{height:290px}.portfolio .engineering-figure .figure-head :is(h3:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h3"])){font-size:25px}.portfolio .engineering-figure p,.portfolio .article-body .engineering-figure p{font-size:13px}.portfolio .eng-switch{gap:7px;margin:20px 0}.portfolio .eng-switch button{font-size:10px;padding:10px 11px;flex-grow:1}.portfolio .order-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.portfolio .eng-stage{min-height:132px;padding:17px 13px}.portfolio .eng-stage strong{font-size:22px}.portfolio .eng-stage small{font-size:9px}.portfolio .eng-stage>span{font-size:9px}.portfolio .eng-receipt{grid-template-columns:1fr}.portfolio .eng-receipt>div{padding:18px}.portfolio .eng-receipt>div+div{border-left:0;border-top:1px solid #685e50}.portfolio .eng-receipt>div+div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.portfolio .eng-receipt>div+div .eyebrow{grid-column:1/-1}.portfolio .eng-receipt strong{font-size:23px}.portfolio .receipt-rows{gap:15px}.portfolio .receipt-rows>span{font-size:10px;min-width:60px}.portfolio .eng-result{grid-template-columns:1fr;gap:0;min-height:195px;padding-top:22px}.portfolio .eng-result>.result-symbol{display:none}.portfolio .eng-result :is(h4:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h4"])){font-size:23px}.portfolio .eng-controls .small-button{font-size:10px;padding:10px;flex-grow:1}.portfolio .eng-system{gap:9px}.portfolio .eng-system button{min-height:133px;padding:14px}.portfolio .eng-system button>span{font-size:8px;max-width:100%}.portfolio .eng-system button>.icon{display:none}.portfolio .eng-system button>strong{font-size:22px;margin-top:19px}.portfolio .terminal-bar{font-size:7px;padding:12px;flex-wrap:wrap}.portfolio .terminal-main{grid-template-columns:1fr;padding:25px 19px;gap:28px}.portfolio .test-stamp{max-width:140px;font-size:47px;justify-self:start;transform:rotate(-3deg)}.portfolio .terminal-main p{font-size:15px!important}.portfolio .regression-track{font-size:9px;padding:17px 12px;gap:7px}.portfolio .eng-input input{font-size:13px;padding:13px}.portfolio .query-comparison>section{padding:20px 15px}.portfolio .query-comparison :is(h4:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h4"])){font-size:23px}.portfolio .query-comparison pre{padding:15px!important}.portfolio .limit-comparison>div{padding:20px 11px}.portfolio .limit-comparison strong{font-size:55px}.portfolio .limit-comparison span{font-size:8px}.portfolio .limit-comparison small{font-size:9px}.portfolio .portfolio-branch-map{grid-template-columns:1fr;gap:19px}.portfolio .config-source{padding:23px}.portfolio .config-source strong{font-size:29px;margin:10px 0}.portfolio .branch-options>div:before{display:none}.portfolio .branch-options strong{font-size:24px}.portfolio .contract-card{grid-template-columns:1fr;gap:18px;padding:23px 18px}.portfolio .contract-number{font-size:48px}.portfolio .contract-card :is(h4:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h4"])){font-size:25px}.portfolio .unknown-branch{padding:17px;gap:12px}.portfolio .unknown-branch>span{font-size:34px}}
@media(max-width:380px){.portfolio .engineering-hero{height:413px}.portfolio .order-sheet{width:193px}.portfolio .sheet-items{left:64px}.portfolio .sheet-thread{left:15px;top:183px}.portfolio .commit-seal{right:-1px;top:270px;width:69px;height:69px;font-size:6px}.portfolio .commit-seal strong{font-size:17px}.portfolio .engineering-hero .depth-control{bottom:53px}.portfolio .katie-hero{height:465px}.portfolio .contact-sheet{width:235px;left:8px}.portfolio .gallery-note{right:1px;width:210px;top:218px}.portfolio .project-atlas .project-hero :is(h1:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h1"])){font-size:55px}.portfolio .project-katie .project-hero :is(h1:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h1"])){font-size:52px}.portfolio .engineering-article .article-hero :is(h1:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h1"])){font-size:30px}.portfolio .engineering-article .article-hero :is(h1:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h1"])) .title-main{font-size:38px}.portfolio .eng-stage strong{font-size:20px}.portfolio .eng-system button>strong{font-size:20px}.portfolio .eng-system button{padding:13px 10px}}
@media(prefers-reduced-motion:reduce){.portfolio .engineering-hero *{transition:none!important}.portfolio .eng-switch *{transition:none!important}}
.portfolio .motion-off .engineering-hero *{transition:none!important}
@media print{.portfolio .engineering-hero{break-inside:avoid}.portfolio .engineering-figure{break-inside:avoid}.portfolio .eng-controls,.portfolio .eng-switch,.portfolio .eng-input{display:none!important}}
.portfolio .eng-related-section{padding:60px 0;border-top:1px solid var(--line)}.portfolio .eng-related-section>:is(h2:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h2"])){font-size:40px;font-weight:400;letter-spacing:-.04em;margin:20px 0 30px}.portfolio .eng-related-link{display:grid;grid-template-columns:170px 1fr 25px;gap:25px;align-items:center;border-top:1px solid #555044;padding:25px 0;color:#e5dccb;text-decoration:none}.portfolio .eng-related-link strong{font-size:23px;font-weight:400;line-height:1.3;letter-spacing:-.02em}.portfolio .eng-related-link:hover strong{color:#ffab78}.portfolio .eng-related-link .eyebrow{margin:0}.portfolio .eng-related-link:focus-visible{outline:2px solid #ffab78;outline-offset:5px}
@media(max-width:680px){.portfolio .eng-related-section{padding:40px 0}.portfolio .eng-related-section>:is(h2:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h2"])){font-size:31px}.portfolio .eng-related-link{grid-template-columns:1fr 20px;gap:12px;padding:23px 0}.portfolio .eng-related-link .eyebrow{grid-column:1/-1}.portfolio .eng-related-link strong{font-size:21px}}
/* Visual regression fixes: reserve a separate control/caption area; no orphan punctuation. */
.portfolio .engineering-hero{height:560px}
.portfolio .engineering-hero .depth-control{width:auto;z-index:7;background:#282621;border:1px solid #8d7c61;padding:10px 13px;min-height:40px;bottom:54px;right:0}
.portfolio .engineering-hero figcaption{max-width:100%;padding-top:8px}
.portfolio .sheet-order{top:20px}.portfolio .sheet-items{top:142px}.portfolio .sheet-thread{top:264px}
.portfolio .order-sheet{min-height:165px}.portfolio .order-sheet>strong{font-size:40px;margin:19px 0 13px}.portfolio .order-sheet>span{font-size:8px}
.portfolio .commit-seal{top:310px}
.portfolio .katie-hero{height:590px}.portfolio .katie-hero .contact-sheet{top:25px}.portfolio .katie-hero .gallery-note{top:240px}
.portfolio .project-katie .project-hero :is(h1:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h1"])) .title-extra{letter-spacing:-.03em}
@media(max-width:1100px){.portfolio .engineering-hero{height:580px}.portfolio .katie-hero{height:585px}.portfolio .order-sheet>strong{font-size:36px}}
@media(max-width:900px){.portfolio .project-atlas .project-hero,.portfolio .project-katie .project-hero{grid-template-columns:1fr}.portfolio .engineering-hero{height:560px;max-width:540px}.portfolio .katie-hero{height:580px}.portfolio .order-sheet>strong{font-size:40px}}
@media(max-width:680px){.portfolio .engineering-hero{height:485px;max-width:390px}.portfolio .engineering-hero .depth-control{bottom:57px;font-size:9px;min-height:38px}.portfolio .order-sheet{min-height:142px;width:215px;padding:16px}.portfolio .order-sheet>strong{font-size:32px;margin:16px 0 12px}.portfolio .sheet-order{top:18px}.portfolio .sheet-items{top:118px}.portfolio .sheet-thread{top:218px}.portfolio .engineering-hero figcaption{font-size:8px}.portfolio .commit-seal{top:278px}.portfolio .katie-hero{height:510px}.portfolio .katie-hero .gallery-note{top:230px}.portfolio .katie-hero .contact-sheet{top:20px}}
@media(max-width:380px){.portfolio .order-sheet{width:193px}.portfolio .order-sheet>strong{font-size:29px}.portfolio .engineering-hero{height:485px}.portfolio .sheet-items{left:64px}.portfolio .sheet-thread{left:17px}.portfolio .commit-seal{top:284px}.portfolio .katie-hero{height:515px}.portfolio .katie-hero .gallery-note{top:230px}.portfolio .katie-hero .depth-control{bottom:60px}}
/* The note needs its own height before the motion control at tablet/phone sizes. */
@media(max-width:900px){.portfolio .katie-hero{height:610px}}
@media(max-width:680px){.portfolio .katie-hero{height:565px}}
@media(max-width:380px){.portfolio .katie-hero{height:570px}}
/* Distinguish supporting captions from the figure's active result. */
.portfolio .engineering-figure figcaption{display:block;margin-top:24px;padding-top:16px;border-top:1px solid #655c50;font:12px/1.65 Arial,Helvetica,sans-serif;color:#c7bdae;max-width:100%}
@media(max-width:680px){.portfolio .engineering-figure figcaption{font-size:11px;margin-top:22px}}