/* Approved r2 reference; scoped by scripts/port-r2-styles.mjs. */
/* Local-business batch, scoped to .lb-*; no external assets or fonts. */
.portfolio .lb-figure{--lb-ink:#f1e7d6;--lb-muted:#c4b9a9;color:var(--lb-ink);background:#20201e;isolation:isolate}
.portfolio .lb-figure :is(:is(h3:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h3"])),:is(h4:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h4"])),p,code,small,li,label,strong,span){color:inherit}.portfolio .lb-figure :is(h3:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h3"])){margin:8px 0 12px;font-size:clamp(24px,3vw,34px);line-height:1.14;font-weight:500;letter-spacing:-1px}.portfolio .lb-figure .figure-head p{color:var(--lb-muted);font-size:15px;max-width:64ch}.portfolio .lb-figure .figure-head{margin-bottom:30px}.portfolio .lb-figure :is(button,input){font:inherit}.portfolio .lb-figure button{cursor:pointer;border:1px solid #82735f;color:#f2e7d7;background:#2c2b26;padding:12px 15px;border-radius:3px;font-size:13px;min-height:44px}.portfolio .lb-figure button:hover{border-color:#f5aa76;background:#393027}.portfolio .lb-figure button[aria-pressed=true]{color:#201d19;background:#f1d5b3;border-color:#f1d5b3}.portfolio .lb-figure .eyebrow{color:#ecb789}.portfolio .lb-figure input{width:100%;border:1px solid #897d6a;border-radius:2px;background:#161715;color:#f5edde;padding:12px;min-height:44px;margin-top:8px;font-size:14px}.portfolio .lb-figure input::placeholder{color:#beb5a9}.portfolio .lb-figure label{font-size:13px;display:block}.portfolio .lb-figure :focus-visible{outline:3px solid #ec9c61;outline-offset:3px}.portfolio .lb-figure figcaption{border-top:1px solid #635b50;margin-top:30px!important;padding-top:20px!important;color:#c7beb0!important;font:12px/1.7 Arial,sans-serif!important;max-width:none!important}.portfolio .lb-transcript{margin-top:20px;font:13px/1.65 Arial,sans-serif;color:#c7beb0}.portfolio .lb-transcript strong{font-weight:600}.portfolio .lb-small{font-size:13px!important;line-height:1.7;color:#c7beb0!important}.portfolio .lb-boundary{display:block;border-left:2px solid #ebad77;padding:9px 0 9px 16px;color:#f0cfaa!important;font:14px/1.55 Arial,sans-serif}
.portfolio .lb-mobile-grid{display:grid;grid-template-columns:minmax(260px,350px) 1fr;gap:38px;align-items:center}.portfolio .lb-phone{background:#f3ebdc;color:#292d27;border:7px solid #10110f;border-radius:30px;overflow:hidden;box-shadow:15px 25px 40px #0004;min-width:0}.portfolio .lb-phone-chrome{display:flex;align-items:center;gap:8px;padding:14px 14px;background:#d9dfcd;font:9px Arial,sans-serif;letter-spacing:1px;color:#353e32}.portfolio .lb-phone-chrome i{width:20px;height:5px;border-radius:10px;background:#485343}.portfolio .lb-phone-scroll{height:370px;overflow:auto;position:relative;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6b7b5c #e8e5d9}.portfolio .lb-phone-section{padding:24px 18px;min-height:310px;border-bottom:1px solid #c4c5b4}.portfolio .lb-phone-section:last-child{min-height:365px}.portfolio .lb-phone-section small{font:9px/1.6 Arial,sans-serif;letter-spacing:1.3px;color:#45513d}.portfolio .lb-phone-section :is(h4:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h4"])){font-family:Georgia,serif;font-size:28px;line-height:1.12;letter-spacing:-1px;margin:12px 0 16px;color:#2a3225}.portfolio .lb-phone-section p{font-size:13px!important;line-height:1.55;color:#454a40!important;margin:16px 0}.portfolio .lb-phone-section ul{list-style:none;padding:0;margin:20px 0}.portfolio .lb-phone-section li{border-bottom:1px solid #bdc4b0;padding:12px 0;font:15px/1.5 Georgia,serif}.portfolio .lb-phone-section .lb-boundary{color:#35462d!important;border-color:#57674d}.portfolio .lb-pair-placeholders{display:grid;grid-template-columns:1fr 1fr;gap:8px}.portfolio .lb-pair-placeholders>div{background:repeating-linear-gradient(35deg,#c6cdbc 0 1px,#dee3d5 1px 12px);border:1px solid #aab6a0;height:110px;display:flex;align-items:flex-end;justify-content:center}.portfolio .lb-pair-placeholders span{font:11px Arial,sans-serif;background:#f1eedf;padding:7px 10px;width:100%;color:#37442d}.portfolio .lb-demo-label{font:8px/1.4 Arial,sans-serif;letter-spacing:.7px;color:#475443!important}.portfolio .lb-contact-bar{display:flex;gap:7px;padding:10px 8px;background:#dce3d2;border-top:1px solid #98a68a;box-shadow:0 -7px 18px #0001}.portfolio .lb-contact-bar button{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 6px;background:#edf0e4;color:#2b3b23;border-color:#72805f;font-size:11px}.portfolio .lb-contact-bar button:last-child{background:#364d2d;color:#fffbed}.portfolio .lb-contact-bar button:hover{background:#49623a;color:#fffbed}.portfolio .lb-contact-bar .icon{width:13px;height:13px}.portfolio .lb-section-buttons{display:grid;gap:9px;margin:17px 0 25px}.portfolio .lb-section-buttons button{text-align:left}.portfolio .lb-explanation{background:#2e3028;padding:23px;border:1px solid #667057;min-height:195px}.portfolio .lb-explanation :is(h4:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h4"])){font:24px/1.2 Georgia,serif;margin:12px 0}.portfolio .lb-explanation p:not(.eyebrow){font:14px/1.65 Arial,sans-serif;color:#d6d2be;margin:0}.portfolio .lb-select-row{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 24px}.portfolio .lb-select-row button{flex:1;min-width:110px}.portfolio .lb-select-row button small{display:block;font-size:10px;margin-bottom:5px}.portfolio .lb-source-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:18px}.portfolio .lb-source-code{padding:26px;background:#141614;border:1px solid #4b5145;min-width:0;display:flex;flex-direction:column}.portfolio .lb-source-code code{font:13px/1.7 monospace;overflow-wrap:anywhere;margin-top:22px;color:#f0d6b0;min-height:75px}.portfolio .lb-source-arrow{font-size:32px;color:#eaa66e!important;padding:12px 0}.portfolio .lb-source-code strong{font:22px/1.2 Georgia,serif}.portfolio .lb-source-explanation{background:#31332b;padding:26px;min-width:0}.portfolio .lb-source-explanation :is(h4:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h4"])){font:24px/1.2 Georgia,serif;margin:18px 0}.portfolio .lb-source-explanation p:not(.eyebrow){font-size:14px;line-height:1.65;color:#e1d9ca}.portfolio .lb-menu-layout{display:grid;grid-template-columns:.8fr 1.15fr;gap:35px;align-items:start}.portfolio .lb-menu-notes :is(h4:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h4"])){font:clamp(30px,3.5vw,45px)/1.1 Georgia,serif;letter-spacing:-1.7px;margin:20px 0}.portfolio .lb-menu-notes :is(h4:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h4"])) em{color:#efb780;font-style:italic}.portfolio .lb-menu-notes p:not(.eyebrow){font:14px/1.7 Arial,sans-serif;color:#d4c9ba}.portfolio .lb-menu-receipt{background:#e8d8be;color:#403328;padding:24px;border:1px solid #b9a27e;box-shadow:9px 12px 0 #0002;margin:28px 0;transform:rotate(-1.4deg)}.portfolio .lb-menu-receipt small{font:9px/1.5 Arial,sans-serif;letter-spacing:2px}.portfolio .lb-menu-receipt strong{display:block;font:30px/1.15 Georgia,serif;margin:14px 0}.portfolio .lb-menu-receipt p{color:#534430!important;font-size:12px!important}.portfolio .lb-menu-frame{min-width:0;background:#faf2df;color:#3a2a20;border:1px solid #c5b28a;border-radius:10px;overflow:hidden;box-shadow:12px 18px 36px #0005}.portfolio .lb-menu-top{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;border-bottom:3px double #ba9a6c;padding:20px 18px;color:#714827;background:#f0e0c4;font:bold 14px Georgia,serif;letter-spacing:1px}.portfolio .lb-menu-top small{font:8px Arial,sans-serif;letter-spacing:1.5px;align-self:center}.portfolio .lb-menu-controls{padding:18px 16px 0}.portfolio .lb-menu-controls label{color:#523922}.portfolio .lb-menu-controls input{background:#fffaf0;color:#362a1e;border-color:#998569;font-size:13px}.portfolio .lb-menu-controls input::placeholder{color:#6d614c}.portfolio .lb-menu-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}.portfolio .lb-menu-tabs button{min-height:36px;padding:8px 10px;font-size:11px;border-color:#ba9d76;background:#f4e7cf;color:#4f3928}.portfolio .lb-menu-tabs button[aria-pressed=true],.portfolio .lb-menu-tabs button:hover{color:#fff9ec;background:#715033;border-color:#715033}.portfolio .lb-menu-count{padding:16px 18px 10px;font:11px/1.5 Arial,sans-serif!important;color:#735a3e!important;margin:0!important}.portfolio .lb-menu-items{max-height:320px;overflow:auto;overscroll-behavior:contain;padding:0 18px;scrollbar-width:thin}.portfolio .lb-menu-item{display:flex;gap:16px;justify-content:space-between;align-items:baseline;border-bottom:1px dashed #c3ae8c;padding:15px 0}.portfolio .lb-menu-item :is(h4:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h4"])){font:21px/1.2 Georgia,serif;margin:0;color:#513520}.portfolio .lb-menu-item p{font:12px/1.6 Arial,sans-serif!important;color:#745f46!important;margin:7px 0 0!important}.portfolio .lb-menu-item strong{white-space:nowrap;font:14px/1.3 monospace;color:#62482d}.portfolio .lb-menu-empty{padding:20px 18px;color:#513b28;min-height:180px}.portfolio .lb-menu-empty :is(h4:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h4"])){font:22px/1.2 Georgia,serif;margin:8px 0}.portfolio .lb-menu-empty p{font:13px/1.6 Arial,sans-serif;color:#6e593f}.portfolio .lb-menu-empty button{background:#715033;color:#fff9ec;border-color:#715033}.portfolio .lb-menu-bottom{padding:18px;border-top:3px double #ba9a6c;margin-top:15px;font:8px/1.5 Arial,sans-serif;letter-spacing:1.6px;color:#765b40;text-align:center}.portfolio .lb-print-grid{display:grid;grid-template-columns:.95fr 1fr;gap:30px;align-items:start}.portfolio .lb-print-controls label{margin:18px 0}.portfolio .lb-print-actions{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px}.portfolio .lb-print-actions button{width:100%;text-align:center}.portfolio .lb-print-preview{background:#313027;border:1px solid #81735e;padding:15px;min-width:0;transition:background .35s ease}.portfolio .lb-print-screen-chrome{display:flex;flex-direction:column;gap:4px;font:9px/1.5 Arial,sans-serif;padding:4px 4px 15px;letter-spacing:1px;color:#d7c3a8}.portfolio .lb-print-screen-chrome small{letter-spacing:0;color:#cec6b8}.portfolio .lb-print-screen-footer{font:11px/1.5 Arial,sans-serif;color:#c5b7a5;padding-top:15px;text-align:center}.portfolio .lb-print-paper{padding:25px 16px;background:#fffbef;border:4px double #574837;color:#4c3926;text-align:center;box-shadow:6px 10px 15px #0003;overflow-wrap:anywhere;transition:transform .35s ease;transform:rotate(1.3deg)}.portfolio .lb-print-paper .eyebrow{color:#6d5840;font-size:8px;letter-spacing:1.6px}.portfolio .lb-print-paper :is(h4:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h4"])){font:clamp(27px,3vw,38px)/1.1 Georgia,serif;margin:20px 0 12px;letter-spacing:-1px;color:#4c3926}.portfolio .lb-print-paper p{font:13px/1.6 Georgia,serif;color:#675039;margin:12px 0}.portfolio .lb-print-paper code{font:11px/1.6 monospace;display:block;color:#57432d}.portfolio .lb-print-paper>small:last-child{display:block;font:8px/1.7 Arial,sans-serif;letter-spacing:1px;margin-top:23px;color:#705b42}.portfolio .lb-qr{margin:20px auto 10px;background:#fff;width:min(180px,100%)}.portfolio .lb-qr svg{width:100%;height:auto;display:block}.portfolio .lb-print[data-print-mode=card] .lb-print-preview{background:#c3bbac;padding:18px}.portfolio .lb-print[data-print-mode=card] .lb-print-paper{transform:rotate(0)}.portfolio .lb-print[data-print-mode=card] :is(.lb-print-screen-chrome,.lb-print-screen-footer){display:none}
/* Distinct layered heroes; artwork is openly schematic, not imagery of a client outcome. */
.portfolio .lb-hero{height:520px;min-width:0;position:relative;isolation:isolate}.portfolio .lb-hero-art{position:absolute;inset:25px 15px 110px;perspective:1000px}.portfolio .lb-hero-back,.portfolio .lb-hero-front{position:absolute;box-sizing:border-box;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.portfolio .lb-hero-back{inset:15px 42px 40px 5px;transform:rotate(-8deg) rotateY(5deg);background:#2d3b2c;border:1px solid #6c7b5b;padding:30px;color:#e1e7d3;box-shadow:0 35px 60px #0006}.portfolio .lb-hero-back small{font:9px/1.5 Arial,sans-serif;letter-spacing:2px}.portfolio .lb-hero-back strong{font:39px/1 Georgia,serif;display:block;margin-top:25px;letter-spacing:-1px}.portfolio .lb-hero-front{width:68%;right:0;bottom:0;background:#e9dec8;color:#2e3828;border:1px solid #b9c2a2;padding:28px;transform:rotate(5deg) translateZ(40px);box-shadow:12px 24px 38px #0005}.portfolio .lb-hero-front small{font:9px/1.7 Arial,sans-serif;letter-spacing:1.8px}.portfolio .lb-hero-front strong{display:block;font:38px/1.1 Georgia,serif;letter-spacing:-1.5px;margin:14px 0}.portfolio .lb-hero-front p{font:12px/1.7 Arial,sans-serif;color:#4f5a44}.portfolio .lb-hero .depth-control{position:absolute;bottom:65px;left:15px;z-index:3}.portfolio .lb-hero figcaption{position:absolute;bottom:0;left:15px;right:10px;font-size:11px;line-height:1.6;color:#b5ab9d}.portfolio .lb-topography{height:84px;margin-top:22px;background:repeating-radial-gradient(ellipse at 20% 120%,transparent 0 11px,#adbe893f 12px 13px,transparent 14px 22px);border-top:1px solid #a2b67a40;border-bottom:1px solid #a2b67a40}.portfolio .lb-hero-sticky{font:10px Arial,sans-serif;display:flex;gap:6px;border-top:1px solid #98a480;padding-top:16px;color:#364a2b}.portfolio .lb-hero-sticky span{padding:8px;border:1px solid #8f9c7d;flex:1;text-align:center}.portfolio .lb-maple-hero .lb-hero-back{background:#3e3026;color:#f0ddbd;border-color:#8f6c42;transform:rotate(-7deg)}.portfolio .lb-maple-hero .lb-hero-front{background:#f0e1c2;color:#503c26;width:63%;transform:rotate(7deg)}.portfolio .lb-maple-hero .lb-hero-front strong{font-size:32px}.portfolio .lb-hero-menu-lines{display:grid;gap:12px;margin-top:26px;width:68%}.portfolio .lb-hero-menu-lines i{height:1px;background:#c1a173;display:block}.portfolio .lb-hero-menu-lines i:nth-child(even){width:77%}.portfolio .lb-hero-card-mark{border:3px double #a4865b;font:44px/1 Georgia,serif;padding:19px 5px;margin:18px 0;text-align:center;color:#624822}.portfolio .lb-hero.depth-open .lb-hero-back{transform:rotate(-12deg) translate(-8px,-12px)}.portfolio .lb-hero.depth-open .lb-hero-front{transform:rotate(9deg) translate(9px,8px)}.portfolio .lb-mini{background:linear-gradient(135deg,#324031,#282b25);min-height:235px;padding:35px;color:#f0e1c7}.portfolio .lb-mini strong{font:36px/1.12 Georgia,serif;letter-spacing:-1px;display:block}.portfolio .lb-mini span{display:block;font:9px/1.5 Arial,sans-serif;letter-spacing:1.5px;margin-top:25px;color:#d1c5b0}
@media(max-width:1050px){.portfolio .lb-mobile-grid,.portfolio .lb-menu-layout{gap:25px;grid-template-columns:minmax(225px,1fr) 1fr}.portfolio .lb-hero-art{inset:35px 15px 125px}.portfolio .lb-hero-front{padding:22px}.portfolio .lb-hero-front strong{font-size:31px}}
@media(max-width:760px){.portfolio .lb-mobile-grid,.portfolio .lb-menu-layout,.portfolio .lb-print-grid,.portfolio .lb-source-grid{grid-template-columns:1fr}.portfolio .lb-phone{max-width:340px;width:100%;margin:auto}.portfolio .lb-phone-scroll{height:330px}.portfolio .lb-side-notes{margin-top:8px}.portfolio .lb-menu-notes :is(h4:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h4"])) br{display:none}.portfolio .lb-menu-receipt{margin:22px 0;box-shadow:4px 5px 0 #0002}.portfolio .lb-menu-notes .lb-small{margin-bottom:5px}.portfolio .lb-menu-frame{max-width:420px;width:100%;margin:auto}.portfolio .lb-menu-items{max-height:340px}.portfolio .lb-print-preview{max-width:365px;width:100%;margin:auto}.portfolio .lb-hero{height:470px;max-width:540px;margin:25px auto 5px;width:100%}.portfolio .lb-hero-art{inset:15px 25px 115px}.portfolio .lb-hero-back{padding:26px;inset:22px 45px 45px 8px}.portfolio .lb-hero-back strong{font-size:35px}.portfolio .lb-hero-front{padding:23px;right:0}.portfolio .lb-hero-front strong{font-size:32px}.portfolio .lb-hero .depth-control{left:25px;bottom:72px}.portfolio .lb-hero figcaption{left:25px;right:20px}.portfolio .lb-select-row{gap:7px}.portfolio .lb-select-row button{padding:10px;font-size:12px;min-width:85px}.portfolio .lb-source-code code{font-size:12px}.portfolio .lb-figure .lb-menu-items p{font-size:12px!important}}
@media(max-width:420px){.portfolio .lb-hero{height:445px}.portfolio .lb-hero-art{inset:12px 17px 130px}.portfolio .lb-hero-back{padding:20px;inset:20px 33px 23px 4px}.portfolio .lb-hero-back strong{font-size:30px}.portfolio .lb-hero-front{padding:19px;width:70%;right:3px;bottom:0}.portfolio .lb-hero-front strong{font-size:27px}.portfolio .lb-maple-hero .lb-hero-front{width:65%}.portfolio .lb-maple-hero .lb-hero-front strong{font-size:26px}.portfolio .lb-hero-front p{font-size:10px}.portfolio .lb-hero-back small,.portfolio .lb-hero-front small{font-size:8px;letter-spacing:1.1px}.portfolio .lb-hero .depth-control{left:17px;bottom:77px;max-width:calc(100% - 34px);font-size:11px;padding:11px}.portfolio .lb-hero figcaption{left:17px;right:12px;font-size:10px;bottom:7px}.portfolio .lb-topography{height:64px}.portfolio .lb-hero-card-mark{font-size:32px;padding:12px}.portfolio .lb-hero-sticky{font-size:8px;padding-top:9px}.portfolio .lb-hero.depth-open .lb-hero-back{transform:rotate(-9deg) translate(-3px,-4px)}.portfolio .lb-hero.depth-open .lb-hero-front{transform:rotate(7deg) translate(3px,4px)}.portfolio .lb-print-paper{padding:20px 11px}.portfolio .lb-print-paper :is(h4:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h4"])){font-size:29px}.portfolio .lb-phone-chrome{font-size:8px}.portfolio .lb-contact-bar .icon{display:none}.portfolio .lb-contact-bar button{font-size:10px}.portfolio .lb-mobile-grid{gap:24px}.portfolio .lb-figure .figure-head p{font-size:14px}}
.portfolio .motion-off .lb-hero *, .portfolio .motion-off .lb-print *{transition:none!important}.portfolio.no-js .lb-print-controls{display:none}.portfolio.no-js .lb-menu-items{max-height:none}.portfolio.no-js .lb-phone-scroll{height:auto;max-height:none}.portfolio.no-js .lb-phone-section{min-height:0}.portfolio.no-js .lb-hero-art{transform:none}
@media(prefers-reduced-motion:reduce){.portfolio .lb-hero *,.portfolio .lb-print *{transition:none!important}.portfolio .lb-phone-scroll{scroll-behavior:auto!important}}

.portfolio .lb-figure{padding:clamp(20px,3.2vw,36px);border:1px solid #696254;border-radius:6px;margin:32px 0 42px;min-width:0}.portfolio .lb-figure .figure-head{display:block}.portfolio .article-body .lb-figure .figure-head :is(h3:not(:where([data-portfolio-heading-source])),:where([data-portfolio-heading-source="h3"])){margin:8px 0 12px;color:#f1e7d6}.portfolio .article-body .lb-figure .lb-small{color:#c7beb0}.portfolio .lb-figure [hidden]{display:none!important}

/* Keep rotated foreground layers above controls in both depth states. */
.portfolio .lb-hero-art{bottom:165px!important}