/* Portfolio review — one cohesive layer, removable with the saved snapshot. */
:root{--review-line:#b88ba533;--review-muted:#c4b9c8}
html{scroll-padding-top:110px}#portfolio{scroll-margin-top:100px}
.site-header{position:sticky;top:0;z-index:40;padding:20px 4%;border-bottom:1px solid #d4adb92e;box-shadow:0 5px 25px #1010171a}
.site-header .brand{font-size:30px}.site-header nav{gap:24px}.site-header nav a{font-size:12px;letter-spacing:1.3px;min-height:34px;display:inline-flex;align-items:center}
a:focus-visible,button:focus-visible{outline:2px solid #e6bcd1;outline-offset:5px;border-radius:4px}
.live-blueprint{padding-bottom:36px}.blueprint-lines{opacity:.23}.blueprint-type h1{margin-bottom:25px}.blueprint-role{margin-bottom:13px;font-size:clamp(17px,1.8vw,25px)}
.hero-context{font:11px/1.6 var(--label-face);letter-spacing:2px;text-transform:uppercase;color:#d4bfce;margin:0 0 24px}.hero-context span{margin:0 10px}
.blueprint-contact{font-size:clamp(12px,1.2vw,16px);letter-spacing:.06em;margin-bottom:25px}
.hero-actions{display:flex;justify-content:center;align-items:center;gap:14px}.hero-actions a{min-height:44px;padding:11px 25px;font:12px/1.4 var(--label-face);letter-spacing:1px;border-radius:30px}
.work-button{display:inline-flex;align-items:center;gap:25px;background:#dbc0cf;color:#241d2b;border:1px solid #dbc0cf}.work-button:hover{background:#f0d9e5;color:#17131c}
.selected-credits{display:flex;justify-content:center;align-items:center;gap:30px;padding:23px 4%;border-block:1px solid var(--review-line);background:#211b27}
.selected-credits>.eyebrow{font:10px var(--label-face);letter-spacing:1.8px;color:#cba5bb}.selected-credits p{margin:0;font:20px/1.4 var(--title-face);color:#e8dfe6}.selected-credits p span{margin:0 22px;color:#96788c;font:14px var(--label-face)}
.portfolio{padding:48px 4% 54px}.portfolio-title{margin-bottom:27px}.covers{gap:30px}.cover,.cover:nth-child(even),.cover:nth-child(3){border-radius:12px;background:#211c28;border-color:var(--review-line)}
.cover-label{padding:23px 26px}.cover h3{font-size:34px;margin-bottom:9px}.cover-note{font-size:13px;line-height:1.7}.chapter-link{margin-top:19px;font-size:10px;color:#d9b1c8}.cover:hover{border-color:#c99bb680;box-shadow:0 9px 30px #08070c35}
.process-feature{margin:0 auto;padding:42px 4% 52px;max-width:1800px;border-top:1px solid var(--review-line)}
.process-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:25px}.process-heading .eyebrow{font:10px/1.6 var(--label-face);letter-spacing:1.6px;color:#cda5bc;margin:0 0 12px}
.process-heading h2{font:400 clamp(30px,3.2vw,43px)/1.15 var(--title-face);letter-spacing:-.025em;text-transform:none;margin:0;color:#f2eae9}.process-heading>p{font:14px/1.8 var(--label-face);max-width:320px;margin:0;color:var(--review-muted)}
.process-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.process-pair figure{margin:0;min-width:0}.process-pair img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.process-pair figcaption{text-align:center;font:500 11px/1.6 var(--label-face);letter-spacing:1.5px;text-transform:uppercase;padding-top:12px;color:#dbc6d4}
.craft-ribbon{padding:19px 0}.craft-track>span{font-size:clamp(22px,2.3vw,32px)}
.gallery-head h1:after,.contact .contact-heading h1:after{opacity:.6}.gallery-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px;padding:0 0 15px;border-bottom:1px solid var(--review-line)}
.gallery-intro p{font:14px/1.7 var(--label-face);margin:0;color:#d7c8d3}.gallery-intro>span{font:11px/1.5 var(--label-face);color:#c2b3c1}.light .gallery-intro{border-color:#a1839740}.light .gallery-intro p{color:#554653}.light .gallery-intro>span{color:#736472}
.image-grid figcaption{font-size:12px;line-height:1.6;letter-spacing:.55px;padding-top:11px;color:#d9cfd9}.image-grid .enlarge{box-shadow:0 4px 16px #0a080d15}.model-divider{padding-top:8px}
.gallery-next{padding:30px 4%}.gallery-next nav{gap:18px 28px}.gallery-next nav a{font-size:24px}.gallery-next nav a[aria-current]{opacity:.6}
.resume-callout{padding:15px 4% 44px}.resume-callout>a{padding:29px 0}.contact{max-width:1400px}.contact .credit{padding:23px 18px}.contact .credit span:first-child{font-size:24px}.contact .credit span:not(:first-child){line-height:1.6}
.contact-form-section{padding-top:35px;border-top:1px solid var(--review-line)}.resume-skills{background:linear-gradient(120deg,#302436,#241f2e);border-color:var(--review-line)}
footer{padding:32px 4% 64px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-contact{display:flex;gap:28px}.footer-contact a{font:12px/1.6 var(--label-face);color:#d5bdcc;padding:10px 0}.footer-contact a span{margin-left:9px}
#lightbox{width:min(1440px,96vw);border-color:#99768b80;border-radius:12px}#lightbox img{height:74svh;max-height:74svh}.viewer-top{gap:16px}#viewer-original{margin-left:auto;font:12px/1.5 var(--label-face);color:#e1bfd2;padding:10px 0}.viewer-bottom p{font-family:var(--label-face);line-height:1.6}.viewer-top button,.viewer-bottom button{min-width:44px;min-height:44px}
@media(max-width:1050px){.site-header{position:relative;justify-content:center;gap:12px}.site-header nav{justify-content:center;gap:8px 20px}.process-heading{align-items:flex-start}.contact .credit{gap:14px}.selected-credits{gap:18px}.selected-credits p span{margin:0 13px}}
@media(max-width:600px){
 .site-header{padding:18px 4% 14px}.site-header .brand{font-size:29px}.site-header nav{gap:2px 15px}.site-header nav a{font-size:10px;letter-spacing:.8px;min-height:32px}
 .hero-context{font-size:9px;letter-spacing:1.3px}.blueprint-contact{font-size:12px}.hero-actions a{font-size:11px;padding:11px 22px}.selected-credits{flex-direction:column;gap:10px;padding:18px 4%}.selected-credits p{font-size:18px}.selected-credits p span{margin:0 9px}
 .portfolio{padding:34px 4% 35px}.covers{gap:24px}.cover-label{padding:21px}.cover h3{font-size:31px}.process-feature{padding:30px 4% 36px}.process-heading{flex-direction:column;gap:12px}.process-heading>p{max-width:none;font-size:13px}.process-pair{grid-template-columns:1fr;gap:23px}
 .gallery-intro{align-items:flex-start;flex-direction:column;gap:5px;margin-bottom:18px}.gallery-intro p{font-size:13px}.gallery-intro>span{font-size:10px}.image-grid figcaption{font-size:11px}.gallery-next nav a{font-size:22px}.gallery-next nav{gap:13px 24px}
 .contact .credit{padding:20px 10px}.contact .credit span:first-child{font-size:22px}.contact .credit span:not(:first-child){font-size:12px}.resume-actions{gap:12px}.resume-actions .imdb-button{min-height:44px}
 footer{align-items:flex-start;flex-direction:column;padding-bottom:75px;gap:15px}.footer-contact{gap:25px}.viewer-top{flex-wrap:wrap;gap:7px}#viewer-original{font-size:10px}#lightbox img{height:65svh;max-height:65svh}
}

/* A calmer signature: the same name face, with a more deliberate scale. */
.blueprint-type h1{font-size:clamp(46px,8.4vw,126px);letter-spacing:.065em;color:#f0e6eb;text-shadow:none;-webkit-text-stroke:0;margin-top:10px;margin-bottom:28px}
.blueprint-lines{opacity:.12}
.selected-credits,.gallery-intro{display:none}
@media(max-width:600px){.blueprint-type h1{font-size:8.4vw;letter-spacing:.045em;text-shadow:none;-webkit-text-stroke:0}}

/* Softer plum canvas, matching serif navigation, and a compact resume invitation. */
body:not(.light){background:#25212e}
body:not(.light)::before{background:radial-gradient(ellipse at 25% 35%,#79506b25,transparent 55%),radial-gradient(ellipse at 80% 70%,#65517622,transparent 55%)}
footer,.light footer{background:#28222f}
.craft-ribbon{background:#2b2331}
.cover,.cover:nth-child(even),.cover:nth-child(3){background:#2b2533}
.gallery-next,.light .gallery-next{background:#312638}
.site-header nav a{font-family:var(--title-face);font-size:22px;font-weight:400;font-style:normal;letter-spacing:-.025em;text-transform:none;-webkit-text-stroke:0;line-height:1.4}
.site-header nav{gap:25px}
.resume-callout.resume-panel{display:flex;justify-content:space-between;align-items:center;gap:28px;margin:36px 4% 45px;padding:32px 35px;text-align:left;border:1px solid #ba90a73b;border-radius:12px;background:linear-gradient(115deg,#3a2c40a6,#2c28369e)}
.resume-panel-copy .eyebrow{margin:0 0 10px;font:10px/1.5 var(--label-face);letter-spacing:1.8px;text-transform:uppercase;color:#d4adb9}
.resume-panel-copy h2{font:400 34px/1.2 var(--title-face);letter-spacing:-.025em;text-transform:none;margin:0;color:#f2eae9}
.resume-callout.resume-panel>a.resume-panel-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;width:auto;max-width:none;margin:0;padding:12px 23px;border:1px solid #c49aad80;border-radius:28px;font:400 18px/1.3 var(--title-face);color:#efdae6;background:#302534;white-space:nowrap}
.resume-callout.resume-panel>a.resume-panel-button:hover{background:#493448;border-color:#dfb8ce}
.resume-panel-button span{font-family:Arial,sans-serif}
@media(max-width:1050px){.site-header nav{gap:8px 22px}.site-header nav a{font-size:21px}}
@media(max-width:600px){.site-header nav{gap:2px 16px}.site-header nav a{font-size:18px;letter-spacing:-.025em}.resume-callout.resume-panel{margin:25px 4% 32px;padding:25px 23px;flex-direction:column;align-items:flex-start;gap:22px}.resume-panel-copy h2{font-size:30px}}

/* Charcoal study: graphite surfaces with restrained rose and silver accents. */
:root{--ink:#232528;--rose:#c5afb9;--review-line:#c3b7c426;--review-muted:#c2bec5}
body:not(.light){background:#232528}
body:not(.light)::before{background:radial-gradient(ellipse at 25% 35%,#70707816,transparent 55%),radial-gradient(ellipse at 80% 70%,#737f8914,transparent 55%)}
.site-header,.light .site-header{background-color:#282a2e;background-image:radial-gradient(ellipse at 25% 40%,#73707845,transparent 65%),radial-gradient(ellipse at 75% 60%,#62717c40,transparent 65%);border-color:#aeb4bc26}
.gallery-head,.page-drawings .gallery-head,.page-renders .gallery-head,.page-set-photos .gallery-head,.contact-heading,.live-blueprint{background-color:#292c30;border-color:#acb1b833}
.gallery-head:before,.page-set-photos .gallery-head:before,.contact-heading:before,.live-blueprint:before{background:radial-gradient(ellipse at 25% 40%,#83808b45,transparent 45%),radial-gradient(ellipse at 75% 60%,#6d82904a,transparent 45%)}
.cover,.cover:nth-child(even),.cover:nth-child(3){background:#2c2e32;border-color:#b6bbc52a}
footer,.light footer{background:#26282b;border-color:#b6bbc52a}
.craft-ribbon{background:#2a2c30;border-color:#b6bbc52a}
.craft-track>span{color:#d0c4cc}.craft-track .ribbon-divider{background:#a99ca5}
.gallery-next,.light .gallery-next{background:#303238;border-color:#b6bbc52a}
.gallery-next>.eyebrow{color:#b6a5b1}.gallery-next nav a,.gallery-next nav a[aria-current]{color:#ded0d9}
.resume-skills,.resume-callout.resume-panel{background:linear-gradient(115deg,#36383e,#2c2f34);border-color:#aeb4bc33}
.contact .credit:nth-of-type(even){background:#30323780}.contact .credit:hover{background:#3a3c42}.contact .credit{border-color:#aeb4bc26}
.imdb-button,.contact-form-section input,.contact-form-section textarea,.resume-callout.resume-panel>a.resume-panel-button{background:#2d2f34;border-color:#b8a9b867}
.imdb-button:hover,.resume-callout.resume-panel>a.resume-panel-button:hover{background:#414148;border-color:#c9bac7}
.work-button{background:#d5cbd1;border-color:#d5cbd1;color:#25262a}.work-button:hover{background:#eee5eb}
.motion-toggle{background:#26282bf2;color:#d2c9d0;border-color:#aca1ae50}
#lightbox{background:#222428;border-color:#9b929c80}

/* Warm ink and parchment palette. */
:root{--ink:#292723;--paper:#eee7d9;--rose:#c7b18c;--review-line:#c7b18c30;--review-muted:#c9c0b2}
body:not(.light){background:#292723;color:#eee7d9}
body:not(.light)::before{background:radial-gradient(ellipse at 25% 35%,#ad8a4e18,transparent 55%),radial-gradient(ellipse at 80% 70%,#7d806315,transparent 55%)}
.site-header,.light .site-header{background-color:#302e28;background-image:radial-gradient(ellipse at 25% 40%,#a28b6150,transparent 65%),radial-gradient(ellipse at 75% 60%,#777d6345,transparent 65%);border-color:#c7b18c30;color:#eee7d9}
.gallery-head,.page-drawings .gallery-head,.page-renders .gallery-head,.page-set-photos .gallery-head,.contact-heading,.live-blueprint{background-color:#323028;border-color:#c7b18c36;color:#eee7d9}
.gallery-head:before,.page-set-photos .gallery-head:before,.contact-heading:before,.live-blueprint:before{background:radial-gradient(ellipse at 25% 40%,#a68b5850,transparent 45%),radial-gradient(ellipse at 75% 60%,#85836945,transparent 45%)}
.blueprint-type h1,.gallery-head h1,.contact .contact-heading h1,.portfolio-title,.cover h3,.resume-panel-copy h2{color:#f2eadb}
.blueprint-lines{color:#cbbd9f}.blueprint-role:before,.blueprint-role:after{background:#cbbd9f80}
.hero-context,.contact-heading .eyebrow,.chapter-link,.contact .serif,.model-divider,.resume-panel-copy .eyebrow,.resume-callout .resume-invite-label,footer .brand{color:#cdb792}
.site-header a:hover,.site-header a:focus-visible,.site-header nav a[aria-current],.blueprint-contact a:hover{color:#dfc59b}
.site-header nav a:after,.gallery-head h1:after,.contact .contact-heading h1:after{background:#c7ab7d}
.cover,.cover:nth-child(even),.cover:nth-child(3){background:#322f29;border-color:#c7b18c30}.cover:hover{border-color:#c7b18c80}
.cover-note,.image-grid figcaption,.skills-summary,.footer-contact a{color:#d5cbbb}
.cover h3>.cover-symbol{color:#cfb68e;border-color:#c7b18c50}
footer,.light footer{background:#272620;border-color:#c7b18c30}
.craft-ribbon{background:#302d27;border-color:#c7b18c30}.craft-track>span{color:#d8c9ae}.craft-track .ribbon-divider{background:#ae9974}
.gallery-next,.light .gallery-next{background:#373329;border-color:#c7b18c30}.gallery-next>.eyebrow{color:#bca37b}.gallery-next nav a,.gallery-next nav a[aria-current]{color:#eadac0}.gallery-next nav a:hover{color:#fff3dc}.gallery-next nav a[aria-current]{border-color:#c7b18c}
.resume-skills,.resume-callout.resume-panel{background:linear-gradient(115deg,#3b362b,#302f27);border-color:#c7b18c40}
.contact .credit:nth-of-type(even){background:#39342a80}.contact .credit:hover{background:#433c30}.contact .credit{border-color:#c7b18c30}.contact .credit span:not(:first-child){color:#d1c6b5}
.imdb-button,.contact-form-section input,.contact-form-section textarea,.resume-callout.resume-panel>a.resume-panel-button{background:#332f28;border-color:#c7b18c70;color:#eee0ca}
.imdb-button:hover,.resume-callout.resume-panel>a.resume-panel-button:hover{background:#4a4031;border-color:#ddc193}
.work-button{background:#d9c6a4;border-color:#d9c6a4;color:#29251e}.work-button:hover{background:#eee0c5;color:#29251e}
.contact-form-section label,.skills-summary .skills-tools,.contact-heading .contact-links{color:#eee4d3}.form-help,#contact-status{color:#c5bba9}
.motion-toggle{background:#2b2822f2;color:#d7cbb6;border-color:#b6a38160}#lightbox{background:#25231f;border-color:#a9977880}
.light{background:#f1ecdf;color:#332f28}.page-drawings .gallery{background-image:linear-gradient(#8f7c5709 1px,transparent 1px),linear-gradient(90deg,#8f7c5709 1px,transparent 1px)}
a:focus-visible,button:focus-visible,.contact-form-section input:focus,.contact-form-section textarea:focus{outline-color:#dcc398}

/* Black palette: neutral surfaces, white typography, silver accents. */
:root{--ink:#090909;--paper:#f2f2f2;--rose:#bfbfbf;--review-line:#ffffff24;--review-muted:#bdbdbd}
body:not(.light){background:#090909;color:#eeeeee}
body:not(.light)::before{background:radial-gradient(ellipse at 25% 35%,#ffffff06,transparent 55%),radial-gradient(ellipse at 80% 70%,#ffffff04,transparent 55%)}
.site-header,.light .site-header{background-color:#101010;background-image:radial-gradient(ellipse at 25% 40%,#ffffff13,transparent 65%),radial-gradient(ellipse at 75% 60%,#ffffff0b,transparent 65%);border-color:#ffffff24;color:#eee}
.gallery-head,.page-drawings .gallery-head,.page-renders .gallery-head,.page-set-photos .gallery-head,.contact-heading,.live-blueprint{background-color:#101010;border-color:#ffffff26;color:#eee}
.gallery-head:before,.page-set-photos .gallery-head:before,.contact-heading:before,.live-blueprint:before{background:radial-gradient(ellipse at 25% 40%,#ffffff16,transparent 45%),radial-gradient(ellipse at 75% 60%,#ffffff0c,transparent 45%)}
.blueprint-type h1,.gallery-head h1,.contact .contact-heading h1,.portfolio-title,.cover h3,.resume-panel-copy h2{color:#f5f5f5}
.blueprint-lines{color:#aaa}.blueprint-role:before,.blueprint-role:after{background:#ffffff50}
.hero-context,.contact-heading .eyebrow,.chapter-link,.contact .serif,.model-divider,.resume-panel-copy .eyebrow,.resume-callout .resume-invite-label,footer .brand{color:#c5c5c5}
.site-header a:hover,.site-header a:focus-visible,.site-header nav a[aria-current],.blueprint-contact a:hover{color:#fff}
.site-header nav a:after,.gallery-head h1:after,.contact .contact-heading h1:after{background:#bbb}
.cover,.cover:nth-child(even),.cover:nth-child(3){background:#151515;border-color:#ffffff24}.cover:hover{border-color:#ffffff60}
.cover-note,.image-grid figcaption,.skills-summary,.footer-contact a{color:#ccc}
.cover h3>.cover-symbol{color:#ddd;border-color:#ffffff40}.cover:hover h3>.cover-symbol{background:#292929}
footer,.light footer{background:#101010;border-color:#ffffff24;color:#eee}
.craft-ribbon{background:#111;border-color:#ffffff24}.craft-track>span{color:#ccc}.craft-track .ribbon-divider{background:#888}
.gallery-next,.light .gallery-next{background:#171717;border-color:#ffffff24}.gallery-next>.eyebrow{color:#aaa}.gallery-next nav a,.gallery-next nav a[aria-current]{color:#ddd}.gallery-next nav a:hover{color:#fff}.gallery-next nav a[aria-current]{border-color:#aaa}
.resume-skills,.resume-callout.resume-panel{background:linear-gradient(115deg,#1b1b1b,#111);border-color:#ffffff2e}
.contact .credit:nth-of-type(even){background:#ffffff05}.contact .credit:hover{background:#ffffff0b}.contact .credit{border-color:#ffffff24}.contact .credit span:not(:first-child){color:#bbb}
.imdb-button,.contact-form-section input,.contact-form-section textarea,.resume-callout.resume-panel>a.resume-panel-button{background:#191919;border-color:#ffffff45;color:#eee}
.imdb-button:hover,.resume-callout.resume-panel>a.resume-panel-button:hover{background:#292929;border-color:#ffffff80}
.work-button{background:#e1e1e1;border-color:#e1e1e1;color:#111}.work-button:hover{background:#fff;color:#111}
.contact-form-section label,.skills-summary .skills-tools,.contact-heading .contact-links{color:#eee}.form-help,#contact-status{color:#aaa}
.motion-toggle{background:#111111f2;color:#ccc;border-color:#ffffff40}#lightbox{background:#080808;border-color:#ffffff40}#viewer-original{color:#ddd}
.light{background:#eee;color:#292929}.page-drawings .gallery{background-image:linear-gradient(#00000005 1px,transparent 1px),linear-gradient(90deg,#00000005 1px,transparent 1px)}
a:focus-visible,button:focus-visible,.contact-form-section input:focus,.contact-form-section textarea:focus{outline-color:#ddd}

/* Narrow name lettering and proportionate architectural details. */
.blueprint-type h1{
 font-family:Barlow,'Arial Narrow',sans-serif;font-style:normal;font-weight:400;
 font-size:clamp(46px,8.4vw,126px);line-height:1.1;letter-spacing:.065em;
 text-transform:uppercase;white-space:nowrap;color:#f5f5f5;
 text-shadow:none;-webkit-text-stroke:0;margin:10px 0 28px;
}
.blueprint-lines{color:#e0e0e0;opacity:.3}
.blueprint-lines g{stroke-width:1}
.blueprint-role:before,.blueprint-role:after{background:#ffffff3c}
.gallery-head:after,.gallery-head h1:after,.contact .contact-heading h1:after{display:none;content:none}
.gallery-next nav{flex-wrap:wrap}
@media(max-width:600px){
 .blueprint-type h1{font-size:8.4vw;letter-spacing:.045em}
 .blueprint-lines{opacity:.3}
}

/* Center the gallery links on smaller screens. */
@media(max-width:600px){
 .gallery-next{align-items:center;text-align:center}
 .gallery-next nav{align-self:center;justify-content:center;width:100%}
}

/* October cover refresh: vector icons and a photographic introduction. */
.line-arrow{display:inline-block;width:20px;height:20px;flex:none;vertical-align:middle;overflow:visible;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.line-arrow.diagonal{transform:rotate(-45deg)}.line-arrow.down{transform:rotate(90deg)}.line-arrow.up{transform:rotate(-90deg)}.line-arrow.left{transform:rotate(180deg)}
.enlarge:after{display:none!important}.enlarge-arrow{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:34px;height:34px;background:#111c;color:#eee;border:1px solid #ffffff60;border-radius:50%;pointer-events:none}.enlarge-arrow .line-arrow{width:19px;height:19px}
.page-home .live-blueprint{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:5%;padding:60px 5% 58px;min-height:570px;background:#101010;border-bottom:1px solid #ffffff20}
.page-home .blueprint-type{text-align:left;position:relative;z-index:1}
.hero-kicker{font:10px/1.5 var(--label-face);letter-spacing:2px;text-transform:uppercase;color:#aaa;margin:0 0 25px}
.page-home .blueprint-type h1{font-size:clamp(64px,7.9vw,126px);line-height:.98;letter-spacing:.025em;white-space:normal;margin:0 0 28px}.blueprint-type h1 span{display:block}
.page-home .blueprint-role{justify-content:flex-start;font:400 26px/1.25 var(--title-face);letter-spacing:0;text-transform:none;margin:0 0 10px}.page-home .blueprint-role:before,.page-home .blueprint-role:after{display:none}
.page-home .hero-context{font-size:10px;letter-spacing:1.8px;margin:0 0 26px}
.page-home .blueprint-contact{justify-content:flex-start;flex-wrap:wrap;gap:8px 18px;font-size:12px;letter-spacing:.02em;margin-bottom:25px}.page-home .blueprint-contact>span{display:none}
.page-home .hero-actions{justify-content:flex-start;gap:12px}.page-home .hero-actions a{padding:12px 23px;min-height:46px}.page-home .blueprint-lines{opacity:.2}
.hero-set-image{position:relative;min-width:0;margin:0;z-index:1}.hero-set-image>img{display:block;width:100%;height:470px;object-fit:cover;object-position:center;border-radius:3px}
.hero-set-image figcaption{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:15px 0 0;color:#aaa;font:10px/1.6 var(--label-face);letter-spacing:.5px}.hero-set-image figcaption a{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;color:#eee}
@media(max-width:950px){.page-home .live-blueprint{padding:45px 5%;gap:5%;min-height:0}.hero-set-image>img{height:390px}.page-home .blueprint-type h1{font-size:9vw}.page-home .blueprint-contact{flex-direction:column;align-items:flex-start}.hero-set-image figcaption>span{display:none}}
@media(max-width:600px){
 .site-header,.light .site-header{padding:15px 5% 12px;gap:9px}.site-header .brand{font-size:23px;letter-spacing:2px}.site-header nav{gap:0 15px;width:100%;justify-content:center}.site-header nav a{font-size:15px;min-height:29px;padding:3px 0;line-height:1.4}
 .page-home .live-blueprint{grid-template-columns:1fr;padding:32px 6% 30px;gap:29px}.hero-kicker{font-size:9px;letter-spacing:1.6px;margin-bottom:20px}.page-home .blueprint-type h1{font-size:clamp(64px,17vw,100px);line-height:.98;margin-bottom:21px;letter-spacing:.025em}.page-home .blueprint-role{font-size:26px}.page-home .hero-context{margin-bottom:19px;font-size:9px}.page-home .blueprint-contact{font-size:11px;gap:6px;margin-bottom:21px}.page-home .hero-actions a{font-size:11px;padding:11px 21px}.page-home .blueprint-lines{opacity:.22;top:0;height:64%;width:160%;left:-30%}.hero-set-image>img{height:auto;aspect-ratio:1.55;object-fit:cover}.hero-set-image figcaption{margin-top:10px;font-size:9px}.hero-set-image figcaption>span{display:block;max-width:55%}.hero-set-image figcaption a{gap:6px}.line-arrow{width:18px;height:18px}
}

/* Full-width desktop name and a softer moving charcoal wash. */
.page-home .live-blueprint{display:block;min-height:0;padding:62px 5% 58px;isolation:isolate;overflow:hidden;background:#101010}
.page-home .blueprint-type{text-align:center}
.page-home .blueprint-type h1{font-size:clamp(48px,8.4vw,126px);line-height:1.1;white-space:nowrap;letter-spacing:.045em;margin:0 0 28px}
.page-home .blueprint-type h1 span{display:inline}
.page-home .blueprint-role,.page-home .hero-actions,.page-home .blueprint-contact{justify-content:center}
.page-home .blueprint-contact{flex-direction:row;align-items:center;font-size:13px}
.page-home .live-blueprint:before{inset:-30%;z-index:-1;opacity:1;background:radial-gradient(ellipse at 25% 35%,#74747470 0%,#4a4a4a38 38%,transparent 70%),linear-gradient(125deg,#151515 10%,#373737 48%,#111 88%);background-size:150% 150%;filter:blur(45px);animation:cover-gray-flow 18s ease-in-out infinite alternate}
.page-home .blueprint-lines{opacity:.13}
@keyframes cover-gray-flow{from{transform:translate3d(-6%,-4%,0) scale(1);background-position:0% 20%}to{transform:translate3d(7%,5%,0) scale(1.12);background-position:100% 80%}}
@media(max-width:600px){
 .page-home .live-blueprint{padding:36px 6% 40px}
 .page-home .blueprint-type{text-align:left}
 .page-home .blueprint-type h1{font-size:clamp(64px,17vw,100px);line-height:.98;white-space:normal;letter-spacing:.025em;margin-bottom:21px}
 .page-home .blueprint-type h1 span{display:block}
 .page-home .blueprint-role,.page-home .hero-actions,.page-home .blueprint-contact{justify-content:flex-start}
 .page-home .blueprint-contact{flex-direction:column;align-items:flex-start;font-size:11px}
 .page-home .blueprint-lines{height:100%;opacity:.12}
}
@media(prefers-reduced-motion:reduce){.page-home .live-blueprint:before{animation:none}}

/* Sitewide cinematic interaction, October 22, 2026. */
@media(prefers-reduced-motion:no-preference){
 .image-grid figure,.process-pair figure,.cover,.contact .credit-detail{transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s ease,border-color .35s ease,background .35s ease}
 .hero-actions a,.resume-actions a,.resume-panel-button,.contact-form-section button,.contact .credit-play{transition:transform .4s cubic-bezier(.16,1,.3,1),background .3s ease,border-color .3s ease,color .3s ease}
 .site-header nav a,.gallery-next nav a,.footer-contact a{transition:transform .35s ease,color .3s ease}
 @media(hover:hover) and (pointer:fine){
  .image-grid figure:hover,.process-pair figure:hover{transform:translateY(-5px)}
  .cover:hover,.cover:focus-visible{transform:translateY(-8px);box-shadow:0 22px 48px #0004}
  .contact .credit-detail:hover{transform:translateX(5px)}
  .hero-actions a:hover,.resume-actions a:hover,.resume-panel-button:hover,.contact-form-section button:hover{transform:translateY(-4px)}
  .contact a.credit-play:hover{transform:scale(1.14)}
  .site-header nav a:hover,.gallery-next nav a:hover,.footer-contact a:hover{transform:translateY(-2px)}
 }
 .hero-actions a:active,.resume-actions a:active,.contact a.credit-play:active{transform:scale(.97)}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* User refinements: static footer, clear form alignment, richer cover contrast. */
footer,footer *,footer::before,footer::after,footer *::before,footer *::after{animation:none!important;transition:none!important}
footer .footer-contact a:hover,footer .footer-contact a:focus-visible{transform:none!important}
.contact .contact-form-section>.serif{width:100%;margin-inline:auto;text-align:center}
.page-home .live-blueprint{background:#0b0d10;border-bottom:1px solid #ffffff24;padding-top:70px;padding-bottom:64px}
.page-home .live-blueprint:before{inset:-15%;background:radial-gradient(ellipse at 50% 35%,#8e949a40 0%,#343b4330 38%,transparent 65%),linear-gradient(125deg,#07090d 10%,#20252b 50%,#080a0d 90%);filter:blur(22px);opacity:1}
.page-home .blueprint-lines{opacity:.26}
.page-home .blueprint-type h1{color:#fafafa;text-shadow:0 2px 0 #0008,0 12px 32px #0006;margin-bottom:30px}
.page-home .hero-kicker{color:#bec3c9;letter-spacing:2.8px;margin-bottom:32px}
.page-home .blueprint-role{font-size:clamp(25px,2.6vw,35px)}
.page-home .hero-context{color:#adb4bd;letter-spacing:2.5px}
.page-home .hero-actions .work-button{background:#f2f2f2;color:#121519;border-color:#f2f2f2;box-shadow:0 7px 24px #0004}
@media(max-width:600px){.page-home .live-blueprint{padding:42px 6% 46px}.page-home .hero-kicker{font-size:9px;letter-spacing:1.8px;margin-bottom:25px}.page-home .blueprint-lines{opacity:.18}}

/* Hero composition: serif identity over two slow, merging charcoal forms. */
.page-home .live-blueprint{background:#090909;min-height:510px;padding:62px 6% 58px;border-bottom:1px solid #ffffff18;position:relative;isolation:isolate;overflow:hidden}
.page-home .blueprint-type{position:relative;z-index:2;max-width:1040px;margin:auto;text-align:center}
.page-home .hero-kicker{font:500 10px/1.5 var(--label-face);letter-spacing:3px;color:#b6bcc3;margin:0 0 30px}
.page-home .blueprint-type h1{font-family:Baskerville,'Baskerville Old Face','Iowan Old Style',Georgia,serif;font-size:clamp(64px,8.7vw,118px);font-weight:400;font-style:normal;line-height:1.03;letter-spacing:-.045em;text-transform:none;white-space:nowrap;margin:0 0 26px;color:#f4f3f0;-webkit-text-stroke:0;text-shadow:0 4px 30px #0007}
.page-home .blueprint-type h1 span{display:inline}
.page-home .blueprint-role{font:400 19px/1.4 var(--label-face);letter-spacing:2px;text-transform:uppercase;margin:0 0 9px;justify-content:center}
.page-home .hero-context{font:400 10px/1.5 var(--label-face);letter-spacing:2px;color:#a9afb7;margin:0 0 27px}
.page-home .blueprint-contact{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 25px;font:400 13px/1.6 var(--label-face);letter-spacing:.1px;margin:0 0 27px;color:#d7dbe0}
.page-home .hero-actions{display:flex;justify-content:center;gap:13px;margin:0}
.page-home .hero-actions a{padding:12px 25px;min-height:46px;font-size:12px;letter-spacing:.6px}
.page-home .blueprint-lines{z-index:1;opacity:.14;inset:0;width:100%;height:100%;pointer-events:none}
.page-home .live-blueprint::before,.page-home .live-blueprint::after{content:'';position:absolute;pointer-events:none;z-index:0;inset:auto;opacity:0;will-change:transform,opacity;filter:blur(48px);background-size:100% 100%;mix-blend-mode:screen}
.page-home .live-blueprint::before{width:68%;height:130%;left:-18%;top:-35%;border-radius:48% 52% 64% 36% / 52% 35% 65% 48%;background:radial-gradient(ellipse at 50% 50%,#818b99b0 0%,#444f60b0 35%,#1d253660 58%,transparent 73%);animation:kg-lava-first 19s ease-in-out infinite}
.page-home .live-blueprint::after{width:62%;height:120%;right:-15%;bottom:-38%;border-radius:60% 40% 38% 62% / 38% 56% 44% 62%;background:radial-gradient(ellipse at 50% 50%,#9b9fa482 0%,#4b586ab0 34%,#1d253650 58%,transparent 73%);animation:kg-lava-second 23s ease-in-out infinite}
@keyframes kg-lava-first{0%,100%{opacity:0;transform:translate(-8%,-5%) rotate(-15deg) scale(.85)}18%{opacity:.65}48%{opacity:.9;transform:translate(55%,22%) rotate(28deg) scale(1.18,.85)}77%{opacity:.7;transform:translate(90%,8%) rotate(-12deg) scale(.9,1.2)}}
@keyframes kg-lava-second{0%,100%{opacity:0;transform:translate(8%,7%) rotate(15deg) scale(.85)}22%{opacity:.7}51%{opacity:.9;transform:translate(-50%,-30%) rotate(-24deg) scale(1.1,.85)}78%{opacity:.65;transform:translate(-90%,-8%) rotate(16deg) scale(.9,1.15)}}
@media(max-width:700px){.page-home .live-blueprint{min-height:0;padding:48px 6% 46px}.page-home .hero-kicker{font-size:9px;letter-spacing:1.7px;margin-bottom:25px}.page-home .blueprint-type h1{font-size:clamp(54px,12.8vw,88px);white-space:normal;line-height:.98;margin-bottom:26px}.page-home .blueprint-type h1 span{display:block}.page-home .blueprint-role{font-size:16px;letter-spacing:1.5px}.page-home .blueprint-contact{flex-direction:column;gap:5px;font-size:12px;margin-bottom:24px}.page-home .hero-actions a{padding:11px 20px}.page-home .live-blueprint::before,.page-home .live-blueprint::after{width:100%;filter:blur(35px)}}
@media(prefers-reduced-motion:reduce){.page-home .live-blueprint::before,.page-home .live-blueprint::after{animation:none!important;will-change:auto;opacity:.24}}

/* More visible, fluid two-form lava motion; preserve the approved layout. */
.page-home .live-blueprint::before,.page-home .live-blueprint::after{filter:blur(35px)}
.page-home .live-blueprint::before{width:66%;height:145%;left:-20%;top:-48%;background:radial-gradient(ellipse at 50% 50%,#b6c2d4d9 0%,#73849cbd 30%,#39485b85 53%,transparent 72%);animation:kg-lava-first 16s ease-in-out infinite}
.page-home .live-blueprint::after{width:61%;height:138%;right:-18%;bottom:-50%;background:radial-gradient(ellipse at 50% 50%,#bfc6d0c2 0%,#7b8ca4b8 29%,#3c4c6285 52%,transparent 72%);animation:kg-lava-second 21s ease-in-out infinite}
@keyframes kg-lava-first{0%,100%{opacity:0;transform:translate(-10%,-8%) rotate(-18deg) scale(.8,1.05);border-radius:42% 58% 65% 35% / 55% 35% 65% 45%}15%{opacity:.8}35%{opacity:.95;transform:translate(52%,38%) rotate(25deg) scale(1.15,.72);border-radius:65% 35% 40% 60% / 38% 62% 38% 62%}65%{opacity:.9;transform:translate(105%,12%) rotate(-28deg) scale(.75,1.15);border-radius:35% 65% 60% 40% / 60% 45% 55% 40%}85%{opacity:.65;transform:translate(45%,5%) rotate(12deg) scale(1.05,.85)}}
@keyframes kg-lava-second{0%,100%{opacity:0;transform:translate(10%,10%) rotate(15deg) scale(.85,1.1);border-radius:60% 40% 38% 62% / 38% 56% 44% 62%}18%{opacity:.8}40%{opacity:.95;transform:translate(-55%,-42%) rotate(-32deg) scale(.85,1.1);border-radius:38% 62% 65% 35% / 62% 35% 65% 38%}68%{opacity:.85;transform:translate(-100%,-8%) rotate(24deg) scale(1.2,.75);border-radius:65% 35% 40% 60% / 45% 60% 40% 55%}86%{opacity:.65;transform:translate(-38%,-23%) rotate(-10deg) scale(.9,1.05)}}
@media(max-width:700px){.page-home .live-blueprint::before,.page-home .live-blueprint::after{width:100%;filter:blur(29px)}}
@media(prefers-reduced-motion:reduce){.page-home .live-blueprint::before,.page-home .live-blueprint::after{animation:none!important;opacity:.24;will-change:auto}}

/* Softer lava light; name responds to the actual light moving behind it. */
.page-home .live-blueprint::before,.page-home .live-blueprint::after{filter:blur(35px) brightness(.44)}
.page-home .blueprint-type{z-index:auto}
.page-home .blueprint-type>*{position:relative;z-index:2}
.page-home .blueprint-type h1{color:#f4f3f0;mix-blend-mode:difference;text-shadow:none}
@media(max-width:700px){.page-home .live-blueprint::before,.page-home .live-blueprint::after{filter:blur(29px) brightness(.44)}}
@media(prefers-reduced-motion:reduce){.page-home .blueprint-type h1{mix-blend-mode:normal}}

/* Legible architectural backdrop and cool reactive lettering. */
.page-home .blueprint-type h1{mix-blend-mode:normal;color:#fafcff}
.page-home .blueprint-type h1 .kg-letter{display:inline!important;color:inherit}
.page-home .blueprint-lines{opacity:.22;color:#b8c5d3}
@media(max-width:700px){.page-home .blueprint-lines{opacity:.15}}

/* Latest annotated spacing refinements. */
.page-home .hero-kicker{top:30px}
.page-home .blueprint-contact{top:-9px;font-weight:500}
@media(max-width:700px){.page-home .hero-kicker{top:30px;margin-bottom:39px}}

/* CAD lettering: outlined glyphs with diagonal poche, retaining reactive ink color. */
.page-home .blueprint-type h1 .kg-letter{-webkit-text-stroke:.65px currentColor;-webkit-text-fill-color:transparent;background:repeating-linear-gradient(135deg,currentColor 0,currentColor .8px,transparent .8px,transparent 4px);-webkit-background-clip:text;background-clip:text;text-shadow:none!important}
.contact .credits-head>span:nth-child(4),.contact .credit.credit-detail .credit-designer{text-align:center}
@media(min-width:701px) and (max-width:1050px){.contact .credits-head,.contact .credit.credit-detail{gap:10px;padding-inline:12px}.contact .credit.credit-detail{font-size:13px}.contact .credits-head{font-size:9px;letter-spacing:.8px}}
@media(max-width:700px){.contact .credit.credit-detail .credit-designer{text-align:left}}


/* Rounded block lettering with CAD poche and reactive cool ink. */
.page-home .blueprint-type h1{font-family:"Arial Rounded MT Bold","Arial Black",sans-serif;font-weight:900;font-style:normal;font-size:clamp(48px,7.2vw,104px);letter-spacing:-.045em;line-height:1.15;rotate:0deg;text-transform:uppercase;color:#fafcff}
.page-home .blueprint-type h1 .kg-letter{-webkit-text-stroke:1px currentColor;-webkit-text-fill-color:transparent;background:repeating-linear-gradient(135deg,currentColor 0,currentColor .9px,transparent .9px,transparent 5px);-webkit-background-clip:text;background-clip:text;text-shadow:none!important}
@media(max-width:700px){.page-home .blueprint-type h1{font-size:clamp(40px,10.5vw,74px)}}

/* Condensed architectural lettering sized inside the main room. */
.page-home .blueprint-type h1{font-family:Barlow,"Arial Narrow",sans-serif;font-size:clamp(40px,5.8vw,84px);font-weight:700;letter-spacing:.015em;line-height:1.35}
@media(max-width:700px){.page-home .blueprint-type h1{font-size:clamp(34px,9vw,62px);line-height:1.1}}

/* Broad architectural title, nearly filling the room. */
.page-home .blueprint-type h1{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(52px,7.1vw,102px);font-weight:400;letter-spacing:.005em;line-height:1.05}
@media(max-width:700px){.page-home .blueprint-type h1{font-size:clamp(42px,11vw,76px);line-height:1.05}}

/* Slimmer ink and more restrained background forms. */
.page-home .blueprint-type h1 .kg-letter{-webkit-text-stroke:.55px currentColor;background-image:repeating-linear-gradient(135deg,currentColor 0,currentColor .6px,transparent .6px,transparent 5px)}
.page-home .live-blueprint::before{width:58%;height:125%;filter:blur(35px) brightness(.34)}
.page-home .live-blueprint::after{width:53%;height:118%;filter:blur(35px) brightness(.34)}
@media(max-width:700px){.page-home .live-blueprint::before,.page-home .live-blueprint::after{width:86%;filter:blur(29px) brightness(.34)}}

/* Thin letterforms and a centered room title block. */
.page-home .live-blueprint{display:flex;align-items:center;justify-content:center;padding:90px 6% 87px}
.page-home .blueprint-type{width:100%;margin:0 auto}
.page-home .hero-kicker{top:0;margin-bottom:18px}
.page-home .blueprint-type h1{font-family:Barlow,"Arial Narrow",sans-serif;font-weight:400;font-size:clamp(52px,8.2vw,118px);line-height:1.05;letter-spacing:.015em}
.page-home .blueprint-contact{top:0;margin-bottom:20px}
@media(max-width:700px){.page-home .live-blueprint{padding:85px 6%}.page-home .blueprint-type h1{font-size:clamp(40px,11vw,76px)}.page-home .hero-kicker{margin-bottom:18px}}

/* Lower the film-and-television tagline within the title block. */
.page-home .hero-kicker{top:12px}

/* Balanced title-block rhythm and clearance above the entry swing. */
.page-home .blueprint-type{display:flex;flex-direction:column;align-items:center}
.page-home .hero-kicker{top:0;margin:0 0 20px}
.page-home .blueprint-type h1{margin:0 0 20px}
.page-home .blueprint-role{margin:0 0 10px}
.page-home .hero-context{margin:0 0 22px}
.page-home .blueprint-contact{top:0;margin:0 0 32px}
.page-home .hero-actions{margin:0}
@media(max-width:700px){.page-home .hero-kicker{margin-bottom:18px}.page-home .blueprint-type h1{margin-bottom:18px}.page-home .hero-context{margin-bottom:18px}.page-home .blueprint-contact{margin-bottom:28px}}

.page-home .hero-kicker{top:10px}
.page-home .blueprint-contact{top:-14px}

/* Smaller, quieter background bubbles. */
.page-home .live-blueprint::before{width:48%;height:105%;filter:blur(35px) brightness(.24)}
.page-home .live-blueprint::after{width:44%;height:98%;filter:blur(35px) brightness(.24)}
@media(max-width:700px){.page-home .live-blueprint::before,.page-home .live-blueprint::after{width:72%;filter:blur(29px) brightness(.24)}}

/* Larger two-line name on mobile. */
@media(max-width:700px){.page-home .blueprint-type h1{font-size:clamp(48px,14vw,98px);line-height:1.02;letter-spacing:.01em}}

/* Category cards respond to touch and click as well as hover. */
.cover:active,.cover.is-opening{border-color:#b7d5ee!important;box-shadow:0 0 0 2px #b7d5ee80,0 15px 34px #0007!important;background-color:#25303b!important}
.cover:active h3,.cover.is-opening h3{color:#d7eaff}
.cover:active .cover-symbol,.cover.is-opening .cover-symbol{background:#d7eaff;color:#111;border-color:#d7eaff}
@media(prefers-reduced-motion:no-preference){.cover:active,.cover.is-opening{transform:translateY(-6px) scale(1.015)!important;transition:transform .14s ease-out,box-shadow .14s ease-out,border-color .14s ease-out,background-color .14s ease-out}}

/* Consistent architectural name treatment in every public masthead and footer. */
.site-header .brand,footer .brand{font-family:Barlow,"Arial Narrow",sans-serif;font-weight:400;font-style:normal;text-transform:uppercase;-webkit-text-stroke:.45px currentColor;-webkit-text-fill-color:transparent;background-image:repeating-linear-gradient(135deg,currentColor 0,currentColor .5px,transparent .5px,transparent 3px);-webkit-background-clip:text;background-clip:text;text-shadow:none}

/* Slow ambient movement and neutral architectural lettering. */
.page-home .live-blueprint::before{animation-duration:48s}
.page-home .live-blueprint::after{animation-duration:63s}
.page-home .blueprint-type h1,.page-home .blueprint-type h1 .kg-letter{color:#f4f4f4;text-shadow:none!important}

/* Larger ambient forms, moving forty percent more slowly. */
.page-home .live-blueprint::before{width:58%;height:126%;animation-duration:80s}
.page-home .live-blueprint::after{width:53%;height:118%;animation-duration:105s}
@media(max-width:700px){.page-home .live-blueprint::before,.page-home .live-blueprint::after{width:86%}}

/* Education accompanies the resume credits. */
.contact .resume-education{margin:0 0 48px}
.contact .resume-education>h2{margin:0 0 22px}
.contact .education-detail{display:flex;align-items:baseline;justify-content:space-between;gap:14px 28px;flex-wrap:wrap;padding:23px 18px;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24}
.contact .education-detail h3{font-size:clamp(23px,2.4vw,30px);font-weight:400;margin:0;line-height:1.3}
.contact .education-detail p{font-size:15px;line-height:1.5;color:#ccc;margin:0}
@media(max-width:700px){.contact .education-detail{flex-direction:column;gap:10px;padding:20px 14px}.contact .resume-education{margin-bottom:36px}}

/* Fine interior name hatching; retain crisp outer outlines. */
.page-home .blueprint-type h1 .kg-letter{background-image:repeating-linear-gradient(135deg,currentColor 0,currentColor .2px,transparent .2px,transparent 5px)}
.site-header .brand,footer .brand{background-image:repeating-linear-gradient(135deg,currentColor 0,currentColor .2px,transparent .2px,transparent 3px)}

/* Slow corner ambience keeps the central title area dark. */
.page-home .live-blueprint::before{left:-25%;top:-52%;animation:kg-corner-first 120s ease-in-out infinite}
.page-home .live-blueprint::after{right:-25%;bottom:-52%;animation:kg-corner-second 150s ease-in-out infinite}
@keyframes kg-corner-first{0%,100%{opacity:.55;transform:translate(-3%,-3%) rotate(-12deg) scale(.95)}50%{opacity:.8;transform:translate(8%,7%) rotate(12deg) scale(1.06,.95)}}
@keyframes kg-corner-second{0%,100%{opacity:.6;transform:translate(3%,3%) rotate(10deg) scale(.95)}50%{opacity:.8;transform:translate(-8%,-7%) rotate(-12deg) scale(1.04,.95)}}
@media(max-width:700px){.page-home .live-blueprint::before{left:-48%}.page-home .live-blueprint::after{right:-48%}}
@media(prefers-reduced-motion:reduce){.page-home .live-blueprint::before,.page-home .live-blueprint::after{animation:none!important;opacity:.24}}
/* Mobile ambient glow: bring the light into the frame. */@media(max-width:700px){ .page-home .live-blueprint::before{left:-18%;top:-32%;width:100%;filter:blur(32px) brightness(.58)} .page-home .live-blueprint::after{right:-18%;bottom:-32%;width:100%;filter:blur(32px) brightness(.58)}}