/*
Theme Name: Imagewake
Author: Motumbo.Net
Author URI: https://motumbo.net/
Description: A dark portfolio theme with an animated image canvas, configurable page text, project showcases, an image gallery, and social profile links. Project and gallery features use the Imagewake Content companion plugin.
Version: 0.1.1
Requires at least: 6.6
Requires PHP: 8.2
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: motumbo-studio
*/
:root{--bg:#080f14;--panel:#101b23;--line:#263943;--mint:#91efd0;--text:#f3f1e9;--muted:#aabcc7;--dim:#76909f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:5px}img{max-width:100%;display:block}.wrap{width:min(1250px,calc(100% - 80px));margin:auto}.preview-bar{padding:8px 24px;background:#15242c;color:var(--mint);font-size:10px;letter-spacing:1.5px;text-align:center}.preview-bar span{margin-left:22px;color:var(--muted);letter-spacing:.6px}.site-header{display:flex;align-items:center;justify-content:space-between;padding:27px 0}.brand{font-size:29px;font-weight:750;letter-spacing:-1.3px}.brand span{color:var(--mint)}nav{display:flex;gap:31px;font-size:14px}nav a{color:var(--muted)}nav a:hover,nav a[aria-current]{color:var(--mint)}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:var(--panel);padding:10px;z-index:5}.eyebrow{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--mint);margin:0 0 22px}.hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:435px;padding:45px 0 65px;isolation:isolate}.hero:before{content:"";position:absolute;inset:0 -35px;background:radial-gradient(ellipse at 78% 55%,#153e3f70,transparent 60%);z-index:-1}.hero h1{font-size:clamp(46px,5.6vw,78px);line-height:1.06;letter-spacing:-3.5px;margin:0 0 24px;font-weight:750}.hero p.lead{font-size:22px;color:var(--muted);margin:0 0 30px}.actions{display:flex;gap:16px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:12px 23px;border:1px solid var(--mint);background:var(--mint);color:#09221b;font-weight:600;font-size:14px;border-radius:5px}.button.secondary{background:transparent;border-color:#3b5662;color:var(--text)}.button:hover{filter:brightness(1.1)}






.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:22px;margin-bottom:22px}.section-heading h2{font-size:11px;letter-spacing:2.5px;font-weight:500;text-transform:uppercase;margin:0}.section-heading a{font-size:12px;color:var(--mint)}
.project{position:relative;border:1px solid var(--line);border-radius:7px;min-height:255px;padding:29px;overflow:hidden;background:linear-gradient(120deg,#10202a,#0a1219)}
.project h3{font-size:26px;line-height:1.15;letter-spacing:-.8px;margin:0 0 13px}.project p{color:var(--muted);font-size:14px;margin:0 0 20px}.text-link{color:var(--mint);font-size:14px}




.writing-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-bottom:50px}.writing-item{display:grid;grid-template-columns:145px 1fr;gap:21px;align-items:center}.writing-item img{width:145px;height:135px;object-fit:cover;border-radius:5px}.writing-item h3{font-size:19px;line-height:1.3;margin:0 0 10px}.writing-item p{font-size:13px;color:var(--muted);margin:0}.meta{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--dim);margin-top:13px}




.site-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding:30px 0;margin-top:40px;font-size:12px;color:var(--dim)}.site-footer .brand{font-size:20px;color:var(--text)}.page-intro{padding:50px 0 25px}.page-intro h1{font-size:clamp(42px,5vw,65px);line-height:1.1;letter-spacing:-2.8px;margin:0 0 20px}.page-intro p{color:var(--muted);max-width:680px;font-size:18px}.gallery-controls{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;border-top:1px solid var(--line);padding:22px 0;margin:10px 0 12px}.filters{display:flex;gap:9px;flex-wrap:wrap}.filter{color:var(--muted);background:transparent;border:1px solid var(--line);padding:8px 15px;border-radius:30px;font-size:13px}.filter[aria-pressed=true]{background:var(--mint);color:#0b251d;border-color:var(--mint)}.search-label{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.search-label input{background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:9px 12px;color:var(--text);width:200px}.result-count{font-size:12px;color:var(--dim);margin:0 0 25px}.masonry{columns:3;column-gap:22px}.gallery-item{break-inside:avoid;margin:0 0 25px}.image-button{background:none;border:0;padding:0;width:100%;position:relative;border-radius:6px;overflow:hidden;display:block}.image-button img{width:100%;height:auto}.image-button .zoom-label{position:absolute;right:12px;bottom:12px;background:#081118d9;border:1px solid #5c7975;padding:4px 9px;border-radius:4px;font-size:11px;color:var(--text)}.image-button:hover img{filter:brightness(1.12)}.gallery-item h2{font-size:15px;margin:12px 0 3px;line-height:1.3}.gallery-item .source{font-size:12px;color:var(--mint)}.gallery-item p{font-size:12px;color:var(--dim);margin:3px 0}.article-header{max-width:850px;margin:45px auto 30px}.article-header h1{font-size:clamp(36px,4.5vw,59px);line-height:1.12;letter-spacing:-2px;margin:0 0 20px}.back-link{color:var(--mint);font-size:13px}.article-meta{color:var(--muted);font-size:13px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 230px;gap:65px;justify-content:center}.article-body{font-size:18px;color:#c8d4dd}.article-body p{margin:0 0 24px}.article-body h2{color:var(--text);font-size:29px;line-height:1.2;margin:37px 0 18px}.article-body h3{color:var(--text);font-size:24px}.article-body a{color:var(--mint);text-decoration:underline}.article-body code{font-size:14px;overflow-wrap:anywhere}.article-aside{border-left:1px solid var(--line);padding-left:25px;color:var(--muted);font-size:13px}.article-aside h2{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--mint);margin-top:0}.article-aside a{display:block;margin:15px 0;color:var(--text)}.post-gallery{margin:35px 0}.post-gallery .eyebrow{margin-bottom:15px}.post-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.post-grid img{width:100%;height:auto}.post-grid figure{margin:0}.post-grid figcaption{font-size:12px;color:var(--muted);margin-top:10px}.sample-note{color:var(--dim);font-size:12px;margin:12px 0 25px}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.archive-card{border-bottom:1px solid var(--line);padding-bottom:25px}.archive-card img{width:100%;height:210px;object-fit:cover;border-radius:6px}.archive-card h2{font-size:22px;line-height:1.25;margin:18px 0 12px}.archive-card p{font-size:14px;color:var(--muted)}dialog{background:#090f15;color:var(--text);border:1px solid var(--line);border-radius:10px;width:min(1150px,calc(100% - 24px));max-height:95dvh;padding:20px}dialog::backdrop{background:#02070beF;backdrop-filter:blur(12px)}.viewer-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.icon-button{width:44px;height:44px;flex-shrink:0;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:50%;font-size:21px}.viewer-stage{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:15px 0}.viewer-stage img{max-height:65dvh;width:auto;max-width:calc(100% - 120px);object-fit:contain}.viewer-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:15px}.viewer-caption h2{font-size:18px;margin:0}.viewer-caption p{font-size:12px;color:var(--muted);margin:5px 0}.empty{padding:50px 0;color:var(--muted)}

body:has(dialog[open]){overflow:hidden}
@media(min-width:1450px){.hero h1{font-size:78px}}
@media(max-width:950px){.wrap{width:calc(100% - 40px)}.hero h1{font-size:58px}


.article-layout{grid-template-columns:minmax(0,1fr)}.article-aside{border-left:0;border-top:1px solid var(--line);padding:25px 0}.archive-grid{grid-template-columns:1fr 1fr}.writing-item{grid-template-columns:100px 1fr}.writing-item img{width:100px;height:115px}.masonry{columns:2}}
@media(max-width:650px){.preview-bar span{display:block;margin-left:0;font-size:9px}.site-header{padding:20px 0;flex-wrap:wrap;gap:18px}.brand{font-size:25px}nav{gap:23px;width:100%;font-size:13px}.hero{grid-template-columns:1fr;padding:25px 0 40px;gap:20px}.hero h1{font-size:53px;letter-spacing:-2px}.hero p.lead{font-size:18px}


.projects-grid,.writing-grid,.gallery-teaser,.archive-grid{grid-template-columns:1fr}.project{min-height:235px;padding:24px}
.project h3{font-size:24px}
.writing-grid{gap:25px}.writing-item{grid-template-columns:100px 1fr}.site-footer{flex-wrap:wrap}.site-footer span{width:100%}.page-intro{padding:30px 0 15px}.page-intro h1{font-size:46px}.page-intro p{font-size:16px}.search-label{width:100%}.search-label input{flex:1;min-width:0}.masonry{column-gap:14px}.gallery-item h2{font-size:13px}.gallery-item .source{font-size:11px}.gallery-item p{display:none}.article-header{margin-top:30px}.article-header h1{font-size:38px}.article-body{font-size:17px}.post-grid{gap:12px}.viewer-stage{gap:6px}.viewer-stage img{max-width:calc(100% - 88px);max-height:58dvh}.viewer-stage .icon-button{width:38px;height:38px}.viewer-caption{align-items:flex-start;flex-direction:column;gap:12px}dialog{padding:12px}.section-heading{gap:10px}.section-heading h2{font-size:10px}.sample-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Design layer: premium — original cascade order preserved. */
:root{--bg:#060c10;--panel:#102027;--line:#284048;--mint:#8cf2ca;--text:#f5f5ed;--muted:#afc5ca;--dim:#7e9fa7}
body{background:radial-gradient(ellipse at 96% 8%,#194a4130,transparent 32%),radial-gradient(ellipse at 0 55%,#153a4225,transparent 36%),var(--bg)}
.wrap{width:min(1340px,calc(100% - 80px))}.site-header{padding:30px 0;border-bottom:1px solid #24413d85}.brand{font-weight:800;letter-spacing:-1.6px}nav a{position:relative;padding:7px 0}nav a[aria-current]:after{content:"";position:absolute;bottom:0;left:0;width:16px;height:2px;background:var(--mint)}
.hero{grid-template-columns:1.05fr 1fr;min-height:620px;padding:75px 0 65px;gap:10px}.hero:before{inset:0;background:radial-gradient(ellipse at 72% 47%,#235c5040,transparent 56%)}.hero h1{font-size:clamp(62px,7.6vw,106px);letter-spacing:-6px;line-height:.98;margin-bottom:28px}.hero h1 em{font-style:normal;color:var(--mint)}.hero .lead{font-size:19px;max-width:380px}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 18px #83f6cba0}.button{border-radius:3px;padding:15px 25px;box-shadow:0 7px 32px #65e7af15;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button.secondary{box-shadow:none;background:#09151ca0}.hero-note{margin-top:35px;display:flex;gap:20px;align-items:center;color:var(--dim);font-size:10px;letter-spacing:2px}.hero-note:before{content:"";width:40px;height:1px;background:var(--mint)}










.section-heading{padding-top:25px;margin-bottom:28px}.section-heading h2{font-size:12px;color:var(--muted)}.section-heading a{font-size:13px}
.project{min-height:385px;padding:35px;border-radius:12px;background:linear-gradient(135deg,#10272e,#0c171e);border-color:#315450;box-shadow:inset 0 1px 0 #7de2c51a;transition:transform .25s,border-color .25s}.project:hover{transform:translateY(-5px);border-color:#74c2a9}
.project h3{font-size:36px;letter-spacing:-1.5px;line-height:1.05}.project p{font-size:15px;max-width:235px}



.project .text-link{display:inline-block;border-bottom:1px solid #8cf2ca5c;padding-bottom:6px}



.writing-grid{gap:30px;margin-bottom:70px}.writing-item{grid-template-columns:180px 1fr;gap:24px;padding:22px;border:1px solid #233a40;border-radius:10px;background:linear-gradient(135deg,#14222980,transparent)}.writing-item img{height:185px;width:180px;border-radius:6px;object-position:top}.writing-item h3{font-size:22px;letter-spacing:-.6px}.writing-item p{font-size:14px}





.image-button{border:1px solid #345a50;box-shadow:0 12px 35px #0004}.image-button .zoom-label{background:#0b1c19e8;color:var(--mint);border-color:#679b85;transition:background .2s}.page-intro{padding:65px 0 35px}.page-intro h1{font-size:clamp(55px,7vw,92px);letter-spacing:-4px}.page-intro p{font-size:19px}.masonry{column-gap:28px}.gallery-item{margin-bottom:34px}.gallery-item h2{font-size:17px;letter-spacing:-.3px}.gallery-item .source{font-size:13px}.gallery-controls{border-bottom:1px solid var(--line);padding:23px 0}.filter{padding:10px 18px}.search-label input{background:#0b1920}.result-count{margin-top:18px}.gallery-item .image-button img{transition:filter .25s}.gallery-item .image-button:hover{border-color:var(--mint)}
.article-header{max-width:none;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;margin:55px auto 65px;padding:40px;background:radial-gradient(ellipse at 90% 40%,#275b4840,transparent 65%),linear-gradient(135deg,#122129,#081016);border:1px solid #35544d;border-radius:13px}.article-header h1{font-size:clamp(36px,4.2vw,59px);letter-spacing:-2px;line-height:1.08}.article-cover{padding:15px;max-height:470px;display:flex;justify-content:center;align-items:center;background:#09131770;border:1px solid #42675c;border-radius:9px;position:relative;overflow:hidden}.article-cover img{width:auto;height:auto;max-height:420px;max-width:100%;object-fit:contain;border-radius:4px}.article-cover .zoom-label{position:absolute;bottom:24px;right:24px;color:var(--mint);background:#071713dd;padding:7px 11px;font-size:12px;border:1px solid #688578;border-radius:4px}.article-layout{grid-template-columns:minmax(0,800px) 225px;gap:65px}.article-body{font-size:19px;line-height:1.85}.article-body h3{font-size:30px;letter-spacing:-.9px}.post-gallery{border-top:1px solid var(--line);padding-top:30px;margin-top:45px}.post-grid{gap:25px}.post-grid figcaption{font-size:13px}.article-aside{font-size:14px}.site-footer{padding:40px 0;margin-top:65px}.viewer-caption h2{font-size:22px}dialog{border-color:#476d60;background:radial-gradient(ellipse at 50% 30%,#173e3145,transparent 70%),#080f14;box-shadow:0 25px 100px #000c}.viewer-stage img{box-shadow:0 20px 55px #0008}.viewer-stage .icon-button{border-color:#4d7868;color:var(--mint)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){

}
@media(max-width:1000px){.hero{min-height:545px}.hero h1{font-size:78px}



.writing-item{grid-template-columns:115px 1fr;padding:16px;gap:18px}.writing-item img{width:115px;height:165px}.writing-item h3{font-size:20px}.article-header{gap:30px;padding:28px}.article-header h1{font-size:43px}.article-layout{grid-template-columns:minmax(0,1fr)}
.project h3{font-size:30px}
}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.site-header{padding:20px 0}.hero{grid-template-columns:1fr;min-height:auto;padding:45px 0 35px;gap:0}.hero h1{font-size:73px;letter-spacing:-4px}.hero .lead{font-size:18px}.hero-note{margin-top:25px}







.button{padding:14px 20px;gap:12px}.hero .actions{gap:12px}
.project{min-height:360px;padding:27px}.project h3{font-size:33px}.project p{font-size:15px}




.writing-grid{gap:18px;margin-bottom:45px}.writing-item{grid-template-columns:105px 1fr;gap:16px;padding:15px}.writing-item img{width:105px;height:165px}.writing-item h3{font-size:19px}.writing-item p{font-size:12px}.meta{font-size:9px}



.page-intro{padding:40px 0 25px}.page-intro h1{font-size:58px;letter-spacing:-2.8px}.page-intro p{font-size:17px}.masonry{columns:2;column-gap:14px}.gallery-item h2{font-size:13px}.gallery-item .source{font-size:11px}.filter{padding:9px 14px}.article-header{grid-template-columns:1fr;padding:24px;margin:30px 0 40px;gap:20px}.article-header h1{font-size:39px;letter-spacing:-1.7px}.article-cover{max-height:340px;padding:12px}.article-cover img{max-height:310px}.article-body{font-size:17px;line-height:1.8}.article-body h3{font-size:26px}.post-grid{gap:16px}.post-grid figcaption{font-size:12px}.article-layout{gap:30px}.site-footer{margin-top:45px}.viewer-caption h2{font-size:18px}.viewer-stage img{max-height:55dvh}}
@media(max-width:370px){.hero h1{font-size:62px}.hero .actions{flex-direction:column;align-items:flex-start}.project h3{font-size:29px}.article-header h1{font-size:33px}.writing-item{grid-template-columns:85px 1fr}.writing-item img{width:85px}.writing-item h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.button,.art-card,.project,.gallery-item img{transition:none}.project:hover,.button:hover{transform:none}}


/* Design layer: refined — original cascade order preserved. */
/* Refinement: content density and balanced hierarchy, rather than larger type. */
.hero{min-height:450px;padding:42px 0 35px;gap:25px}.hero h1{font-size:clamp(48px,5.1vw,70px);letter-spacing:-3px;line-height:1.07;margin-bottom:22px}.hero .lead{font-size:18px;max-width:400px}.hero-note{margin-top:25px}








.intro-strip{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:23px 0;margin-bottom:36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.intro-strip p{font-size:15px;color:var(--text);max-width:330px;margin:0}.intro-strip>div{display:flex;gap:25px;color:var(--dim);font-size:11px}.section-heading{border-top:0;padding-top:0;margin-bottom:19px}.section-heading h2{font-size:12px}.project{min-height:315px;padding:30px}.project h3{font-size:29px;letter-spacing:-.9px}



.writing-grid{gap:16px;margin-bottom:40px}.writing-item{grid-template-columns:125px 1fr;gap:20px;padding:18px}.writing-item img{width:125px;height:140px}.writing-item h3{font-size:18px;letter-spacing:-.4px}.writing-item p{font-size:12px}.writing-item .meta{font-size:10px;margin-top:9px}




.image-filmstrip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;border-top:1px solid var(--line);padding:26px 0}.film-image{position:relative;border:1px solid #34534d;background:#0d1a20;border-radius:6px;padding:0;color:var(--text);overflow:hidden;text-align:left}.film-image img{width:100%;height:145px;object-fit:cover;object-position:top}.film-image span{display:block;font-size:11px;padding:10px 12px;color:var(--muted)}.film-image:hover{border-color:var(--mint)}.site-footer{margin-top:30px;padding:30px 0}
@media(hover:hover) and (prefers-reduced-motion:no-preference){


}
@media(max-width:1000px){.hero h1{font-size:59px}

.intro-strip>div{gap:14px;font-size:10px}.writing-item{grid-template-columns:95px 1fr;padding:15px;gap:15px}.writing-item img{width:95px;height:130px}.writing-item h3{font-size:17px}.project{padding:25px}.project h3{font-size:26px}.film-image img{height:120px}}
@media(max-width:650px){.hero{grid-template-columns:1fr;padding:30px 0 20px;gap:0}.hero h1{font-size:52px;letter-spacing:-2px}.hero .lead{font-size:17px}.hero-note{margin-top:22px}






.intro-strip{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:28px;padding:20px 0}.intro-strip>div{flex-wrap:wrap;gap:12px;font-size:9px}.project{min-height:300px;padding:25px}.project h3{font-size:27px}
.writing-item{grid-template-columns:100px 1fr;padding:15px;gap:16px}.writing-item img{width:100px;height:140px}.writing-item h3{font-size:17px}.writing-grid{margin-bottom:30px}


.image-filmstrip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px 0}.film-image img{height:150px}.film-image:last-child{grid-column:1/-1}.film-image:last-child img{height:155px}.site-footer{margin-top:20px}}
@media(prefers-reduced-motion:reduce){
}


/* Design layer: studio — original cascade order preserved. */
/* Original art direction informed by Salient/Ohio/Uncode research. */
.site-header{border-bottom:1px solid #36504a80}.nav-inquiry{color:var(--mint);border:1px solid #547a6c;padding:7px 14px!important;border-radius:4px}nav{gap:25px;align-items:center}.studio-hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:45px;align-items:center;padding:48px 0 45px;min-height:510px}.studio-intro h1{font-size:clamp(41px,4.7vw,64px);line-height:1.12;letter-spacing:-2.5px;margin:0 0 24px}.studio-intro h1 span{color:var(--mint)}.studio-lead{max-width:410px;color:var(--muted);font-size:17px;line-height:1.8;margin:0 0 25px}.studio-link{align-self:center;color:var(--text);font-size:13px}.hero-signoff{margin-top:35px;display:flex;align-items:center;gap:20px}.signature{font-family:Georgia,serif;font-style:italic;font-size:30px;letter-spacing:-1px;color:var(--mint)}.hero-signoff>span:last-child{font-size:11px;color:var(--dim);border-left:1px solid var(--line);padding-left:20px}.creative-wall{position:relative;height:425px;isolation:isolate;border:1px solid #3c635550;border-radius:10px;background:radial-gradient(ellipse at 60% 55%,#35725f50,transparent 70%),#0b171e;overflow:hidden}.wall-grid{position:absolute;inset:0;background-image:linear-gradient(#6bad9120 1px,transparent 1px),linear-gradient(90deg,#6bad9120 1px,transparent 1px);background-size:55px 55px;opacity:.5;mask-image:linear-gradient(transparent,#000)}.wall-marker{position:absolute;top:17px;left:20px;font-size:9px;letter-spacing:2px;color:var(--dim)}.wall-screen{position:absolute;top:72px;left:28px;width:81%;padding:7px;border-radius:7px;border:1px solid #699a8860;background:#0b1117;transform:rotate(-6deg);box-shadow:0 25px 55px #0008}.screen-chrome{display:flex;justify-content:space-between;padding:2px 4px 7px;font-size:7px;color:var(--dim);letter-spacing:1px}.screen-chrome span:first-child{color:var(--mint)}.wall-screen img{width:100%;border-radius:4px}.wall-art{position:absolute;top:130px;right:14px;width:130px;transform:rotate(14deg);padding:5px;background:#0a1418;border:1px solid var(--mint);border-radius:7px;box-shadow:0 20px 50px #0009}.wall-back{position:absolute;top:235px;left:38px;width:95px;transform:rotate(-16deg);opacity:.9;box-shadow:0 15px 35px #0008}.wall-back img{border-radius:5px}.wall-label{position:absolute;bottom:23px;left:160px;right:20px;border-left:2px solid var(--mint);padding-left:15px}.wall-label span{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--mint)}.wall-label strong{font-size:19px;line-height:1.3;display:block;font-weight:500;margin-top:7px}.discipline-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;color:var(--muted);font-size:12px}.discipline-strip>a{color:var(--mint)}.studio-section-title{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:48px 0 22px}.studio-section-title .eyebrow{font-size:10px;margin-bottom:10px}.studio-section-title h2{font-size:32px;font-weight:600;letter-spacing:-1px;line-height:1.2;margin:0}.studio-section-title>a{font-size:12px;white-space:nowrap}.work-switcher{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:22px}.work-switcher button{flex:1;display:flex;align-items:center;gap:14px;padding:17px 16px;color:var(--muted);border:0;border-right:1px solid var(--line);background:transparent;text-align:left;font-size:13px}.work-switcher button:last-child{border-right:0}.work-switcher button>span:first-child{font-size:10px;color:var(--dim)}.work-switcher button>span:last-child{margin-left:auto}.work-switcher button[aria-pressed=true]{background:#23483a50;color:var(--mint);box-shadow:inset 0 -2px var(--mint)}#work-spotlight{display:grid;grid-template-columns:1.3fr .7fr;min-height:350px;border:1px solid #3b5e51;border-radius:10px;overflow:hidden;background:linear-gradient(120deg,#142b32,#0b151c)}.spotlight-media{position:relative;display:flex;align-items:center;justify-content:center;padding:45px 30px 30px;background:radial-gradient(ellipse at 50% 80%,#377e6835,transparent 70%);border-right:1px solid var(--line)}.spotlight-media>img{width:100%;height:auto;max-height:350px;object-fit:contain;border:1px solid #517c6460;border-radius:5px;box-shadow:0 20px 50px #0006}.spotlight-caption{position:absolute;top:17px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:var(--dim)}.spotlight-detail{position:absolute;bottom:20px;right:20px;background:var(--mint);color:#0d281e;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-size:22px}.portrait-work{min-height:370px}.portrait-work>img{height:300px;width:auto;transform:rotate(-8deg)}.spotlight-copy{padding:35px 30px;display:flex;flex-direction:column;justify-content:center}.spotlight-copy .eyebrow{font-size:9px;line-height:1.7;letter-spacing:1px}.spotlight-copy .eyebrow:before{flex-shrink:0}.spotlight-copy h3{font-size:30px;letter-spacing:-1px;line-height:1.1;margin:0 0 18px}.spotlight-copy p{font-size:14px;color:var(--muted)}.spotlight-actions{display:flex;align-items:flex-start;flex-direction:column;gap:15px;margin-top:15px}.spotlight-actions .button{font-size:12px;padding:11px 14px}


.approach-list>div{display:flex;gap:20px;border-bottom:1px solid var(--line);padding:15px 0}.approach-list>div:first-child{padding-top:0}.approach-list>div>span{font-size:11px;color:var(--mint);padding-top:5px}.approach-list h3{font-size:18px;margin:0 0 7px;font-weight:500}.approach-list p{font-size:13px;color:var(--muted);margin:0 0 10px}.studio-image-grid{display:grid;grid-template-columns:1fr 1.45fr 1fr;gap:20px;align-items:center}.studio-image{background:#0c171e;border:1px solid #3c5b4e;border-radius:6px;padding:12px;text-align:left;color:var(--text);overflow:hidden}.studio-image img{width:100%;height:auto;border-radius:3px}.studio-image>span{display:flex;justify-content:space-between;gap:10px;padding:14px 0 1px;font-size:12px;color:var(--muted)}.studio-image b{color:var(--mint);font-weight:400}.studio-image:hover{border-color:var(--mint)}.studio-notes{margin-top:55px;border-top:1px solid var(--line)}.collaboration{display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid #567b62;background:radial-gradient(ellipse at 90% 10%,#4e946243,transparent 60%),#10251f;padding:40px;margin:30px 0 45px;border-radius:9px}.collaboration h2{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:0 0 14px}.collaboration p:not(.eyebrow){color:var(--muted);font-size:15px}.collaboration-link{display:flex;align-items:center;flex-direction:column;gap:12px;font-size:60px;color:var(--mint);padding:20px}.collaboration-link span{font-size:13px}







@media(hover:hover) and (prefers-reduced-motion:no-preference){.wall-screen,.wall-art,.wall-back{transition:transform .45s}.creative-wall:hover .wall-screen{transform:rotate(-3deg) translateY(-3px)}.creative-wall:hover .wall-art{transform:rotate(9deg) translateY(-6px)}.creative-wall:hover .wall-back{transform:rotate(-20deg) translateY(-4px)}}
@media(max-width:950px){nav{gap:17px}.studio-hero{gap:30px}.studio-intro h1{font-size:47px}.studio-lead{font-size:15px}.creative-wall{height:395px}.wall-art{width:110px}.wall-back{width:80px}.wall-label{left:135px}.wall-label strong{font-size:17px}#work-spotlight{grid-template-columns:1.1fr .9fr}.spotlight-copy{padding:28px 22px}
}
@media(max-width:650px){nav{gap:18px;flex-wrap:wrap}.nav-inquiry{font-size:11px;padding:5px 9px!important}.studio-hero{grid-template-columns:1fr;padding:30px 0;gap:30px}.studio-intro h1{font-size:43px;letter-spacing:-1.6px}.studio-lead{font-size:16px}.hero-signoff{margin-top:25px}.creative-wall{height:340px}.wall-screen{top:62px;left:18px;width:80%}.wall-art{top:117px;width:98px;right:9px}.wall-back{top:209px;left:26px;width:72px}.wall-label{left:120px;bottom:17px}.wall-label strong{font-size:16px}.wall-marker{font-size:8px}.discipline-strip{flex-wrap:wrap;font-size:10px;gap:13px}.studio-section-title{margin-top:35px;align-items:start;gap:15px}.studio-section-title h2{font-size:25px}.studio-section-title>a{font-size:11px;white-space:normal;text-align:right}.work-switcher{flex-direction:column}.work-switcher button{border-right:0;border-bottom:1px solid var(--line);padding:13px 15px}.work-switcher button:last-child{border-bottom:0}#work-spotlight{grid-template-columns:1fr}.spotlight-media{border-right:0;border-bottom:1px solid var(--line);padding:42px 20px 25px;min-height:230px}.spotlight-copy{padding:25px}.spotlight-copy h3{font-size:29px}.spotlight-actions{flex-wrap:wrap;flex-direction:row;align-items:center}.spotlight-actions .text-link{font-size:12px}.spotlight-caption{font-size:8px;left:15px;right:15px}

.studio-image-grid{grid-template-columns:1fr 1fr;gap:14px}.studio-image{padding:8px}.studio-image:nth-child(2){grid-column:1/-1;grid-row:2}.studio-image>span{font-size:10px}.studio-notes{margin-top:35px}.collaboration{padding:25px;align-items:flex-start;gap:12px;flex-direction:column}.collaboration h2{font-size:30px}.collaboration-link{font-size:40px;flex-direction:row;padding:0;gap:18px}


}
@media(max-width:370px){nav{gap:14px}.studio-intro h1{font-size:38px}.creative-wall{height:325px}.wall-label{left:112px}.wall-label strong{font-size:14px}.signature{font-size:27px}}
/* Consistent gallery frames keep mixed artwork and screenshots aligned. */
#gallery-grid{display:grid;columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}
#gallery-grid .gallery-item{margin:0;min-width:0}
#gallery-grid .image-button{aspect-ratio:1;background:radial-gradient(ellipse at center,#19302f,#0b161e);display:flex;align-items:center;justify-content:center;padding:16px}
#gallery-grid .image-button img{width:100%;height:100%;object-fit:contain}
#gallery-grid .empty{grid-column:1/-1}
@media(max-width:850px){#gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:650px){#gallery-grid{gap:20px 14px}#gallery-grid .image-button{padding:10px}}

.studio-conviction{font-size:15px;line-height:1.7}.studio-conviction strong{color:var(--mint)}.studio-intro>.eyebrow{font-size:10px;letter-spacing:1.7px;line-height:1.8}


/* Design layer: wordpress — original cascade order preserved. */
nav ul{display:flex;gap:25px;list-style:none;margin:0;padding:0}
.article-cover{min-width:0;max-height:none;padding:0;background:#060d19}.article-cover .post-image-button{width:100%;min-width:0}.article-cover .post-image-button img{width:100%;height:420px;max-height:420px;object-fit:contain;border-radius:0}@media(max-width:650px){.article-cover .post-image-button img{height:300px;max-height:300px}}
.post-image-button{display:block;width:100%;padding:0;border:1px solid #408ec660;border-radius:6px;overflow:hidden;background:#060d19;cursor:zoom-in}.post-image-button img{display:block;margin:auto;max-height:580px;width:100%;object-fit:contain}.article-body .wp-block-gallery{gap:16px}.article-body .wp-block-gallery .post-image-button{height:100%}.article-body .wp-block-gallery .post-image-button img{aspect-ratio:1;height:100%;object-fit:contain}.post-image-button:hover{border-color:#408ec6}.post-image-button:focus-visible{outline:2px solid #cadcfc;outline-offset:4px}
.article-body{max-width:780px;margin:0 auto}.article-body img{max-width:100%;height:auto}
.archive-card img{object-fit:contain;background:#0c171e}
#motumbo-viewer>button{display:block;margin-left:auto}
.gallery-item .source{display:inline-block;margin-top:5px}
.wp-block-gallery img{object-fit:contain!important}
.studio-hero .studio-intro{max-width:580px}
@media(max-width:650px){nav ul{gap:16px;flex-wrap:wrap}}
.wp-featured-work .archive-card{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;padding:25px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.wp-featured-work .archive-card>a:first-child{grid-row:span 2}.wp-featured-work .archive-card img{height:320px}
.wp-featured-work [hidden]{display:none}
@media(max-width:650px){.wp-featured-work .archive-card{grid-template-columns:1fr}}
.wp-spotlight{display:grid;grid-template-columns:1.3fr .7fr;min-height:350px;border:1px solid #3b5e51;border-radius:10px;overflow:hidden;background:linear-gradient(120deg,#142b32,#0b151c)}
.wp-spotlight[hidden]{display:none}
nav .current-menu-item>a{color:var(--mint)}
nav li:last-child>a{color:var(--mint);border:1px solid #547a6c;padding:7px 14px;border-radius:4px}
@media(max-width:650px){.wp-spotlight{grid-template-columns:1fr}.wp-spotlight .spotlight-media{border-right:0;border-bottom:1px solid var(--line)}}

.studio-image-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.studio-image{display:flex;flex-direction:column;min-width:0}
.studio-image img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:radial-gradient(ellipse at center,#19302f,#0b161e)}
.studio-image>span{margin-top:auto}

@media(max-width:650px){.studio-image-grid{grid-template-columns:1fr}}

.approach-compact{grid-template-columns:.85fr 1.15fr;gap:50px;align-items:start;padding:32px 0;margin-top:40px}
.approach-compact h2{margin-bottom:0}
.approach-compact>div>p:not(.eyebrow){max-width:520px;margin-top:0}
.approach-compact .approach-mantra{margin:18px 0 0;line-height:1.8}
.approach-compact+.studio-notes{margin-top:10px}
@media(max-width:650px){.approach-compact{grid-template-columns:1fr;gap:20px}}

/* Visual depth: restrained type, stronger image framing and material contrast. */
body{background:radial-gradient(ellipse at 95% 0%,#163d3545,transparent 38%),radial-gradient(ellipse at 0% 65%,#15344735,transparent 45%),#070f14}
.site-header{position:relative}
.site-header:after{content:"";position:absolute;bottom:-1px;left:0;width:100px;height:1px;background:var(--mint);box-shadow:0 0 20px #8cf2ca70}
.creative-wall{background:radial-gradient(ellipse at 75% 40%,#38746180,transparent 65%),linear-gradient(135deg,#132d36,#081218);border-color:#527c6b;box-shadow:inset 0 1px 0 #a5f3cf20,0 25px 65px #0005}
.creative-wall:after{content:"";position:absolute;inset:12px;border:1px solid #94d9ba18;border-radius:5px;pointer-events:none;z-index:-1}
.wall-screen{top:55px;left:22px;width:84%;box-shadow:0 28px 60px #000b}
.wall-art{width:145px;right:16px;top:125px;border-color:#b4dfbd;box-shadow:0 22px 40px #000b}
.wall-back{width:110px;left:30px;top:235px;opacity:1}
.wall-label{left:175px}
.selected-work{position:relative}
.work-switcher{background:#11212880;border:1px solid #3e5d51;border-radius:7px;overflow:hidden;margin-bottom:16px}
.work-switcher button{padding:19px 18px}
.work-switcher button[aria-pressed=true]{background:linear-gradient(120deg,#31564480,#19382f);box-shadow:inset 0 -2px var(--mint);color:#b3ffdc}
.wp-spotlight,#work-spotlight{border-color:#638976;box-shadow:0 20px 55px #0005,inset 0 1px 0 #c0ffdf15;background:linear-gradient(120deg,#18363d,#101e24 65%)}
.spotlight-media{background:radial-gradient(ellipse at 50% 50%,#4a997a45,transparent 70%),repeating-linear-gradient(0deg,transparent,transparent 43px,#a5dfc809 44px),#0d2028;padding:55px 35px 40px}
.spotlight-media>img{border-color:#85b49b80;box-shadow:0 22px 45px #0009;max-height:360px}
.spotlight-copy{background:linear-gradient(150deg,#294f3a25,transparent);padding:38px 32px}
.spotlight-detail{box-shadow:0 5px 25px #8cf2ca25}
.writing-item{background:linear-gradient(135deg,#162a31,#0b161d);border-color:#38564e;box-shadow:inset 0 1px 0 #c0ffdf0a;transition:border-color .2s,background .2s}
.writing-item:hover{border-color:#7ac5a3;background:linear-gradient(135deg,#203b3e,#0e1e25)}
.writing-item img{object-fit:contain;background:radial-gradient(ellipse,#27473e,#091219);padding:8px;border:1px solid #55765d50}
.collaboration{background:radial-gradient(ellipse at 85% 20%,#658e5645,transparent 60%),linear-gradient(120deg,#18382a,#10261f);border-color:#8eac77;box-shadow:inset 0 1px 0 #d6ffd322,0 15px 45px #0004}
@media(max-width:650px){.wall-art{width:120px}.wall-back{width:90px}.wall-label{left:135px}.spotlight-media{padding:50px 20px 30px}.work-switcher button{padding:15px 10px}.spotlight-copy{padding:28px 24px}}
@media(prefers-reduced-motion:reduce){.writing-item{transition:none}}
.creative-wall img{display:block;width:100%;height:auto;max-width:100%}.studio-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.creative-wall{min-width:0}@media(max-width:650px){.studio-hero{grid-template-columns:minmax(0,1fr)}}
#gallery-grid .gallery-item[hidden],#gallery-empty[hidden]{display:none}#motumbo-viewer [data-sources]{display:flex;flex-direction:column;gap:10px;color:var(--mint)}body:has(#motumbo-viewer[open]){overflow:hidden}
.social-links{display:flex;flex-wrap:wrap;gap:14px 24px;width:auto}.social-links a{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#cadcfc}.social-links a:hover{color:#408ec6}.social-icon{width:18px;height:18px;flex:none;font-size:18px}.social-mark{border:1px solid currentColor;border-radius:4px;display:grid;place-items:center;font:bold 10px Arial}.contact-options{padding:25px 0 70px}.contact-email{display:inline-block;font-size:clamp(20px,3vw,32px);margin-bottom:30px;color:#cadcfc}.footer-socials{padding:0 0 30px}
.contact-intro .contact-quote{max-width:none;color:#cadcfc;font-size:clamp(20px,2.2vw,28px)}.contact-options .contact-email{font-size:clamp(23px,4.5vw,64px);font-weight:700;overflow-wrap:anywhere}.contact-intro h1{font-size:clamp(36px,5.7vw,80px)}.contact-options .eyebrow{margin-bottom:12px}
.contact-intro{padding-bottom:8px}.contact-intro h1{margin-bottom:22px;line-height:1.02}.contact-intro>p:not(.eyebrow){margin-top:0;margin-bottom:14px;line-height:1.45}.contact-intro .contact-quote{margin-bottom:0}.contact-options{padding-top:25px;padding-bottom:25px}.contact-options .contact-email{margin-bottom:0;line-height:1.15}

.site-header{gap:24px;flex-wrap:wrap}#primary-navigation{margin-left:auto}#primary-navigation>ul{flex-wrap:wrap;align-items:center;gap:16px 24px}#primary-navigation li{position:relative}#primary-navigation .sub-menu{display:block;padding:12px 18px;background:#060d19;border:1px solid #294977;min-width:190px}#primary-navigation .sub-menu li{margin:8px 0}#primary-navigation .sub-menu a{border:0;padding:0}.menu-toggle{display:none;background:#060d19;color:#cadcfc;border:1px solid #408ec6;padding:8px 14px;border-radius:4px}.submenu-toggle{background:none;color:#cadcfc;border:0;padding:4px 8px}.nav-ready #primary-navigation .sub-menu{display:none;position:absolute;top:100%;left:0;z-index:100}.nav-ready #primary-navigation .submenu-open>.sub-menu{display:block}#primary-navigation>ul>li:last-child>.sub-menu{left:auto;right:0}@media(max-width:900px){.nav-ready .menu-toggle{display:block;margin-left:auto}.nav-ready #primary-navigation{display:none;width:100%;margin:0}.nav-ready #primary-navigation.menu-open{display:block}#primary-navigation>ul{display:flex;flex-direction:column;align-items:stretch;gap:10px}#primary-navigation>ul>li>a{display:inline-block;padding:8px 0} .nav-ready #primary-navigation .sub-menu{position:static;margin:6px 0 0 14px;min-width:0}.site-header .brand{font-size:25px}}

.studio-hero:not(:has(.creative-wall)){grid-template-columns:minmax(0,1fr)}.nav-ready .menu-toggle[hidden]{display:none}


/* Design layer: palette-blue — original cascade order preserved. */

:root{--mint:#408ec6;--text:#cadcfc;--muted:#acbedc;--dim:#859bbd;--line:#294977;--panel:#142951}
body{background:radial-gradient(ellipse at 95% 0%,#408ec621,transparent 38%),radial-gradient(ellipse at 0% 65%,#1e276166,transparent 45%),#00246b}
.site-header{border-color:#294977}.site-header:after{background:#408ec6;box-shadow:0 0 20px #408ec655}
nav li:last-child>a,.nav-inquiry{color:#cadcfc;border-color:#408ec6!important}
.button{color:#061939;background:#408ec6;border-color:#408ec6}
.button.secondary{background:transparent;color:#cadcfc;border-color:#408ec6}
.studio-intro h1 span,.studio-conviction strong,.signature,.text-link,.collaboration-link{color:#cadcfc}
.creative-wall{background:radial-gradient(ellipse at 75% 40%,#408ec645,transparent 65%),linear-gradient(135deg,#1e2761,#071e4c);border-color:#408ec6}
.creative-wall:after{border-color:#cadcfc20}
.wall-grid{background-image:linear-gradient(#cadcfc14 1px,transparent 1px),linear-gradient(90deg,#cadcfc14 1px,transparent 1px)}
.wall-screen{background:#091d43;border-color:#408ec6}
.wall-art{background:#0c2045;border-color:#cadcfc}
.wall-label{border-color:#408ec6}
.discipline-strip,.site-footer{border-color:#294977}
.work-switcher{background:#1e276166;border-color:#294977}
.work-switcher button{border-color:#294977}
.work-switcher button[aria-pressed=true]{background:linear-gradient(120deg,#408ec645,#1e2761);color:#cadcfc;box-shadow:inset 0 -2px #408ec6}
.wp-spotlight,#work-spotlight{background:linear-gradient(120deg,#1e2761,#102b57);border-color:#408ec6}
.spotlight-media{background:radial-gradient(ellipse,#408ec638,transparent 70%),repeating-linear-gradient(0deg,transparent,transparent 43px,#cadcfc09 44px),#102349;border-color:#294977}
.spotlight-media>img{border-color:#408ec680}
.spotlight-copy{background:linear-gradient(150deg,#408ec615,transparent)}
.spotlight-detail{background:#408ec6;color:#061939;box-shadow:none}
.writing-item{background:linear-gradient(135deg,#1e2761,#102349);border-color:#294977}
.writing-item:hover{background:linear-gradient(135deg,#243975,#142e5b);border-color:#408ec6}
.writing-item img{background:radial-gradient(ellipse,#294977,#0c2045);border-color:#408ec650}
.collaboration{background:radial-gradient(ellipse at 85% 20%,#408ec630,transparent 60%),linear-gradient(120deg,#1e2761,#102349);border-color:#408ec6}
#gallery-grid .image-button{background:radial-gradient(ellipse,#1e2761,#102349);border-color:#294977}
.image-button .zoom-label{background:#102349ed;color:#cadcfc;border-color:#408ec6}
.article-cover,.article-header{background:#142951;border-color:#294977}
.article-body{color:#cadcfc}.hero-signoff>span:last-child{border-color:#294977}
body{background:#000}
.wall-label{background:#050d1cf5;padding:12px 16px;border:1px solid #408ec680;border-left:2px solid #408ec6;border-radius:4px;bottom:18px;z-index:5}.wall-label span{color:#cadcfc}.wall-label strong{color:#f0f5ff;margin-top:5px}.wall-marker{color:#cadcfc}.screen-chrome{color:#cadcfc}

.creative-wall{overflow:visible;margin-bottom:75px}
.wall-label{top:calc(100% + 16px);bottom:auto;left:0;right:0;background:none;border:0;border-radius:0;padding:0 0 0 14px;border-left:2px solid #408ec6}
.wall-label strong{font-size:18px}
@media(max-width:650px){.creative-wall{margin-bottom:90px}.wall-label{left:0;right:0}}


/* Design layer: motion — original cascade order preserved. */

/* Motion follows the content hierarchy; all elements remain visible without JS. */
@keyframes motumbo-enter{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
@keyframes motumbo-project{from{opacity:0;translate:22px 0}to{opacity:1;translate:0 0}}
.studio-intro{animation:motumbo-enter .7s cubic-bezier(.2,.7,.2,1) both}
.wall-screen{animation:motumbo-enter .85s .12s cubic-bezier(.2,.7,.2,1) both}
.wall-art{animation:motumbo-enter .85s .24s cubic-bezier(.2,.7,.2,1) both}
.wall-back{animation:motumbo-enter .85s .36s cubic-bezier(.2,.7,.2,1) both}
.wall-label{animation:motumbo-enter .7s .4s ease both}
.wall-screen,.wall-art,.wall-back{transition:transform .7s cubic-bezier(.22,.61,.36,1),translate .7s cubic-bezier(.22,.61,.36,1),filter .5s ease}
.wall-screen:hover,.wall-art:hover,.wall-back:hover{translate:0 -3px;filter:brightness(1.04)}
.wp-spotlight:not([hidden]) .spotlight-media>img,#work-spotlight .spotlight-media>img{animation:motumbo-project .5s cubic-bezier(.2,.7,.2,1) both}
.wp-spotlight:not([hidden]) .spotlight-copy,#work-spotlight .spotlight-copy{animation:motumbo-enter .4s .08s ease both}
.motion-ready .reveal-pending{opacity:0;translate:0 18px}
.reveal-pending{transition:opacity .6s ease,translate .6s cubic-bezier(.2,.7,.2,1)}
.motion-ready .reveal-visible{opacity:1;translate:0 0}
.studio-link,.text-link{transition:color .2s ease}
.studio-link:hover,.text-link:hover{color:#fff}
.work-switcher button{transition:background .25s ease,color .25s ease}
.writing-item{transition:translate .25s ease,border-color .25s ease}
.writing-item:hover{translate:0 -3px}
@media(prefers-reduced-motion:reduce){
.studio-intro,.wall-screen,.wall-art,.wall-back,.wall-label,.wp-spotlight .spotlight-media>img,.wp-spotlight .spotlight-copy,#work-spotlight .spotlight-media>img,#work-spotlight .spotlight-copy{animation:none}
.motion-ready .reveal-pending{opacity:1;translate:none}
.reveal-pending,.writing-item,.wall-screen,.wall-art,.wall-back,.work-switcher button{transition:none}
.wall-screen:hover,.wall-art:hover,.wall-back:hover,.writing-item:hover{translate:none}
}

.wall-screen img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#050d1c}
.wall-art img,.wall-back img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#050d1c}

.wall-screen{padding:5px}
.wall-screen.hero-portrait{width:44%;max-width:245px;left:25%;top:30px;background:none;border:0;padding:0}
.wall-screen.hero-portrait img{aspect-ratio:auto;height:330px;width:100%;object-fit:contain;background:none;border-radius:4px}
@media(max-width:650px){.wall-screen.hero-portrait{width:48%;left:23%;top:20px}.wall-screen.hero-portrait img{height:260px}}


/* Art-directed collage with bounded frames and one consistent positioning system. */
.creative-wall{display:block;height:425px;padding:0;overflow:visible}
.creative-wall .wall-screen,.creative-wall .wall-art,.creative-wall .wall-back{
position:absolute;inset:auto;margin:0;min-width:0;min-height:0;max-width:none;box-sizing:border-box;padding:5px;border:1px solid #408ec6;border-radius:6px;background:#07152c;box-shadow:0 18px 35px #0007;
transition:transform .7s cubic-bezier(.22,.61,.36,1),filter .5s ease
}
.creative-wall .wall-screen{width:72%;height:59%;left:10%;top:23%;transform:rotate(-6deg);z-index:1}
.creative-wall.hero-portrait .wall-screen{width:40%;height:74%;left:29%;top:13%;transform:rotate(-6deg)}
.creative-wall .wall-art,.creative-wall.hero-portrait .wall-art,.creative-wall.hero-portrait .wall-art.image-landscape{width:26%;height:43%;right:6%;left:auto;top:38%;bottom:auto;transform:rotate(10deg);z-index:3}
.creative-wall .wall-back,.creative-wall.hero-portrait .wall-back,.creative-wall.hero-portrait .wall-back.image-landscape{width:25%;height:38%;left:6%;right:auto;top:auto;bottom:8%;transform:rotate(-12deg);z-index:2}
.creative-wall .wall-screen img,.creative-wall.hero-portrait .wall-screen img,.creative-wall .wall-art img,.creative-wall .wall-back img{width:100%;height:100%;max-height:100%;aspect-ratio:auto;object-fit:contain;background:none;border-radius:3px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.creative-wall:hover .wall-screen{transform:rotate(-3deg) translateY(-3px)}
.creative-wall:hover .wall-art{transform:rotate(6deg) translateY(-4px)}
.creative-wall:hover .wall-back{transform:rotate(-8deg) translateY(-3px)}
.creative-wall .wall-screen:hover,.creative-wall .wall-art:hover,.creative-wall .wall-back:hover{translate:none;filter:brightness(1.04)}
}
@media(max-width:650px){.creative-wall{height:330px}.creative-wall .wall-screen{height:53%;top:25%}.creative-wall.hero-portrait .wall-screen{height:73%;top:14%}}
@media(prefers-reduced-motion:reduce){.creative-wall .wall-screen,.creative-wall .wall-art,.creative-wall .wall-back{animation:none;transition:none}}

/* Image-sized outlines; positioning slots are invisible. */
.creative-wall .wall-screen,.creative-wall.hero-portrait .wall-screen,.creative-wall .wall-art,.creative-wall .wall-back{display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;box-shadow:none}
.creative-wall .wall-screen img,.creative-wall.hero-portrait .wall-screen img,.creative-wall .wall-art img,.creative-wall .wall-back img{width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:auto;object-fit:contain;border:1px solid #408ec6;border-radius:5px;box-sizing:border-box;box-shadow:0 18px 35px #0007}
.creative-wall.image-canvas{overflow:visible;background:radial-gradient(ellipse at 50% 50%,#1e27616b,transparent 74%);border:0;box-shadow:none}
.creative-wall.image-canvas:after{border:0}
.image-canvas .wall-marker{display:none}
.canvas-image{position:absolute;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;cursor:zoom-in;z-index:2}
.canvas-image img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;border:0;border-radius:5px;transform:rotate(var(--image-angle));box-shadow:0 15px 35px #0007}
.canvas-image:focus-visible{outline:2px solid #cadcfc;outline-offset:5px}
.image-canvas .wall-grid{opacity:.25}
.image-canvas .canvas-image{cursor:default;pointer-events:none}

/* Preserve the original text arrow without color-emoji fallback. */
.collaboration-link .collaboration-arrow{font-family:"Segoe UI Symbol",Arial,sans-serif;font-size:1em;font-weight:400;font-variant-emoji:text;line-height:1;display:block;flex:none}

/* Keep input hints readable against dark control backgrounds. */
input::placeholder,textarea::placeholder{color:#acbedc;opacity:1}