:root{--ink:#111;--paper:#fff;--muted:#6b6b6b;--line:#d8d8d8;--blue:#4b82ad;--max:1320px;--nav:76px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-weight:300;line-height:1.55}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}
.site-header{height:var(--nav);display:flex;align-items:center;justify-content:center;padding:0 28px;background:#fff;border-bottom:1px solid rgba(0,0,0,.08);position:sticky;top:0;z-index:40}.brand{display:none;font-family:Arial,Helvetica,sans-serif;font-size:22px;letter-spacing:.03em}.nav{display:flex;gap:28px;align-items:center}.nav a{font-size:12px;letter-spacing:.19em;font-weight:500;white-space:nowrap}.nav a:hover,.nav a.active{opacity:.45}.menu-button{display:none;border:0;background:none;font-size:24px;padding:8px}
.page{min-height:calc(100vh - var(--nav))}.container{width:min(var(--max),calc(100% - 80px));margin:auto}.narrow{width:min(920px,calc(100% - 80px));margin:auto}.section{padding:82px 0}.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,6vw,90px);line-height:.95;letter-spacing:.025em;font-weight:400}h2{font-size:clamp(27px,3vw,44px);line-height:1.1;font-weight:400}h3{font-size:22px;font-weight:400}.lede{font-family:Arial,Helvetica,sans-serif;font-size:clamp(20px,2.1vw,31px);line-height:1.45}.body-copy{font-size:17px;line-height:1.8}.muted{color:var(--muted)}
.hero{height:calc(100vh - var(--nav));min-height:620px;display:grid;grid-template-columns:minmax(320px,1.03fr) minmax(320px,.97fr);overflow:hidden}.hero-image{background:url('https://static.wixstatic.com/media/325c12_f975216a134b4c19b50112e891cdf3ff~mv2.jpg/v1/fill/w_1400,h_1200,al_c,q_90/325c12_f975216a134b4c19b50112e891cdf3ff~mv2.jpg') center/cover no-repeat}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:8vw;position:relative}.hero-copy .role{font-family:Arial,Helvetica,sans-serif;font-size:clamp(19px,2vw,29px);line-height:1.35;max-width:630px}.hero-copy .mission{font-size:15px;line-height:1.8;max-width:520px;margin:30px 0 58px}.hero-copy h1{font-size:clamp(52px,7vw,108px);margin-bottom:16px}.photo-credit{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.page-title{padding:85px 0 45px;border-bottom:1px solid var(--line)}.page-title h1{margin:0}.intro-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;align-items:start}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.feature-card img{aspect-ratio:1.06;object-fit:cover;margin-bottom:24px;filter:grayscale(15%)}.feature-card h2{font-size:28px}.plain-list{padding:0;margin:22px 0 0;list-style:none}.plain-list li{padding:6px 0;border-bottom:1px solid #eee;font-size:15px}
.full-image{width:100%;height:min(76vh,820px);object-fit:cover}.country-line{font-size:clamp(18px,2.4vw,34px);line-height:1.6;letter-spacing:.04em;text-align:center;padding:55px 4vw}
.gallery{columns:3 300px;column-gap:18px}.gallery figure{break-inside:avoid;margin:0 0 18px;cursor:zoom-in;overflow:hidden;background:#eee}.gallery img{width:100%;transition:transform .5s ease}.gallery figure:hover img{transform:scale(1.018)}.gallery-placeholder{min-height:260px;background:linear-gradient(135deg,#ededed,#d2d2d2);display:grid;place-items:center;color:#777;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.notice{border:1px solid var(--line);padding:24px;font-size:14px;color:#555;margin-bottom:36px}
.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{position:relative;min-height:430px;overflow:hidden;background:#111;color:#fff}.project-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:.67;transition:.5s}.project-card:hover img{transform:scale(1.03);opacity:.55}.project-card-content{position:absolute;inset:auto 0 0;padding:30px;background:linear-gradient(transparent,rgba(0,0,0,.88))}.project-card h2{font-size:27px;margin-bottom:8px}.project-card p{font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:0}.project-header{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:90px 0 65px}.project-header h1{font-size:clamp(38px,5vw,74px)}
.about-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}.about-grid img{width:100%}.logo-image{max-width:420px;margin-top:35px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - var(--nav))}.contact-photo{background:url('https://static.wixstatic.com/media/325c12_c6dface27a7a4cedbe12092f79871b81~mv2.jpg/v1/fill/w_1100,h_1000,al_c,q_90/325c12_c6dface27a7a4cedbe12092f79871b81~mv2.jpg') center/cover}.contact-panel{padding:7vw;display:flex;flex-direction:column;justify-content:center}.contact-panel h1{font-size:54px}.email-link{font-family:Arial,Helvetica,sans-serif;font-size:23px;margin-bottom:35px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin-bottom:20px}.field label{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px}.field input,.field textarea{width:100%;border:0;border-bottom:1px solid #888;padding:11px 0;background:transparent;outline:none}.field textarea{min-height:120px;resize:vertical}.submit{border:1px solid #111;background:#111;color:#fff;padding:14px 28px;letter-spacing:.14em;text-transform:uppercase;font-size:11px;cursor:pointer}.submit:hover{background:#fff;color:#111}.form-note{font-size:12px;color:#666;margin-top:15px}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:100;display:none;align-items:center;justify-content:center;padding:40px}.lightbox.open{display:flex}.lightbox img{max-height:90vh;max-width:92vw}.lightbox-close{position:absolute;right:25px;top:18px;color:#fff;background:none;border:0;font-size:34px;cursor:pointer}
.footer{padding:38px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#777}
@media(max-width:900px){:root{--nav:64px}.site-header{justify-content:space-between}.brand{display:block}.menu-button{display:block}.nav{display:none;position:absolute;left:0;right:0;top:64px;background:#fff;padding:25px 30px 32px;flex-direction:column;align-items:flex-start;border-bottom:1px solid #ddd}.nav.open{display:flex}.hero{height:auto;min-height:0;grid-template-columns:1fr}.hero-image{height:62vh;min-height:430px}.hero-copy{padding:60px 35px 70px}.container,.narrow{width:min(100% - 40px,var(--max))}.section{padding:58px 0}.intro-grid,.about-grid,.project-header{grid-template-columns:1fr;gap:35px}.feature-grid,.projects-grid{grid-template-columns:1fr}.project-card{min-height:390px}.contact-grid{grid-template-columns:1fr}.contact-photo{min-height:55vh}.contact-panel{padding:60px 28px}.gallery{columns:2 240px}.footer{padding:30px 20px;display:block}.footer span{display:block;margin:5px 0}}
@media(max-width:560px){.gallery{columns:1}.form-row{grid-template-columns:1fr}.page-title{padding:55px 0 30px}.hero-copy h1{font-size:49px}.country-line{text-align:left}.contact-panel h1{font-size:42px}}

/* Home page — closely preserves Alison's original Wix composition */
.home-page{background:#000;color:#fff;min-height:100vh;overflow-x:hidden}.home-header{height:48px;min-height:48px;background:#000;border:0;position:relative;padding:0 20px}.home-header .nav{gap:34px}.home-header .nav a{color:#aaa;font-size:9px;letter-spacing:.035em;font-weight:400}.home-header .nav a:hover,.home-header .nav a.active{color:#1689d5;opacity:1}.home-main{padding:0 6px 0}.home-hero{height:calc(100vh - 190px);min-height:570px;max-height:780px;position:relative;overflow:hidden;background-image:url('https://static.wixstatic.com/media/325c12_f975216a134b4c19b50112e891cdf3ff~mv2.jpg/v1/fill/w_1920,h_900,al_c,q_90/325c12_f975216a134b4c19b50112e891cdf3ff~mv2.jpg');background-position:center center;background-size:cover;background-repeat:no-repeat}.home-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,transparent 58%,rgba(0,0,0,.12) 74%,rgba(0,0,0,.28) 100%);pointer-events:none}.home-hero-copy{position:absolute;z-index:2;left:69.9%;top:15.8%;width:27.5%;min-width:390px}.home-hero-copy h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(31px,2.35vw,45px);font-weight:300;line-height:1;letter-spacing:.17em;white-space:nowrap;margin:0 0 35px;color:#f3c6ca}.home-role{font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:600;line-height:1.4;color:#e5df36;margin:0 0 15px;white-space:nowrap}.home-mission{font-family:Arial,Helvetica,sans-serif;font-style:italic;font-size:10px;line-height:1.55;color:#fff;margin:0}.home-photo-credit{position:absolute;z-index:2;right:8.15%;top:57.4%;font-size:6px;letter-spacing:.015em;color:#b6bd37}.home-photo-credit:hover{color:#d9df4a}.home-page .footer{display:none}
@media(max-width:1100px){.home-header .nav{gap:22px}.home-hero-copy{left:auto;right:6%;width:42%;min-width:0}.home-hero-copy h1{font-size:clamp(27px,4vw,40px)}.home-role{white-space:normal}.home-photo-credit{right:6%}}
@media(max-width:900px){.home-header{height:64px;background:#000}.home-header .brand{color:#eee;font-size:17px;font-family:Arial,Helvetica,sans-serif;letter-spacing:.12em;text-transform:uppercase}.home-header .menu-button{color:#fff}.home-header .nav{top:64px;background:#050505;border-color:#222;z-index:20}.home-header .nav a{font-size:11px;color:#ccc}.home-main{padding:0}.home-hero{height:calc(100vh - 64px);max-height:none;min-height:620px;background-position:41% center}.home-hero::after{background:linear-gradient(0deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.05) 58%)}.home-hero-copy{left:28px;right:28px;top:auto;bottom:56px;width:auto}.home-hero-copy h1{font-size:clamp(34px,8vw,54px);white-space:normal;margin-bottom:20px}.home-role{font-size:11px}.home-mission{font-size:11px}.desktop-break{display:none}.home-photo-credit{top:auto;bottom:22px;right:28px;font-size:7px}}
@media(max-width:560px){.home-hero{background-position:38% center}.home-hero-copy h1{letter-spacing:.11em}.home-mission{max-width:420px}}

/* Dark Wix-inspired interior pages */
.dark-site{background:#000;color:#f4f4f4;font-family:Arial,Helvetica,sans-serif;min-height:100vh}.dark-header{position:relative;top:auto;height:70px;background:#000;border:0}.dark-header .nav{gap:46px}.dark-header .nav a{color:#c7c7c7;font-size:13px;letter-spacing:.015em;font-weight:400}.dark-header .nav a.active,.dark-header .nav a:hover{color:#168be0;opacity:1}.overview-page{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:65px 0 90px}.overview-intro{text-align:center}.overview-intro h1{font-size:54px;font-weight:400;letter-spacing:.02em;margin-bottom:23px}.overview-intro p{font-size:17px;line-height:1.82;margin:0 auto;color:#f1f1f1}.overview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:105px}.overview-cards img{width:100%;height:258px;object-fit:cover}.overview-cards h2{font-size:26px;line-height:1.15;color:#f6ae23;margin:17px 8px 23px;font-weight:400;white-space:nowrap}.overview-cards ul{list-style:none;margin:0 10px;padding:0}.overview-cards li{font-size:15px;line-height:1.82;color:#f1f1f1}.workshops-page{width:min(1290px,calc(100% - 60px));margin:0 auto;padding:45px 0 90px}.workshop-collage{height:760px;position:relative}.workshop-collage img{position:absolute;object-fit:cover}.wc-one{left:4%;top:0;width:34%;height:295px}.wc-two{left:29.5%;top:45px;width:27%;height:415px;z-index:2}.wc-three{right:4%;top:18px;width:37%;height:320px}.wc-four{left:0;top:398px;width:36%;height:310px}.wc-five{right:4%;top:374px;width:36%;height:260px}.countries{font-size:20px;letter-spacing:.01em;text-align:center;font-weight:700;margin:18px 0 0;white-space:nowrap}.countries span{color:#f0b822}.countries em{color:#ecc4c9;font-style:normal}.countries i{color:#55cdbf;font-style:normal}.countries strong{color:#c4acd5}.countries u{color:#8da4e1;text-decoration:none}.countries mark{color:#ff4d4d;background:none}.countries small{font-size:inherit;color:#b5d941}.exhibitions-page{padding:55px 0 70px}.exhibitions-page h1{text-align:center;font-size:29px;letter-spacing:.025em;font-weight:400;margin:0 0 44px}.exhibition-carousel{position:relative;width:100%;padding:0 58px 52px}.carousel-viewport{overflow:hidden}.carousel-track{display:flex;gap:8px;transition:transform .55s cubic-bezier(.22,.61,.36,1);will-change:transform}.carousel-track img{flex:0 0 calc((100vw - 150px)/5.65);height:360px;min-width:190px;object-fit:cover;background:#161616;cursor:pointer}.carousel-arrow{position:absolute;top:158px;z-index:3;width:48px;height:70px;border:0;background:rgba(0,0,0,.2);color:#fff;font-size:58px;font-weight:200;line-height:1;cursor:pointer}.carousel-arrow:hover{background:rgba(255,255,255,.08)}.carousel-arrow.prev{left:5px}.carousel-arrow.next{right:5px}.carousel-dots{display:flex;justify-content:center;gap:15px;margin-top:33px}.carousel-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#777;cursor:pointer}.carousel-dots button.active{background:#168be0}.carousel-track img:focus{outline:2px solid #168be0;outline-offset:-2px}
@media(max-width:1000px){.dark-header .nav{gap:24px}.overview-cards{gap:22px}.overview-cards h2{font-size:21px}.workshop-collage{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}.workshop-collage img{position:static;width:100%;height:300px}.workshop-collage .wc-two{height:420px}.countries{white-space:normal;line-height:1.65}.carousel-track img{flex-basis:calc((100vw - 120px)/3.2)}}
@media(max-width:900px){.dark-header{height:64px;justify-content:space-between}.dark-header .brand{display:block;color:#eee;font-size:17px}.dark-header .menu-button{display:block;color:#fff}.dark-header .nav{top:64px;background:#050505;border-color:#222}.overview-page{padding-top:45px}.overview-intro p br{display:none}.overview-cards{grid-template-columns:1fr;margin-top:60px}.overview-cards article{max-width:560px;margin:auto;width:100%}.overview-cards img{height:auto}.overview-cards h2{font-size:28px}.workshops-page{width:min(100% - 30px,700px)}.carousel-track img{flex-basis:calc((100vw - 100px)/2.15)}}
@media(max-width:560px){.overview-intro h1{font-size:42px}.overview-intro p{font-size:15px}.workshop-collage{grid-template-columns:1fr}.workshop-collage img,.workshop-collage .wc-two{height:auto}.countries{font-size:16px}.exhibition-carousel{padding-left:38px;padding-right:38px}.carousel-track img{flex-basis:calc(100vw - 76px);height:420px}.carousel-arrow{top:190px;width:36px}.carousel-arrow.prev{left:0}.carousel-arrow.next{right:0}}

/* V4: permanent black canvas, Wix-style coverflow and About parallax */
html,body{background:#000!important;color:#f4f4f4}
body:not(.home-page){min-height:100vh}
.site-header{background:#000!important;border-color:transparent!important}
.page,.section,.page-title,.footer,.contact-grid,.project-hero,.projects-index{background:#000;color:#f4f4f4}
.footer{border-color:#222}.body-copy,.lede,.plain-list li{color:#f4f4f4}.plain-list li{border-color:#222}

/* exhibition cover-flow */
.exhibitions-page{min-height:calc(100vh - 70px);overflow:hidden;padding:58px 0 70px;background:#000}
.exhibition-carousel{height:545px;padding:0;perspective:1400px;overflow:visible;position:relative}
.carousel-viewport{height:440px;overflow:visible;position:relative;width:100%}
.carousel-track{display:block;position:relative;height:100%;width:100%;transform:none!important;transition:none;will-change:auto}
.carousel-track img{position:absolute;left:50%;top:50%;width:min(33vw,520px);height:330px;min-width:0;object-fit:cover;transform:translate(-50%,-50%) scale(.58);opacity:0;filter:brightness(.65);box-shadow:0 18px 55px rgba(0,0,0,.68);transition:transform .75s cubic-bezier(.22,.61,.36,1),opacity .55s ease,filter .55s ease,z-index 0s;cursor:pointer;pointer-events:none}
.carousel-track img[data-cover-pos="0"]{z-index:8;opacity:1;filter:brightness(1);transform:translate(-50%,-50%) scale(1);pointer-events:auto}
.carousel-track img[data-cover-pos="-1"]{z-index:7;opacity:.95;transform:translate(-92%,-50%) scale(.82) rotateY(8deg);pointer-events:auto}
.carousel-track img[data-cover-pos="1"]{z-index:7;opacity:.95;transform:translate(-8%,-50%) scale(.82) rotateY(-8deg);pointer-events:auto}
.carousel-track img[data-cover-pos="-2"]{z-index:6;opacity:.72;transform:translate(-128%,-50%) scale(.66) rotateY(12deg)}
.carousel-track img[data-cover-pos="2"]{z-index:6;opacity:.72;transform:translate(28%,-50%) scale(.66) rotateY(-12deg)}
.carousel-track img[data-cover-pos="-3"]{z-index:5;opacity:.38;transform:translate(-155%,-50%) scale(.52)}
.carousel-track img[data-cover-pos="3"]{z-index:5;opacity:.38;transform:translate(55%,-50%) scale(.52)}
.carousel-arrow{top:190px;background:transparent;font-size:62px}.carousel-arrow:hover{background:transparent;color:#168be0}
.carousel-dots{position:absolute;left:0;right:0;bottom:32px;margin:0}

/* About fixed-background/parallax motion */
.about-page{overflow-x:hidden;background:#000}
.about-hero{position:relative;min-height:900px;overflow:hidden;isolation:isolate}
.about-backdrop{position:absolute;inset:-12% -5%;z-index:-2;background:
 radial-gradient(circle at 18% 28%,rgba(153,91,182,.82),transparent 42%),
 radial-gradient(circle at 76% 64%,rgba(90,81,190,.78),transparent 45%),
 linear-gradient(115deg,#402753 0%,#8461a4 45%,#6874ce 100%);transform:translate3d(0,var(--about-bg-y,0px),0) scale(1.08);will-change:transform}
.about-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,5,28,.25),rgba(68,35,93,.12),rgba(36,43,102,.18));mix-blend-mode:multiply}
.about-inner{width:min(1180px,calc(100% - 70px));margin:0 auto;min-height:900px;display:grid;grid-template-columns:1.12fr .88fr;gap:82px;align-items:center;padding:90px 0 100px}
.about-copy,.about-portrait{will-change:transform;transition:transform .08s linear}
.about-copy{transform:translate3d(0,var(--about-copy-y,0px),0)}
.about-copy h1{text-transform:none;font-size:clamp(40px,4vw,64px);letter-spacing:.02em;font-weight:400;margin-bottom:34px}
.about-copy p{font-size:16px;line-height:1.82;max-width:650px;color:#fff}
.about-portrait{margin:0;transform:translate3d(0,var(--about-photo-y,0px),0)}
.about-portrait img{width:100%;max-height:650px;object-fit:cover;box-shadow:0 28px 70px rgba(10,2,20,.45)}
.about-portrait figcaption{margin-top:10px;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#e6d8ef}
.collaborations-section{position:relative;background:#000;min-height:470px;padding:70px 20px 110px;text-align:center}
.collaborations-inner{width:min(760px,100%);margin:auto;opacity:0;transform:translateY(55px);transition:opacity .85s ease,transform .85s cubic-bezier(.22,.61,.36,1)}
.collaborations-inner.visible{opacity:1;transform:none}
.collaborations-inner h2{font-size:34px;margin-bottom:24px}
.collaborations-inner p{line-height:1.8;margin-bottom:35px}.collaborations-inner .logo-image{width:210px;margin:0 auto}
@media(max-width:900px){.carousel-track img{width:min(62vw,460px);height:320px}.carousel-track img[data-cover-pos="-1"]{transform:translate(-78%,-50%) scale(.74)}.carousel-track img[data-cover-pos="1"]{transform:translate(-22%,-50%) scale(.74)}.carousel-track img[data-cover-pos="-2"],.carousel-track img[data-cover-pos="2"]{opacity:.25}.about-inner{grid-template-columns:1fr;gap:45px;padding-top:70px}.about-hero{min-height:1200px}.about-inner{min-height:1200px}.about-portrait{width:min(560px,100%);margin:auto}}
@media(max-width:560px){.exhibition-carousel{height:500px}.carousel-viewport{height:400px}.carousel-track img{width:78vw;height:360px}.carousel-track img[data-cover-pos="-1"]{transform:translate(-68%,-50%) scale(.62);opacity:.5}.carousel-track img[data-cover-pos="1"]{transform:translate(-32%,-50%) scale(.62);opacity:.5}.carousel-track img[data-cover-pos="-2"],.carousel-track img[data-cover-pos="2"]{opacity:0}.carousel-arrow{top:170px}.about-inner{width:calc(100% - 40px);padding-top:55px}.about-copy p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.carousel-track img,.about-copy,.about-portrait,.about-backdrop,.collaborations-inner{transition:none!important;transform:none!important}.collaborations-inner{opacity:1}}


/* V5: click-controlled exhibition carousel and expanded About motion */
body,.dark-site,.page,.exhibitions-page,.about-page main{background:#000!important}
.carousel-instruction{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);z-index:8;margin:0;color:#777;font-size:9px;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}
.exhibition-carousel{height:620px;overflow:hidden}
.carousel-viewport{height:540px;cursor:default;touch-action:pan-y}
.carousel-track img{cursor:pointer;transition:transform 1.15s cubic-bezier(.16,1,.3,1),opacity 1.05s ease,filter 1.05s ease,box-shadow 1.05s ease;transform-origin:center center}
.carousel-track img[data-cover-pos="0"]{cursor:default;box-shadow:0 30px 78px rgba(0,0,0,.78)}
.carousel-arrow,.carousel-dots{display:none!important}

.about-hero{position:relative;isolation:isolate;overflow:hidden;min-height:1040px;background:#6650b9}
.about-backdrop{z-index:-7;inset:-150px -80px;background:linear-gradient(125deg,#4b35a0 0%,#7e64cf 48%,#5361bb 100%);transform:translate3d(0,var(--about-bg-y,0px),0) scale(1.13);transition:none}
.about-cloud{position:absolute;z-index:-6;border-radius:50%;filter:blur(18px);opacity:.42;will-change:transform}
.cloud-one{width:780px;height:360px;left:-170px;top:110px;background:radial-gradient(ellipse at center,rgba(255,255,255,.54),rgba(198,186,255,.22) 48%,transparent 72%);transform:translate3d(var(--cloud1-x,0px),var(--cloud1-y,0px),0) rotate(-8deg)}
.cloud-two{width:680px;height:330px;right:-160px;bottom:45px;background:radial-gradient(ellipse at center,rgba(230,225,255,.48),rgba(136,111,214,.26) 50%,transparent 74%);transform:translate3d(var(--cloud2-x,0px),var(--cloud2-y,0px),0) rotate(11deg)}
.about-panel{position:absolute;z-index:-4;background:rgba(91,57,166,.86);box-shadow:0 32px 90px rgba(27,12,62,.2);will-change:transform}
.panel-one{width:58%;height:77%;left:-4%;top:13%;transform:translate3d(var(--panel1-x,0px),var(--panel1-y,0px),0) rotate(-1.5deg)}
.panel-two{width:39%;height:66%;right:3%;top:21%;background:rgba(174,166,227,.48);transform:translate3d(var(--panel2-x,0px),var(--panel2-y,0px),0) rotate(1.2deg)}
.about-inner{position:relative;z-index:2;min-height:1040px;grid-template-columns:1.08fr .92fr;gap:92px;padding:130px 0 145px}
.about-copy,.about-portrait,.about-portrait figcaption{transition:none;will-change:transform}
.about-copy{transform:translate3d(var(--copy-x,0px),var(--copy-y,0px),0)}
.about-copy h1{font-size:clamp(42px,4.5vw,70px);margin-bottom:36px}
.about-copy p{font-size:15.5px;line-height:1.9}
.about-portrait{transform:translate3d(var(--photo-x,0px),var(--photo-y,0px),0) rotate(var(--photo-r,0deg))}
.portrait-frame{padding:17px;background:rgba(255,255,255,.13);box-shadow:0 35px 85px rgba(24,8,53,.42)}
.about-portrait img{max-height:665px;box-shadow:none}
.about-portrait figcaption{transform:translate3d(var(--caption-x,0px),var(--caption-y,0px),0);margin-top:14px}
.collaborations-section{overflow:hidden;min-height:560px;padding-top:105px}
.collaborations-inner{opacity:1;transform:translate3d(var(--collab-x,0px),var(--collab-y,80px),0) scale(var(--collab-scale,.965));transition:none;will-change:transform,opacity}

@media(max-width:900px){.exhibition-carousel{height:560px}.carousel-viewport{height:470px}.about-hero,.about-inner{min-height:1300px}.about-inner{padding-top:100px}.panel-one{width:92%;height:53%}.panel-two{width:72%;height:38%;top:57%;right:-5%}}
@media(max-width:560px){.exhibition-carousel{height:510px}.carousel-viewport{height:430px}.carousel-instruction{font-size:8px}.about-hero,.about-inner{min-height:1220px}.about-inner{padding-top:75px}.portrait-frame{padding:10px}}

/* V6: smoother full-range About parallax and square portrait backing */
.about-hero{min-height:1220px}
.about-inner{min-height:1220px;padding-top:175px;padding-bottom:185px}
.panel-two{
  transform:translate3d(var(--panel2-x,0px),var(--panel2-y,0px),0);
  border-radius:0;
}
.about-portrait{
  transform:translate3d(var(--photo-x,0px),var(--photo-y,0px),0);
}
.portrait-frame{
  transform:none!important;
  rotate:0deg!important;
  skew:0deg!important;
  padding:16px;
  background:rgba(222,218,246,.30);
}
.about-portrait img{
  display:block;
  transform:none!important;
  rotate:0deg!important;
  width:100%;
}
@media(max-width:900px){
  .about-hero,.about-inner{min-height:1480px}
  .about-inner{padding-top:125px;padding-bottom:155px}
}
@media(max-width:560px){
  .about-hero,.about-inner{min-height:1320px}
  .about-inner{padding-top:90px;padding-bottom:120px}
}

/* V8: single About gradient panel and higher Collaborations landing */
.about-hero{
  min-height:860px;
  overflow:hidden;
  background:linear-gradient(108deg,#76438e 0%,#75519e 46%,#555cb8 100%)!important;
}
.about-backdrop{
  inset:-90px -40px;
  z-index:-2;
  background:linear-gradient(108deg,#76438e 0%,#75519e 46%,#555cb8 100%)!important;
  transform:translate3d(0,var(--about-bg-y,0px),0) scale(1.05);
}
.about-backdrop::after{display:none!important}
.about-cloud,.about-panel{display:none!important}
.about-inner{
  min-height:860px;
  padding:105px 0 90px;
  align-items:center;
}
.about-copy h1{font-size:clamp(44px,4.4vw,66px);line-height:1.06}
.portrait-frame{
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.about-portrait img{box-shadow:none!important}
.collaborations-section{
  min-height:390px;
  padding:42px 20px 62px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
}
.collaborations-inner{
  width:min(720px,100%);
  margin:0 auto;
  transform:translate3d(var(--collab-x,0px),var(--collab-y,30px),0) scale(var(--collab-scale,.98));
}
.collaborations-inner h2{margin:0 0 18px;font-size:32px}
.collaborations-inner p{margin-bottom:25px;line-height:1.65}
.collaborations-inner .logo-image{width:170px}
@media(max-width:900px){
  .about-hero,.about-inner{min-height:1220px}
  .about-inner{padding-top:90px;padding-bottom:90px}
  .collaborations-section{min-height:360px;padding-top:36px}
}
@media(max-width:560px){
  .about-hero,.about-inner{min-height:1120px}
  .about-inner{padding-top:70px;padding-bottom:70px}
  .collaborations-section{min-height:340px;padding:32px 18px 50px}
}


/* V9: aligned About landing and independently traveling Collaborations */
.about-inner{
  align-items:start!important;
}
.about-copy,
.about-portrait{
  align-self:start;
}
.about-copy{
  transform:translate3d(0,var(--copy-y,0px),0)!important;
}
.about-portrait{
  transform:translate3d(0,var(--photo-y,0px),0)!important;
}
.collaborations-section{
  min-height:430px;
  padding-top:34px;
}
.collaborations-inner{
  transform:translate3d(0,var(--collab-y,0px),0)!important;
  opacity:var(--collab-opacity,1)!important;
}


/* V10: larger navigation, rising/auto exhibition carousel, workshop video, book covers */
.site-header .nav a{
  font-size:14px;
  letter-spacing:.075em;
  line-height:1;
}
.home-header .nav a{
  font-size:12px;
  letter-spacing:.055em;
}
@media (min-width:901px){
  .site-header .nav{gap:38px}
  .site-header{height:64px}
}

/* Exhibition enters upward from the black lower field */
.exhibitions-page{min-height:100vh;background:#000;color:#fff;overflow:hidden}
.exhibitions-page h1{position:relative;z-index:3}
.exhibition-carousel{
  opacity:0;
  transform:translate3d(0,230px,0);
  transition:transform 1.8s cubic-bezier(.16,1,.3,1),opacity 1.2s ease;
  will-change:transform,opacity;
}
.exhibition-carousel.carousel-entered{
  opacity:1;
  transform:translate3d(0,0,0);
}
.exhibition-carousel .carousel-instruction{display:none}
.carousel-track img{
  transition:transform 1.25s cubic-bezier(.22,.75,.2,1),opacity 1.05s ease,filter 1.05s ease;
}

/* Workshops: embedded original video inside the collage language */
.workshop-video-block{
  width:min(620px,43vw);
  position:absolute;
  left:47%;
  top:57%;
  z-index:8;
  background:#050505;
  box-shadow:0 24px 65px rgba(0,0,0,.65);
}
.workshop-video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#080808;overflow:hidden}
.workshop-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.workshop-video-label{margin:0;padding:9px 12px 10px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#eee;background:#080808}
.workshop-collage{min-height:900px}
@media(max-width:900px){
  .site-header .nav a{font-size:13px}
  .home-header .nav a{font-size:13px}
  .workshop-collage{min-height:0;display:grid;grid-template-columns:1fr;gap:18px;padding:30px 20px}
  .workshop-collage>img,.workshop-video-block{position:relative!important;inset:auto!important;left:auto!important;top:auto!important;width:100%!important;max-width:none!important;transform:none!important}
  .workshop-video-block{grid-row:3}
}

/* Book Projects closely follows the black Wix presentation */
.book-projects-page{background:#000;color:#fff;min-height:100vh}
.book-projects-intro{text-align:center;padding:75px 24px 42px}
.book-projects-intro h1{font-size:clamp(34px,4vw,58px);margin:0 0 28px;text-transform:none}
.book-projects-intro p{width:min(830px,100%);margin:0 auto 12px;font-size:16px;line-height:1.75}
.book-cover-grid{width:min(1180px,calc(100% - 60px));margin:20px auto 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:54px;align-items:start}
.book-cover-link{display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.book-cover-link:hover{transform:translateY(-12px)}
.book-cover-image-wrap{height:410px;width:100%;display:flex;align-items:flex-end;justify-content:center}
.book-cover-link img{max-height:100%;max-width:100%;width:auto;object-fit:contain;box-shadow:0 22px 45px rgba(0,0,0,.55)}
.book-cover-link h2{font-size:22px;margin:24px 0 5px;color:#e6a62f}
.book-cover-link p{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#ddd;margin:0}
@media(max-width:820px){.book-cover-grid{grid-template-columns:1fr;gap:65px}.book-cover-image-wrap{height:auto;max-height:460px}.book-cover-link img{max-height:460px}}

/* V11: match Alison's larger desktop navigation and homepage title */
@media (min-width:901px){
  .site-header .nav a,
  .home-header .nav a,
  .dark-header .nav a{
    font-size:16px!important;
    letter-spacing:.035em!important;
  }
  .site-header .nav,
  .home-header .nav,
  .dark-header .nav{gap:44px!important}
  .site-header,.home-header,.dark-header{height:72px!important;min-height:72px!important}
  .home-hero{height:calc(100vh - 214px)}
  .home-hero-copy h1{
    font-size:clamp(46px,3vw,62px)!important;
    letter-spacing:.145em!important;
  }
  .home-role{font-size:12px!important}
  .home-mission{font-size:11px!important}
}

/* Workshops: correct vertical ICP/CAMERA editing clip in its own clear slot */
.workshop-collage{height:790px;min-height:790px}
.workshop-video-block{
  position:absolute;
  left:52.7%;
  top:438px;
  width:15.5%;
  height:305px;
  z-index:4;
  background:#000;
  box-shadow:none;
  overflow:hidden;
}
.workshop-video-frame{width:100%;height:100%;aspect-ratio:auto;background:#000;overflow:hidden}
.workshop-video-frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background:#000;
}
.workshop-video-label{display:none}
.wc-four{width:35%;height:310px}
.wc-five{right:0;top:374px;width:36%;height:260px}
@media(max-width:900px){
  .workshop-collage{height:auto;min-height:0}
  .workshop-video-block{height:560px!important;max-width:340px!important;margin:0 auto!important}
}

/* Seven-book project presentation */
.book-cover-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:62px 38px;width:min(1320px,calc(100% - 70px))}
.book-cover-image-wrap{height:360px}
.book-cover-link h2{font-size:20px}
@media(max-width:1050px){.book-cover-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.book-cover-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.book-cover-grid{grid-template-columns:1fr}}


/* V12: homepage title entrance and complete 12-book project presentation */
@keyframes alisonTitleRise{
  0%{opacity:0;transform:translate3d(0,120px,0)}
  55%{opacity:1}
  100%{opacity:1;transform:translate3d(0,0,0)}
}
.home-hero-copy h1{
  animation:alisonTitleRise 1.85s cubic-bezier(.16,1,.3,1) .16s both;
  will-change:transform,opacity;
}
@media(prefers-reduced-motion:reduce){.home-hero-copy h1{animation:none}}

.book-projects-page{background:#000!important;color:#fff}
.book-projects-intro{padding-bottom:28px}
.book-cover-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:58px 34px;
  align-items:start;
  width:min(1380px,calc(100% - 70px));
}
.book-cover-link{align-items:stretch;text-align:left;transform:none}
.book-cover-link:hover{transform:translateY(-8px)}
.book-cover-image-wrap{
  height:365px;
  align-items:flex-end;
  background:#000;
  overflow:visible;
}
.book-cover-link img{
  max-height:100%;max-width:100%;width:auto;height:auto;margin:0 auto;
  object-fit:contain;box-shadow:none;
}
.book-title-box{
  min-height:92px;
  margin-top:13px;
  padding:15px 17px 14px;
  background:#6f7074;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.book-cover-link h2{
  margin:0 0 4px;
  font-size:20px;
  line-height:1.12;
  letter-spacing:.01em;
  font-weight:500;
  text-transform:none;
}
.book-cover-link p{
  margin:0;
  color:#f2f2f2;
  font-size:11px;
  line-height:1.35;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.book-cover-link.tone-gold h2{color:#f2b730}.book-cover-link.tone-pink h2{color:#f0b6c0}
.book-cover-link.tone-blue h2{color:#58a9ee}.book-cover-link.tone-red h2{color:#ff4b4b}
.book-cover-link.tone-lilac h2{color:#d9b8e7}.book-cover-link.tone-green h2{color:#62d8c5}
.book-cover-link.tone-ice h2{color:#afc9ff}.book-cover-link.tone-orange h2{color:#f3a43c}
.book-cover-link.tone-aqua h2{color:#75d9df}.book-cover-link.tone-magenta h2{color:#eb8bd1}
.book-cover-link.tone-yellow h2{color:#e8db51}.book-cover-link.tone-violet h2{color:#b69aff}
@media(max-width:1100px){.book-cover-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.book-cover-grid{grid-template-columns:repeat(2,1fr);width:min(100% - 36px,760px);gap:44px 22px}.book-cover-image-wrap{height:330px}}
@media(max-width:520px){.book-cover-grid{grid-template-columns:1fr}.book-cover-image-wrap{height:auto;max-height:460px}.book-cover-link img{max-height:460px}.book-title-box{min-height:84px}}

/* V13 book-project cover reliability and polished interaction */
.book-cover-link{
  text-decoration:none;
  transition:transform .32s cubic-bezier(.2,.7,.2,1);
}
.book-cover-image-wrap{
  transition:filter .32s ease;
}
.book-cover-link img{
  transition:transform .32s cubic-bezier(.2,.7,.2,1),filter .32s ease,box-shadow .32s ease;
  transform:translateZ(0);
}
.book-title-box{
  transition:background-color .32s ease,box-shadow .32s ease;
}
.book-cover-link:hover{transform:translateY(-7px)}
.book-cover-link:hover img{
  transform:scale(1.018);
  filter:brightness(1.055);
  box-shadow:0 18px 32px rgba(0,0,0,.28);
}
.book-cover-link:hover .book-title-box{
  background:#77787c;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
}
.book-cover-link:focus-visible{outline:2px solid #2e9cff;outline-offset:8px}
@media(prefers-reduced-motion:reduce){
  .book-cover-link,.book-cover-link img,.book-title-box{transition:none}
  .book-cover-link:hover,.book-cover-link:hover img{transform:none}
}


/* Alison Morley Production V2 — local assets and unified sans-serif typography */
:root{--mustard:#d4ad32;--soft-grey:#4b4b4b;--book-gap:34px}
html,body,button,input,textarea,select{font-family:Arial,Helvetica,sans-serif!important}
body,.dark-site{background:#000;color:#fff}
.site-header{background:#000;border-color:rgba(255,255,255,.08)}
.site-header .nav a{font-size:14px;letter-spacing:.08em;color:#aaa}
.site-header .nav a:hover,.site-header .nav a.active{color:#1689d5;opacity:1}
.brand{font-family:Arial,Helvetica,sans-serif!important}
.lede,.email-link,.home-mission,.hero-copy .role{font-family:Arial,Helvetica,sans-serif!important}
.book-projects-page{background:#000}
.book-projects-intro{max-width:1060px;margin:0 auto;padding:76px 42px 56px;text-align:center}
.book-projects-intro h1{font-size:clamp(38px,4.7vw,72px);font-weight:300;letter-spacing:.02em;margin-bottom:26px}
.book-projects-intro p{max-width:850px;margin:0 auto 14px;color:#d0d0d0;font-size:16px;line-height:1.75}
.book-cover-grid{width:min(1480px,calc(100% - 72px));margin:0 auto;padding:20px 0 110px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:58px var(--book-gap);align-items:start}
.book-cover-link{display:block;transition:transform .32s cubic-bezier(.2,.75,.25,1),filter .32s ease;outline:none}
.book-cover-image-wrap{height:390px;background:#111;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.28);transition:box-shadow .32s ease,transform .32s ease}
.book-cover-image-wrap img{width:100%;height:100%;object-fit:contain;background:#111;transition:transform .32s ease,filter .32s ease}
.book-title-box{min-height:96px;padding:20px 18px 16px;background:linear-gradient(135deg,#555,#3f3f3f);text-align:center;display:flex;flex-direction:column;justify-content:center;transition:background .32s ease,transform .32s ease}
.book-title-box h2{font-size:22px;line-height:1.12;font-weight:400;letter-spacing:.01em;margin:0 0 7px;color:#fff}
.book-title-box p{font-size:12px;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;margin:0;color:#ddd}
.book-cover-link:hover,.book-cover-link:focus-visible{transform:translateY(-8px)}
.book-cover-link:hover .book-cover-image-wrap,.book-cover-link:focus-visible .book-cover-image-wrap{box-shadow:0 24px 52px rgba(0,0,0,.5)}
.book-cover-link:hover img,.book-cover-link:focus-visible img{transform:scale(1.025);filter:brightness(1.07)}
.book-cover-link:hover .book-title-box,.book-cover-link:focus-visible .book-title-box{background:linear-gradient(135deg,#626262,#464646)}
.book-cover-link:focus-visible{outline:2px solid var(--mustard);outline-offset:6px}
.tone-gold .book-title-box h2{color:#e6b33e}.tone-pink .book-title-box h2{color:#e6a0b5}.tone-blue .book-title-box h2{color:#67a8d7}.tone-red .book-title-box h2{color:#de725f}.tone-lilac .book-title-box h2{color:#b19ad7}.tone-green .book-title-box h2{color:#8eb786}.tone-ice .book-title-box h2{color:#b9d8df}.tone-orange .book-title-box h2{color:#d48f55}.tone-aqua .book-title-box h2{color:#78bdb8}.tone-magenta .book-title-box h2{color:#d878ae}.tone-yellow .book-title-box h2{color:#ddd25c}.tone-violet .book-title-box h2{color:#9c8bcf}
.project-page{background:#000;color:#fff}
.project-hero-v2{width:min(1280px,calc(100% - 80px));margin:0 auto;padding:90px 0 70px;display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center}
.project-copy-v2 h1{font-size:clamp(46px,6vw,88px);font-weight:300;letter-spacing:.015em;line-height:1;margin-bottom:18px}
.project-copy-v2 h2{font-size:clamp(20px,2vw,30px);font-weight:300;color:var(--mustard);margin-bottom:34px}
.project-copy-v2 p{max-width:760px;color:#ddd;font-size:17px;line-height:1.82}
.project-kicker{font-size:11px!important;letter-spacing:.2em;color:#999!important;margin-bottom:18px!important}
.project-cover-v2{width:100%;max-height:560px;object-fit:contain;background:#111}
.project-media-v2{width:min(1320px,calc(100% - 80px));margin:0 auto;padding:0 0 110px}
.project-slideshow{position:relative;height:min(72vw,760px);min-height:520px;background:#0b0b0b;overflow:hidden}
.project-slide{position:absolute;inset:0;margin:0;opacity:0;transform:scale(.985);transition:opacity .75s ease,transform .9s ease;display:flex;align-items:center;justify-content:center}
.project-slide.is-active{opacity:1;transform:scale(1);z-index:2}
.project-slide img{width:100%;height:100%;object-fit:contain}
.project-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--mustard);font-size:58px;line-height:1;cursor:pointer;padding:20px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.6));transition:transform .25s ease,color .25s ease}
.project-arrow:hover{color:#f0d36c;transform:translateY(-50%) scale(1.1)}.project-prev{left:8px}.project-next{right:8px}
.project-dots{display:flex;justify-content:center;gap:8px;padding:20px 0 34px}.project-dot{width:7px;height:7px;border-radius:50%;border:0;background:#555;padding:0;cursor:pointer}.project-dot.active{background:var(--mustard)}
.project-video-wrap{width:min(1120px,100%);margin:0 auto 44px;background:#090909}.project-video-wrap video{display:block;width:100%;max-height:72vh;background:#000}.video-fallback{display:none;color:#777;font-size:12px;padding:12px;text-align:center}.back-to-books{display:inline-block;color:var(--mustard);font-size:12px;letter-spacing:.12em}
@media(max-width:1100px){.book-cover-grid{grid-template-columns:repeat(3,1fr)}.project-hero-v2{grid-template-columns:1fr .62fr;gap:45px}}
@media(max-width:780px){.site-header .nav a{font-size:12px}.book-cover-grid{width:min(100% - 36px,900px);grid-template-columns:repeat(2,1fr);gap:34px 18px}.book-cover-image-wrap{height:320px}.book-title-box{min-height:88px;padding:16px 10px}.book-title-box h2{font-size:18px}.project-hero-v2{width:min(100% - 38px,800px);grid-template-columns:1fr;padding:58px 0 45px}.project-cover-v2{max-height:480px}.project-media-v2{width:100%;padding-bottom:70px}.project-slideshow{min-height:390px}.project-arrow{font-size:42px;padding:14px}.back-to-books{margin-left:20px}}
@media(max-width:480px){.book-cover-grid{grid-template-columns:1fr}.book-cover-image-wrap{height:440px}.project-slideshow{min-height:300px;height:62vh}}
@media(prefers-reduced-motion:reduce){.book-cover-link,.book-cover-image-wrap,.book-cover-image-wrap img,.book-title-box,.project-slide,.project-arrow{transition:none!important}.book-cover-link:hover{transform:none}}


/* V2.1 refinements: Workshop video placement and Book Projects intro colors */
.book-projects-intro h1{
  color:#efb8bf;
}
.book-projects-intro .book-intro-primary{
  color:#e3a13a;
  max-width:1080px;
  font-size:clamp(18px,1.65vw,27px);
  line-height:1.78;
  margin-bottom:38px;
}
.book-projects-intro .book-intro-secondary{
  color:#7e9bdb;
  max-width:970px;
  font-size:clamp(18px,1.55vw,25px);
  line-height:1.72;
  margin-bottom:0;
}

@media(min-width:901px){
  .workshop-collage{height:790px;min-height:790px}
  .wc-four{
    left:0;
    top:398px;
    width:36%;
    height:310px;
  }
  .workshop-video-block{
    left:52.2%;
    top:438px;
    width:12.2%;
    height:305px;
    z-index:4;
  }
  .wc-five{
    left:66.5%;
    right:auto;
    top:374px;
    width:33.5%;
    height:260px;
  }
}

@media(max-width:900px){
  .book-projects-intro{padding-left:24px;padding-right:24px}
  .book-projects-intro .book-intro-primary,
  .book-projects-intro .book-intro-secondary{font-size:18px;line-height:1.65}
}


/* V2.2: clean native workshop video */
@keyframes workshopVideoFadeIn{
  from{opacity:0;transform:translate3d(0,18px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
.workshop-video-block{
  animation:workshopVideoFadeIn .8s ease-out .15s both;
}
.workshop-video-frame{
  position:relative;
}
.workshop-video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  background:#000;
  filter:brightness(.94);
  transition:filter .35s ease,transform .35s ease;
}
.workshop-video-block:hover .workshop-video,
.workshop-video-block:focus-within .workshop-video{
  filter:brightness(1.07);
  transform:scale(1.012);
}
@media(prefers-reduced-motion:reduce){
  .workshop-video-block{animation:none}
  .workshop-video{transition:none}
  .workshop-video-block:hover .workshop-video,
  .workshop-video-block:focus-within .workshop-video{transform:none}
}

/* V2.3 — Workshops native video in its original wide frame */
@media (min-width:901px){
  .workshop-collage{
    height:790px;
    min-height:790px;
  }
  .workshop-video-block{
    position:absolute!important;
    left:37.25%!important;
    top:414px!important;
    width:25.5%!important;
    height:auto!important;
    aspect-ratio:4 / 3!important;
    z-index:5!important;
    background:#000!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  .workshop-video-frame{
    position:relative!important;
    width:100%!important;
    height:100%!important;
    aspect-ratio:4 / 3!important;
    overflow:hidden!important;
    background:#000!important;
  }
  .workshop-video{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#000!important;
  }
  .wc-four{
    left:0!important;
    top:398px!important;
    width:36%!important;
    height:310px!important;
  }
  .wc-five{
    right:0!important;
    top:374px!important;
    width:36%!important;
    height:260px!important;
  }
}

@media (max-width:900px){
  .workshop-video-block{
    width:100%!important;
    max-width:640px!important;
    height:auto!important;
    aspect-ratio:4 / 3!important;
    margin:0 auto!important;
  }
  .workshop-video-frame,
  .workshop-video{
    width:100%!important;
    height:100%!important;
    aspect-ratio:4 / 3!important;
  }
  .workshop-video{object-fit:contain!important;background:#000!important}
}

/* V2.4 — Mid-century editorial Workshops composition */
.workshops-page{
  width:min(1440px,calc(100% - 48px));
  padding-top:34px;
}
.midcentury-collage{
  position:relative;
  height:880px;
  min-height:880px;
  isolation:isolate;
  overflow:visible;
  background:
    linear-gradient(#000,#000) padding-box;
}
.midcentury-collage::before{
  content:"WORK / IMAGE / SEQUENCE";
  position:absolute;
  left:1.2%;
  top:330px;
  color:#777;
  font-size:10px;
  letter-spacing:.24em;
  font-weight:700;
  transform:rotate(-90deg) translateX(-100%);
  transform-origin:left top;
  white-space:nowrap;
  z-index:8;
}
.midcentury-collage::after{
  content:"";
  position:absolute;
  left:8.5%;
  right:8.5%;
  bottom:84px;
  height:1px;
  background:linear-gradient(90deg,#d4ad32 0 17%,transparent 17% 21%,#444 21% 100%);
  z-index:1;
}
.midcentury-collage img,
.midcentury-collage .workshop-video-block{
  box-shadow:none!important;
  border-radius:0!important;
}
.midcentury-collage .wc-one{
  left:7%!important;
  top:12px!important;
  width:30%!important;
  height:286px!important;
  z-index:2;
}
.midcentury-collage .wc-two{
  left:31.5%!important;
  top:72px!important;
  width:25.5%!important;
  height:420px!important;
  z-index:5;
}
.midcentury-collage .wc-three{
  right:6%!important;
  top:24px!important;
  width:35%!important;
  height:300px!important;
  z-index:2;
}
.midcentury-collage .wc-four{
  left:2.5%!important;
  top:390px!important;
  width:34.5%!important;
  height:318px!important;
  z-index:3;
}
.midcentury-collage .workshop-video-block{
  position:absolute!important;
  left:38.7%!important;
  top:510px!important;
  width:25.6%!important;
  height:auto!important;
  aspect-ratio:4/3!important;
  z-index:7!important;
  background:#000!important;
  overflow:hidden!important;
  border-top:8px solid #d4ad32!important;
}
.midcentury-collage .wc-five{
  left:auto!important;
  right:2.2%!important;
  top:382px!important;
  width:31.5%!important;
  height:276px!important;
  z-index:4;
}
.midcentury-collage .workshop-video-frame,
.midcentury-collage .workshop-video{
  width:100%!important;
  height:100%!important;
  aspect-ratio:4/3!important;
}
.midcentury-collage .workshop-video{
  object-fit:contain!important;
  background:#000!important;
}
.mc-shape{position:absolute;pointer-events:none;z-index:9}
.mc-circle{
  width:56px;height:56px;border-radius:50%;
  background:#d4ad32;
  right:38%;top:346px;
}
.mc-square{
  width:34px;height:34px;
  background:#c84b3b;
  left:38.1%;top:463px;
}
.mc-line{
  width:112px;height:10px;
  background:#5f83b5;
  right:9%;top:698px;
}
.countries{
  width:min(1240px,100%);
  margin:-4px auto 0;
  padding-top:28px;
  border-top:0;
  font-size:18px;
  letter-spacing:.018em;
}
@media(max-width:1100px) and (min-width:901px){
  .midcentury-collage{height:790px;min-height:790px}
  .midcentury-collage .wc-one{left:5%!important;width:32%!important;height:255px!important}
  .midcentury-collage .wc-two{left:31%!important;width:27%!important;height:370px!important}
  .midcentury-collage .wc-three{right:4%!important;width:34%!important;height:270px!important}
  .midcentury-collage .wc-four{left:1%!important;top:350px!important;width:35%!important;height:280px!important}
  .midcentury-collage .workshop-video-block{left:38%!important;top:468px!important;width:26%!important}
  .midcentury-collage .wc-five{right:1%!important;top:348px!important;width:32%!important;height:245px!important}
  .mc-circle{right:36%;top:310px}.mc-square{top:424px}.mc-line{top:630px}
}
@media(max-width:900px){
  .workshops-page{width:min(100% - 30px,760px);padding-top:24px}
  .midcentury-collage{
    height:auto!important;min-height:0!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:18px!important;
    padding:18px 0 22px!important;
  }
  .midcentury-collage::before,.midcentury-collage::after,.mc-shape{display:none!important}
  .midcentury-collage>img,
  .midcentury-collage .workshop-video-block{
    position:relative!important;inset:auto!important;
    width:100%!important;height:auto!important;max-width:none!important;
    transform:none!important;
  }
  .midcentury-collage .wc-two{grid-row:1 / span 2;grid-column:2;align-self:start}
  .midcentury-collage .wc-one{grid-column:1;grid-row:1}
  .midcentury-collage .wc-three{grid-column:1;grid-row:2}
  .midcentury-collage .wc-four{grid-column:1 / -1;grid-row:3}
  .midcentury-collage .workshop-video-block{grid-column:1;grid-row:4;border-top:6px solid #d4ad32!important}
  .midcentury-collage .wc-five{grid-column:2;grid-row:4}
  .midcentury-collage img{object-fit:cover!important;min-height:250px}
  .midcentury-collage .wc-two{min-height:518px}
  .midcentury-collage .wc-four{min-height:330px}
  .midcentury-collage .workshop-video-block,.midcentury-collage .wc-five{align-self:center}
  .countries{margin-top:10px;padding-top:18px;font-size:16px;white-space:normal;line-height:1.7}
}
@media(max-width:560px){
  .midcentury-collage{grid-template-columns:1fr!important;gap:14px!important}
  .midcentury-collage .wc-one,.midcentury-collage .wc-two,.midcentury-collage .wc-three,
  .midcentury-collage .wc-four,.midcentury-collage .workshop-video-block,.midcentury-collage .wc-five{
    grid-column:1!important;grid-row:auto!important;min-height:0!important
  }
  .midcentury-collage img{height:auto!important;min-height:0!important}
}


/* V2.5 homepage typography and placement — matched to supplied reference */
@media (min-width:1101px){
  .home-hero-copy{left:48.2%!important;right:auto!important;top:24.5%!important;width:46.5%!important;min-width:0!important;}
  .home-hero-copy h1{font-size:clamp(54px,4.25vw,76px)!important;letter-spacing:.155em!important;margin-bottom:58px!important;}
  .home-role{font-size:18px!important;line-height:1.4!important;font-weight:500!important;margin-bottom:24px!important;white-space:normal!important;}
  .home-mission{font-size:16px!important;line-height:1.55!important;max-width:760px!important;}
  .home-photo-credit{right:12.2%!important;top:88.5%!important;font-size:10px!important;letter-spacing:.035em!important;}
}
@media (min-width:901px) and (max-width:1100px){
  .home-hero-copy{right:5%!important;top:22%!important;width:49%!important;}
  .home-role{font-size:15px!important;}
  .home-mission{font-size:14px!important;}
  .home-photo-credit{font-size:9px!important;}
}

/* Orientation page refinements */
.orientation-copy{max-width:980px;margin:0 auto;text-align:left}
.orientation-copy p{font-size:17px;line-height:1.82;margin:0 0 24px;color:#f1f1f1}
.orientation-copy p:last-child{margin-bottom:0}
@media(max-width:900px){.orientation-copy{max-width:760px}.orientation-copy p{font-size:16px;line-height:1.72}}
@media(max-width:560px){.orientation-copy p{font-size:15px;line-height:1.68}}


/* V2.7 — Mentoring page + Alison palette + sitewide copyright */
.site-copyright{
  background:#000;
  color:#9b9b9b;
  text-align:center;
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  font-weight:400;
  letter-spacing:.025em;
  padding:30px 20px 34px;
}
.mentoring-intro{
  width:min(1060px,calc(100% - 40px));
  margin:4px auto 54px;
  text-align:center;
}
.mentoring-intro h1{
  margin:0 0 28px;
  color:#f0bec4;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(38px,4.8vw,67px);
  line-height:1.04;
  letter-spacing:.015em;
  font-weight:500;
}
.mentoring-intro p{
  max-width:1020px;
  margin:0 auto;
  color:#f0ae35;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(18px,1.65vw,25px);
  line-height:1.72;
  letter-spacing:.005em;
  font-weight:400;
}
/* Use Alison's established site palette for the mid-century accents */
.midcentury-collage::after{
  background:linear-gradient(90deg,#f0ae35 0 17%,transparent 17% 21%,#5f83b5 21% 100%)!important;
}
.midcentury-collage .workshop-video-block{
  border-top-color:#f0ae35!important;
}
.mc-circle{background:#f0bec4!important;}
.mc-square{background:#55cdbf!important;}
.mc-line{background:#8da4e1!important;}
@media(max-width:900px){
  .mentoring-intro{margin-top:16px;margin-bottom:38px;width:min(100% - 24px,760px)}
  .mentoring-intro h1{font-size:clamp(34px,8vw,52px)}
  .mentoring-intro p{font-size:17px;line-height:1.65}
}
@media(max-width:560px){
  .site-copyright{font-size:12px;padding:24px 16px 28px}
  .mentoring-intro h1{font-size:34px}
  .mentoring-intro p{font-size:16px;text-align:left}
}

/* V2.8 Curation introduction */
.curation-intro{width:min(1060px,calc(100% - 40px));margin:4px auto 54px;text-align:center}
.exhibitions-page .curation-intro h1{margin:0 0 28px;color:#f0bec4;font-family:Arial,Helvetica,sans-serif;font-size:clamp(38px,4.8vw,67px);line-height:1.04;letter-spacing:.015em;font-weight:500;text-align:center}
.curation-intro p{max-width:1020px;margin:0 auto;color:#f0ae35;font-family:Arial,Helvetica,sans-serif;font-size:clamp(18px,1.65vw,25px);line-height:1.72;letter-spacing:.005em;font-weight:400}
@media(max-width:900px){.curation-intro{margin-top:16px;margin-bottom:38px;width:min(100% - 24px,760px)}.exhibitions-page .curation-intro h1{font-size:clamp(34px,8vw,52px)}.curation-intro p{font-size:17px;line-height:1.65}}
@media(max-width:560px){.exhibitions-page .curation-intro h1{font-size:34px}.curation-intro p{font-size:16px;text-align:left}}

/* V2.9 Book Projects copy refinement */
.book-projects-intro .book-intro-final{
  margin-top:30px;
  margin-bottom:0;
}

/* V2.10 individual book page replacement blurbs */
.project-copy-v2 .project-byline{font-weight:700;letter-spacing:.02em;margin-top:.15rem;margin-bottom:1.15rem}
.project-copy-v2 .project-contribution,.project-copy-v2 .project-credits{margin-top:1rem}
.project-copy-v2 .project-credits{font-size:.94em;opacity:.9}


/* V2.11 Contact page refinement */
.contact-panel{padding-top:5.8vw;padding-bottom:5.8vw}
.contact-panel h1{margin-bottom:24px;color:#f0bec4}
.contact-subhead{max-width:720px;margin:0 0 28px;color:#f0ae35;font-size:clamp(17px,1.45vw,23px);line-height:1.68;font-weight:400}
.contact-panel .email-link{color:#8da4e1;margin-bottom:12px}
.pricing-note{margin:0 0 30px;color:#55cdbf;font-size:15px;letter-spacing:.055em;font-weight:600}
.genre-field{border:0;padding:0;margin:2px 0 24px}
.genre-field legend{padding:0;margin:0 0 12px;color:#f4f4f4;font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.genre-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px}
.genre-options label{display:flex;align-items:center;gap:10px;cursor:pointer;color:#e8e8e8;font-size:14px;line-height:1.35}
.genre-options input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:17px;height:17px;flex:0 0 17px;margin:0;border:1px solid #777;background:transparent;display:grid;place-content:center;cursor:pointer}
.genre-options input[type="checkbox"]::before{content:"";width:9px;height:9px;transform:scale(0);transition:transform .14s ease;background:#f0ae35}
.genre-options input[type="checkbox"]:checked::before{transform:scale(1)}
.genre-options input[type="checkbox"]:focus-visible{outline:2px solid #8da4e1;outline-offset:3px}
.dark-site .field input,.dark-site .field textarea{color:#f4f4f4;border-bottom-color:#666}
.dark-site .field label{color:#d5d5d5}
.dark-site .submit{border-color:#f0ae35;background:#f0ae35;color:#000;font-weight:700}
.dark-site .submit:hover{background:transparent;color:#f0ae35}
.dark-site .form-note{color:#888}
@media(max-width:900px){.contact-panel{padding-top:54px;padding-bottom:54px}.contact-subhead{font-size:17px;line-height:1.62}}
@media(max-width:560px){.genre-options{grid-template-columns:1fr}.contact-subhead{font-size:16px}.pricing-note{font-size:14px}}

/* V2.12 About page — Philosophy + About sections */
.about-copy .about-section-label{font-family:Arial,Helvetica,sans-serif;font-size:clamp(20px,1.7vw,27px);line-height:1.25;font-weight:500;letter-spacing:.02em;color:#efb8bf;margin:0 0 18px;text-transform:none;}
.about-copy .about-label-spaced{margin-top:38px;}
.about-copy h1 + .about-section-label{margin-top:-8px;}
@media(max-width:560px){.about-copy .about-section-label{font-size:20px}.about-copy .about-label-spaced{margin-top:30px}}

/* V2.13 — unified interior typography based on the About page.
   Home page intentionally excluded. */
:root{
  --interior-h1-size:clamp(44px,4.4vw,66px);
  --interior-subtitle-size:clamp(20px,1.7vw,27px);
  --interior-body-size:15.5px;
  --interior-body-leading:1.9;
}

/* Primary page headlines */
.overview-intro h1,
.mentoring-intro h1,
.exhibitions-page .curation-intro h1,
.book-projects-intro h1,
.contact-panel h1,
.project-copy-v2 h1{
  font-family:Arial,Helvetica,sans-serif;
  font-size:var(--interior-h1-size)!important;
  line-height:1.06!important;
  letter-spacing:.02em!important;
  font-weight:400!important;
}

/* Interior subtitles / secondary headlines */
.overview-cards h2,
.book-title-box h2,
.project-copy-v2 h2{
  font-family:Arial,Helvetica,sans-serif;
  font-size:var(--interior-subtitle-size)!important;
  line-height:1.25!important;
  font-weight:500!important;
  letter-spacing:.02em!important;
}

/* Main prose — match About page body copy */
.orientation-copy p,
.mentoring-intro p,
.curation-intro p,
.book-projects-intro p,
.contact-subhead,
.project-copy-v2 p,
.overview-cards li{
  font-family:Arial,Helvetica,sans-serif;
  font-size:var(--interior-body-size)!important;
  line-height:var(--interior-body-leading)!important;
  font-weight:400!important;
}

/* Keep the contact page's supporting lines in the same visual scale family. */
.email-link{font-size:var(--interior-subtitle-size)!important;line-height:1.35!important}
.pricing-note{font-size:var(--interior-body-size)!important;line-height:1.6!important}

/* Project credit lines are prose too, not micro-copy. */
.project-copy-v2 .project-credits{font-size:var(--interior-body-size)!important;line-height:var(--interior-body-leading)!important}

/* Keep decorative / UI microcopy compact: navigation, form labels, carousel instructions,
   image credits, buttons and footer intentionally retain their existing sizes. */

@media(max-width:560px){
  :root{
    --interior-h1-size:42px;
    --interior-subtitle-size:20px;
    --interior-body-size:15px;
    --interior-body-leading:1.78;
  }
}


/* V2.14 — Alison palette headline variation + tighter editorial typography */
:root{
  --alison-pink:#f0bec4;
  --alison-gold:#f0ae35;
  --alison-blue:#8da4e1;
  --alison-mint:#55cdbf;
  --interior-body-leading:1.58;
}

/* Give each primary interior page its own voice within Alison's established palette. */
.overview-intro h1{color:var(--alison-blue)!important;}
.mentoring-intro h1{color:var(--alison-gold)!important;}
.exhibitions-page .curation-intro h1{color:var(--alison-mint)!important;}
.book-projects-intro h1{color:var(--alison-pink)!important;}
.about-copy h1{color:var(--alison-blue)!important;}
.contact-panel h1{color:var(--alison-mint)!important;}

/* About-page subsection labels use complementary palette accents. */
.about-copy h2.about-section-label:nth-of-type(1){color:var(--alison-gold)!important;}
.about-copy h2.about-section-label:nth-of-type(2){color:var(--alison-pink)!important;}
.collaborations-inner h2{color:var(--alison-mint)!important;}

/* Individual book-page headlines rotate through the same palette. */
.project-color-pink .project-copy-v2 h1{color:var(--alison-pink)!important;}
.project-color-gold .project-copy-v2 h1{color:var(--alison-gold)!important;}
.project-color-blue .project-copy-v2 h1{color:var(--alison-blue)!important;}
.project-color-mint .project-copy-v2 h1{color:var(--alison-mint)!important;}

/* Standard interior paragraph rhythm: tighter, easier to scan, more editorial. */
.about-copy p,
.collaborations-inner p,
.orientation-copy p,
.mentoring-intro p,
.curation-intro p,
.book-projects-intro p,
.project-copy-v2 p,
.contact-subhead,
.overview-cards li{
  line-height:1.58!important;
}
.about-copy p,
.collaborations-inner p,
.orientation-copy p,
.mentoring-intro p,
.curation-intro p,
.book-projects-intro p,
.project-copy-v2 p,
.contact-subhead{
  margin-bottom:18px;
}

/* Subtle photographic color correction: neutralize cast, recover contrast and skin-tone detail. */
.about-portrait img{
  filter:brightness(1.035) contrast(1.075) saturate(.92) sepia(.018) hue-rotate(-2deg);
}

@media(max-width:560px){
  :root{--interior-body-leading:1.55;}
  .about-copy p,
  .collaborations-inner p,
  .orientation-copy p,
  .mentoring-intro p,
  .curation-intro p,
  .book-projects-intro p,
  .project-copy-v2 p,
  .contact-subhead,
  .overview-cards li{line-height:1.55!important;}
}


/* V2.15 — supplied Workshop image + expanded mid-century collage */
@media(min-width:1101px){
  .midcentury-collage{height:970px!important;min-height:970px!important;}
  .midcentury-collage .wc-six{left:57%!important;top:680px!important;width:35%!important;height:235px!important;z-index:3!important;object-fit:cover!important;}
  .midcentury-collage::after{bottom:32px!important;}
}
@media(max-width:1100px) and (min-width:901px){
  .midcentury-collage{height:920px!important;min-height:920px!important;}
  .midcentury-collage .wc-six{position:absolute!important;left:54%!important;top:650px!important;width:39%!important;height:220px!important;object-fit:cover!important;z-index:3!important;}
}
@media(max-width:900px){
  .midcentury-collage .wc-six{grid-column:1 / -1!important;grid-row:5!important;min-height:300px!important;object-fit:cover!important;}
}
@media(max-width:560px){
  .midcentury-collage .wc-six{grid-column:1!important;grid-row:auto!important;min-height:0!important;height:auto!important;}
}


/* V2.16 — consistent book panels + project media geometry + complementary project copy */
:root{
  --alison-bluegum:#78bdb8;
}

/* Book project grid: one-line short title, author on its own linked second line. */
.book-card{min-width:0;display:flex;flex-direction:column;align-items:stretch;text-align:center;}
.book-card .book-cover-link{display:block;min-width:0;}
.book-card .book-title-box{min-height:70px;padding:18px 12px 12px;}
.book-card .book-title-box h2{
  margin:0!important;
  font-size:clamp(15px,1.25vw,20px)!important;
  line-height:1.15!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  letter-spacing:.005em!important;
}
.book-author-link{
  display:block;
  margin:0;
  padding:0 10px 18px;
  background:linear-gradient(135deg,#555,#3f3f3f);
  color:#dfe7e6;
  font-size:12px;
  line-height:1.3;
  letter-spacing:.055em;
  text-transform:uppercase;
  transition:color .25s ease,background .25s ease;
}
.book-card:hover .book-title-box,.book-card:focus-within .book-title-box,
.book-card:hover .book-author-link,.book-card:focus-within .book-author-link{background:linear-gradient(135deg,#626262,#464646);}
.book-author-link:hover,.book-author-link:focus-visible{color:var(--alison-bluegum);text-decoration:underline;text-underline-offset:4px;}
.book-card:hover .book-cover-link{transform:translateY(-8px);}
.book-card .book-cover-link:hover{transform:none;}
.book-card .book-cover-link:focus-visible{outline:2px solid var(--mustard);outline-offset:6px;}
.book-card:hover .book-cover-image-wrap,.book-card:focus-within .book-cover-image-wrap{box-shadow:0 24px 52px rgba(0,0,0,.5);}
.book-card:hover .book-cover-image-wrap img,.book-card:focus-within .book-cover-image-wrap img{transform:scale(1.025);filter:brightness(1.07);}

/* Keep each project cover/hero image to the same visible height. */
.project-cover-v2{
  width:100%!important;
  height:520px!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#111;
}

/* All book slideshows use exactly the same stage height at a given breakpoint. */
.project-slideshow{
  height:700px!important;
  min-height:700px!important;
  max-height:700px!important;
}
.project-slide img{width:100%!important;height:100%!important;object-fit:contain!important;}

/* Normalize every video to the Blood & Honey presentation size. */
.project-video-wrap{
  width:min(1120px,100%)!important;
  aspect-ratio:16 / 9;
  height:auto!important;
  margin:0 auto 44px!important;
  background:#000!important;
  overflow:hidden;
}
.project-video-wrap video{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  background:#000!important;
}

/* Complementary project text colors from Alison's palette; blue-gum is the preferred anchor. */
.project-color-pink .project-copy-v2 p,
.project-color-gold .project-copy-v2 p{color:var(--alison-bluegum)!important;}
.project-color-blue .project-copy-v2 p{color:var(--alison-pink)!important;}
.project-color-mint .project-copy-v2 p{color:var(--alison-gold)!important;}
.project-copy-v2 p strong{color:inherit!important;}
.project-copy-v2 .project-byline{opacity:1!important;}
.project-copy-v2 .project-credits{opacity:.94!important;}

@media(max-width:1100px){
  .project-cover-v2{height:460px!important;}
  .project-slideshow{height:600px!important;min-height:600px!important;max-height:600px!important;}
}
@media(max-width:780px){
  .book-card .book-title-box{min-height:62px;padding:15px 9px 10px;}
  .book-card .book-title-box h2{font-size:16px!important;}
  .book-author-link{font-size:11px;padding-bottom:15px;}
  .project-cover-v2{height:440px!important;}
  .project-slideshow{height:460px!important;min-height:460px!important;max-height:460px!important;}
  .project-video-wrap{width:calc(100% - 38px)!important;}
}
@media(max-width:480px){
  .book-card .book-title-box h2{font-size:18px!important;}
  .project-cover-v2{height:400px!important;}
  .project-slideshow{height:340px!important;min-height:340px!important;max-height:340px!important;}
}


/* V2.17 — complementary interior copy colors + true About portrait correction */
/* Home page intentionally excluded. */

/* Main page copy colors chosen to complement each page headline while staying in Alison's palette. */
.orientation-copy p{
  color:var(--alison-gold)!important;
}
.mentoring-intro p{
  color:var(--alison-bluegum)!important;
}
.curation-intro p{
  color:var(--alison-pink)!important;
}
.book-projects-intro p,
.book-projects-intro .book-intro-primary,
.book-projects-intro .book-intro-secondary{
  color:var(--alison-bluegum)!important;
}
.about-copy p{
  color:var(--alison-gold)!important;
}
.collaborations-inner p{
  color:var(--alison-pink)!important;
}
.contact-panel .contact-subhead{
  color:var(--alison-pink)!important;
}
.contact-panel .pricing-note{
  color:var(--alison-bluegum)!important;
}

/* Preserve the already-established complementary scheme on individual book pages. */
.project-color-pink .project-copy-v2 p,
.project-color-gold .project-copy-v2 p{color:var(--alison-bluegum)!important;}
.project-color-blue .project-copy-v2 p{color:var(--alison-pink)!important;}
.project-color-mint .project-copy-v2 p{color:var(--alison-gold)!important;}

/* About portrait is now corrected in the image file itself; avoid a second browser filter. */
.about-portrait img{
  filter:none!important;
  image-rendering:auto;
}

/* ============================================================
   V2.19 — PORTRAIT MOBILE LAYOUT PASS
   Desktop/tablet composition remains unchanged above 700px.
   ============================================================ */
@media (max-width:700px){
  :root{--nav:64px}
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{font-size:16px;line-height:1.55}
  img,video{max-width:100%;height:auto}
  .dark-site{overflow-x:hidden}

  /* Header / mobile navigation */
  .site-header,
  .dark-header,
  .home-header{
    width:100%;height:64px!important;min-height:64px!important;
    padding:0 20px!important;position:relative;z-index:100;
  }
  .site-header .brand,
  .dark-header .brand,
  .home-header .brand{
    display:block!important;font-size:16px!important;line-height:1!important;
    letter-spacing:.13em!important;white-space:nowrap;
  }
  .site-header .menu-button,
  .dark-header .menu-button,
  .home-header .menu-button{display:block!important;font-size:28px!important;padding:7px!important}
  .site-header .nav,
  .dark-header .nav,
  .home-header .nav{
    display:none;position:absolute;left:0;right:0;top:64px!important;
    width:100%;padding:22px 24px 26px!important;gap:0!important;
    flex-direction:column;align-items:stretch!important;background:#050505!important;
    border-bottom:1px solid #2a2a2a;box-shadow:0 18px 35px rgba(0,0,0,.32);
  }
  .site-header .nav.open,
  .dark-header .nav.open,
  .home-header .nav.open{display:flex!important}
  .site-header .nav a,
  .dark-header .nav a,
  .home-header .nav a{
    width:100%;font-size:13px!important;line-height:1.25!important;
    letter-spacing:.08em!important;padding:13px 2px!important;border-bottom:1px solid #1d1d1d;
  }

  /* Shared interior page typography */
  .overview-page,
  .workshops-page,
  .curation-intro,
  .book-projects-intro,
  .about-inner,
  .contact-panel,
  .project-hero-v2,
  .project-media-v2{
    width:calc(100% - 36px)!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;
  }
  .overview-intro h1,
  .mentoring-intro h1,
  .exhibitions-page .curation-intro h1,
  .book-projects-intro h1,
  .about-copy h1,
  .contact-panel h1,
  .project-copy-v2 h1{
    font-size:clamp(34px,10.5vw,46px)!important;line-height:1.02!important;
    letter-spacing:.015em!important;overflow-wrap:anywhere;
  }
  .overview-intro p,
  .orientation-copy p,
  .mentoring-intro p,
  .curation-intro p,
  .book-projects-intro p,
  .about-copy p,
  .collaborations-inner p,
  .contact-subhead,
  .project-copy-v2 p{
    font-size:16px!important;line-height:1.56!important;letter-spacing:0!important;
  }
  .site-copyright{font-size:10px!important;line-height:1.4!important;padding:24px 18px 28px!important;text-align:center!important}

  /* HOME — portrait hero with all key copy inside the first screen */
  .home-page{min-height:100svh}
  .home-main{width:100%;padding:0!important}
  .home-hero{
    width:100%;height:calc(100svh - 64px)!important;min-height:600px!important;max-height:none!important;
    background-position:43% center!important;background-size:cover!important;overflow:hidden;
  }
  .home-hero::after{background:linear-gradient(0deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.48) 25%,rgba(0,0,0,.02) 64%)!important}
  .home-hero-copy{
    left:22px!important;right:22px!important;top:auto!important;bottom:34px!important;
    width:auto!important;min-width:0!important;max-width:none!important;
  }
  .home-hero-copy h1{
    font-size:clamp(34px,10vw,45px)!important;line-height:.98!important;letter-spacing:.095em!important;
    margin:0 0 18px!important;white-space:normal!important;
  }
  .home-role{font-size:14px!important;line-height:1.32!important;font-weight:600!important;margin-bottom:11px!important;white-space:normal!important}
  .home-mission{font-size:12px!important;line-height:1.42!important;max-width:94%!important;margin:0!important}
  .home-photo-credit{right:18px!important;top:18px!important;font-size:8px!important;letter-spacing:.08em!important}

  /* ORIENTATION */
  .overview-page{padding:42px 0 58px!important}
  .overview-intro{text-align:left!important}
  .overview-intro h1{margin-bottom:24px!important;text-align:left!important}
  .orientation-copy{width:100%!important;max-width:none!important;margin:0!important}
  .orientation-copy p{text-align:left!important;margin-bottom:19px!important}
  .overview-cards{display:grid!important;grid-template-columns:1fr!important;gap:44px!important;margin-top:48px!important}
  .overview-cards article{width:100%!important;max-width:none!important;margin:0!important}
  .overview-cards img{width:100%!important;height:auto!important;max-height:360px!important;object-fit:cover!important}
  .overview-cards h2{font-size:25px!important;line-height:1.12!important;white-space:normal!important;margin:16px 0 13px!important}
  .overview-cards ul{margin:0!important}
  .overview-cards li{font-size:15px!important;line-height:1.55!important;padding:2px 0!important}

  /* ABOUT — remove desktop travel/parallax on small screens */
  .about-hero{min-height:0!important;height:auto!important;overflow:visible!important;background:linear-gradient(155deg,#76438e 0%,#75519e 52%,#555cb8 100%)!important}
  .about-backdrop,.about-cloud,.about-panel{display:none!important}
  .about-inner{
    min-height:0!important;height:auto!important;display:flex!important;flex-direction:column!important;
    gap:36px!important;padding:44px 0 58px!important;align-items:stretch!important;
  }
  .about-copy,
  .about-portrait,
  .about-portrait figcaption{
    transform:none!important;translate:none!important;opacity:1!important;will-change:auto!important;
  }
  .about-copy{width:100%!important}
  .about-copy h1{margin:0 0 26px!important}
  .about-copy .about-section-label{font-size:23px!important;line-height:1.2!important;margin:25px 0 14px!important}
  .about-copy h1 + .about-section-label{margin-top:0!important}
  .about-copy p{margin-bottom:18px!important}
  .about-portrait{order:2;width:min(82vw,360px)!important;margin:0 auto!important}
  .about-portrait img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
  .about-portrait figcaption{font-size:10px!important;line-height:1.45!important;margin-top:12px!important;text-align:left!important}
  .collaborations-section{min-height:0!important;height:auto!important;padding:46px 18px 56px!important}
  .collaborations-inner{width:100%!important;max-width:520px!important;transform:none!important;opacity:1!important}
  .collaborations-inner h2{font-size:28px!important;line-height:1.1!important;margin-bottom:18px!important}

  /* MENTORING / WORKSHOPS */
  .workshops-page{padding:38px 0 56px!important}
  .mentoring-intro{width:100%!important;margin:0 auto 34px!important;text-align:left!important}
  .mentoring-intro h1{font-size:clamp(32px,10vw,44px)!important;line-height:1.03!important;text-align:left!important;margin:0 0 22px!important}
  .mentoring-intro p{text-align:left!important;margin:0!important}
  .midcentury-collage,
  .workshop-collage{
    width:100%!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;
    gap:18px!important;padding:0!important;margin:0!important;overflow:visible!important;
  }
  .midcentury-collage::before,.midcentury-collage::after,.mc-shape{display:none!important}
  .workshop-collage>img,
  .workshop-video-block{
    position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:0!important;transform:none!important;
  }
  .workshop-collage>img{max-height:380px!important;object-fit:cover!important}
  .workshop-video-block{aspect-ratio:4/3!important;border-top:6px solid var(--alison-gold)!important}
  .workshop-video-frame,.workshop-video{width:100%!important;height:100%!important;aspect-ratio:4/3!important;object-fit:contain!important}
  .countries{width:100%!important;margin:28px 0 0!important;padding:0!important;font-size:15px!important;line-height:1.6!important;white-space:normal!important;text-align:center!important}

  /* CURATION / EXHIBITIONS */
  .exhibitions-page{padding:38px 0 58px!important;overflow:hidden!important}
  .curation-intro{margin-top:0!important;margin-bottom:30px!important;text-align:left!important}
  .exhibitions-page .curation-intro h1{text-align:left!important;margin-bottom:22px!important}
  .curation-intro p{text-align:left!important;margin:0!important}
  .exhibition-carousel{width:100%!important;height:500px!important;padding:0!important;margin-top:18px!important;overflow:hidden!important}
  .carousel-viewport{width:100%!important;height:455px!important;overflow:hidden!important;touch-action:pan-y!important}
  .carousel-track img{width:76vw!important;max-width:330px!important;height:410px!important;object-fit:cover!important}
  .carousel-track img[data-cover-pos="0"]{transform:translate(-50%,-50%) scale(1)!important}
  .carousel-track img[data-cover-pos="-1"]{transform:translate(-76%,-50%) scale(.70)!important;opacity:.30!important}
  .carousel-track img[data-cover-pos="1"]{transform:translate(-24%,-50%) scale(.70)!important;opacity:.30!important}
  .carousel-track img[data-cover-pos="-2"],.carousel-track img[data-cover-pos="2"]{opacity:0!important}

  /* BOOK PROJECTS landing */
  .book-projects-intro{padding:42px 18px 34px!important;text-align:left!important}
  .book-projects-intro h1{text-align:left!important;margin-bottom:24px!important}
  .book-projects-intro p{max-width:none!important;text-align:left!important;margin:0 0 18px!important}
  .book-cover-grid{
    width:calc(100% - 36px)!important;display:grid!important;grid-template-columns:1fr!important;
    gap:38px!important;margin:0 auto!important;padding:8px 0 64px!important;
  }
  .book-card{width:100%!important;max-width:430px!important;margin:0 auto!important}
  .book-cover-image-wrap{width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important}
  .book-cover-link img{width:100%!important;height:auto!important;max-height:520px!important;object-fit:contain!important;background:#080808}
  .book-card .book-title-box{min-height:0!important;padding:14px 10px 8px!important}
  .book-card .book-title-box h2{font-size:19px!important;line-height:1.15!important;white-space:normal!important;text-align:center!important}
  .book-author-link{font-size:12px!important;line-height:1.35!important;text-align:center!important;padding:0 8px 13px!important}

  /* INDIVIDUAL BOOK PROJECTS */
  .project-page{overflow-x:hidden!important}
  .project-hero-v2{
    display:flex!important;flex-direction:column!important;gap:28px!important;padding:42px 0 40px!important;align-items:stretch!important;
  }
  .project-copy-v2{width:100%!important;order:1!important}
  .project-copy-v2 h1{margin-bottom:16px!important}
  .project-copy-v2 .project-kicker{font-size:11px!important;line-height:1.4!important;letter-spacing:.15em!important;margin-bottom:10px!important}
  .project-copy-v2 p{margin-bottom:16px!important}
  .project-cover-v2{
    order:2!important;width:min(86vw,400px)!important;height:auto!important;max-height:none!important;margin:2px auto 0!important;
    object-fit:contain!important;background:#080808!important;
  }
  .project-media-v2{padding:0 0 58px!important}
  .project-slideshow{
    width:100%!important;height:min(68vw,420px)!important;min-height:260px!important;max-height:420px!important;
    margin:0 auto 30px!important;background:#060606!important;
  }
  .project-slide{object-fit:contain!important}
  .project-arrow{font-size:34px!important;padding:10px!important}
  .project-dots{padding:11px 8px!important;gap:7px!important;flex-wrap:wrap!important}
  .project-video-wrap{
    width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:16/9!important;margin:0 auto!important;
  }
  .project-video-wrap video{width:100%!important;height:100%!important;object-fit:contain!important}
  .back-to-books{display:inline-block!important;margin:26px 0 0!important;font-size:12px!important}

  /* CONTACT */
  .contact-grid{display:flex!important;flex-direction:column!important;min-height:0!important}
  .contact-photo{order:2!important;width:100%!important;min-height:0!important;height:54vw!important;max-height:300px!important;background-position:center 38%!important}
  .contact-panel{order:1!important;padding:42px 0 48px!important;display:block!important}
  .contact-panel h1{margin-bottom:22px!important}
  .contact-subhead{margin-bottom:24px!important}
  .email-link{font-size:19px!important;line-height:1.3!important;overflow-wrap:anywhere!important;margin-bottom:18px!important}
  .pricing-note{font-size:16px!important;margin-bottom:30px!important}
  .form-row{grid-template-columns:1fr!important;gap:0!important}
  .field{margin-bottom:19px!important}
  .genre-options{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  .field input,.field textarea{font-size:16px!important;padding:10px 0!important}
  .submit{width:100%!important;min-height:48px!important}
}

@media (max-width:390px){
  .home-hero-copy h1{font-size:32px!important;letter-spacing:.075em!important}
  .home-role{font-size:13px!important}
  .home-mission{font-size:11.5px!important}
  .overview-intro h1,
  .mentoring-intro h1,
  .exhibitions-page .curation-intro h1,
  .book-projects-intro h1,
  .about-copy h1,
  .contact-panel h1,
  .project-copy-v2 h1{font-size:32px!important}
  .carousel-track img{width:80vw!important;height:390px!important}
}

/* ============================================================
   V2.20 — MOBILE PORTRAIT REFINEMENT
   Better home hero crop + intentional mentoring mosaic.
   ============================================================ */
@media (max-width:700px){
  /* HOME: show substantially more of the horizontal photograph, with a
     controlled black copy zone below instead of an extreme full-height crop. */
  .home-hero{
    background-color:#000!important;
    background-size:auto 64%!important;
    background-position:42% 4%!important;
    background-repeat:no-repeat!important;
  }
  .home-hero::after{
    background:linear-gradient(0deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.92) 25%,rgba(0,0,0,.40) 42%,rgba(0,0,0,0) 66%)!important;
  }
  .home-hero-copy{
    bottom:30px!important;
  }
  .home-photo-credit{
    top:14px!important;right:16px!important;
  }

  /* MENTORING: curated editorial mosaic instead of a loose vertical stack. */
  .midcentury-collage,
  .workshop-collage{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:12px!important;
    align-items:stretch!important;
  }
  .workshop-collage>img,
  .workshop-video-block{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    overflow:hidden!important;
  }
  .workshop-collage>img{object-fit:cover!important;max-height:none!important}
  .midcentury-collage .wc-one{
    grid-column:1/-1!important;grid-row:auto!important;
    height:auto!important;aspect-ratio:16/10!important;
  }
  .midcentury-collage .wc-two,
  .midcentury-collage .wc-three{
    grid-column:auto!important;grid-row:auto!important;
    height:auto!important;aspect-ratio:4/5!important;min-height:0!important;
  }
  .midcentury-collage .workshop-video-block{
    grid-column:1/-1!important;grid-row:auto!important;
    height:auto!important;aspect-ratio:4/3!important;
    border-top:6px solid var(--alison-gold)!important;
  }
  .midcentury-collage .wc-four{
    grid-column:1/-1!important;grid-row:auto!important;
    height:auto!important;aspect-ratio:16/9!important;min-height:0!important;
  }
  .midcentury-collage .wc-five,
  .midcentury-collage .wc-six{
    grid-column:auto!important;grid-row:auto!important;
    height:auto!important;aspect-ratio:4/5!important;min-height:0!important;
  }
  .midcentury-collage .wc-two{border-top:5px solid #efb8bf!important}
  .midcentury-collage .wc-three{border-top:5px solid #7e9bdb!important}
  .midcentury-collage .wc-five{border-bottom:5px solid #86b8ad!important}
  .midcentury-collage .wc-six{border-bottom:5px solid #d4ad32!important}
  .countries{margin-top:24px!important}

  /* The site is now on PHP hosting, so the old pre-launch note is obsolete. */
  .form-note{display:none!important}
}

@media (max-width:390px){
  .home-hero{background-size:auto 61%!important;background-position:41% 3%!important}
  .midcentury-collage,.workshop-collage{gap:9px!important}
}


/* ============================================================
   V2.21 — MOBILE POLISH + PALETTE / CURATION REFINEMENTS
   ============================================================ */
/* Curation carousel: preserve complete photographs rather than cropping. */
.carousel-track img{
  object-fit:contain!important;
  background:#000!important;
}

/* Book Projects requested palette. */
.book-projects-intro h1{color:var(--alison-gold)!important;}
.book-projects-intro p,
.book-projects-intro .book-intro-primary,
.book-projects-intro .book-intro-secondary,
.book-projects-intro .book-intro-final{color:#fff!important;}

/* Contact requested white title and pricing note. */
.contact-panel h1,
.contact-panel .pricing-note{color:#fff!important;}

/* Orientation: break up the mustard with a complementary pink middle paragraph. */
.orientation-copy p:nth-child(2){color:var(--alison-pink)!important;}

@media (max-width:700px){
  /* HOME: text is its own block ABOVE the photograph. */
  .home-hero{
    height:calc(100svh - 64px)!important;
    min-height:650px!important;
    background-size:100% auto!important;
    background-position:center bottom!important;
    background-repeat:no-repeat!important;
    background-color:#000!important;
  }
  .home-hero::after{display:none!important;}
  .home-hero-copy{
    position:absolute!important;
    left:22px!important;right:22px!important;
    top:24px!important;bottom:auto!important;
    width:auto!important;
    padding:0!important;
    z-index:3!important;
  }
  .home-hero-copy h1{margin:0 0 15px!important;}
  .home-role{margin-bottom:10px!important;}
  .home-mission{max-width:100%!important;}
  .home-photo-credit{
    left:14px!important;right:auto!important;
    top:auto!important;bottom:12px!important;
    z-index:4!important;text-align:left!important;
  }

  /* Orientation copy is flush-left; middle paragraph is pink. */
  .orientation-copy,
  .orientation-copy p{text-align:left!important;}
  .orientation-copy p:nth-child(2){color:var(--alison-pink)!important;}

  /* MENTORING: one compact, edge-to-edge editorial collage block. */
  .midcentury-collage,.workshop-collage{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:4px!important;
    padding:0!important;margin:0!important;
    background:#000!important;
  }
  .workshop-collage>img,.workshop-video-block{
    border:0!important;margin:0!important;width:100%!important;
    max-width:none!important;min-width:0!important;
  }
  .midcentury-collage .wc-one{
    grid-column:1/-1!important;aspect-ratio:16/10!important;
  }
  .midcentury-collage .wc-two,
  .midcentury-collage .wc-three{
    grid-column:auto!important;aspect-ratio:4/5!important;
  }
  .midcentury-collage .workshop-video-block{
    grid-column:1/-1!important;aspect-ratio:4/3!important;
  }
  .midcentury-collage .wc-four,
  .midcentury-collage .wc-five{
    grid-column:auto!important;aspect-ratio:4/5!important;
  }
  .workshop-collage>img{height:100%!important;object-fit:cover!important;}
  .workshop-video-frame,.workshop-video{height:100%!important;object-fit:cover!important;}

  /* CURATION: horizontal images remain horizontal and fully visible. */
  .exhibition-carousel{height:390px!important;overflow:visible!important;}
  .carousel-viewport{height:350px!important;overflow:visible!important;}
  .carousel-track img{
    width:84vw!important;max-width:520px!important;
    height:300px!important;max-height:300px!important;
    object-fit:contain!important;background:#000!important;
  }
  .carousel-track img[data-cover-pos="-1"]{transform:translate(-72%,-50%) scale(.72)!important;}
  .carousel-track img[data-cover-pos="1"]{transform:translate(-28%,-50%) scale(.72)!important;}

  /* Book Projects intro palette on mobile too. */
  .book-projects-intro h1{color:var(--alison-gold)!important;}
  .book-projects-intro p{color:#fff!important;}

  /* Contact */
  .contact-panel h1,.contact-panel .pricing-note{color:#fff!important;}
}

@media (max-width:390px){
  .home-hero{min-height:620px!important;background-size:100% auto!important;background-position:center bottom!important;}
  .home-hero-copy{top:20px!important;}
  .carousel-track img{width:86vw!important;height:270px!important;max-height:270px!important;}
  .exhibition-carousel{height:360px!important;}
  .carousel-viewport{height:320px!important;}
}


/* ===== V2.22 mobile refinement ===== */
.home-mobile-photo-wrap{display:none}

@media (max-width:700px){
  /* Home: dedicated portrait flow. Text first, photograph immediately below. */
  .home-main{padding:0!important}
  .home-hero{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    background-image:none!important;
    overflow:visible!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .home-hero-copy{
    position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:auto!important;
    padding:24px 22px 18px!important;
    order:1!important;
  }
  .home-hero-copy h1{font-size:clamp(34px,10.8vw,48px)!important;line-height:1.02!important;margin:0 0 14px!important}
  .home-role{font-size:14px!important;line-height:1.35!important;margin:0 0 12px!important}
  .home-mission{font-size:14px!important;line-height:1.48!important;margin:0!important}
  .desktop-home-credit{display:none!important}
  .home-mobile-photo-wrap{
    display:block!important;
    position:relative!important;
    order:2!important;
    width:100%!important;
    margin:0!important;
    background:#000!important;
  }
  .home-mobile-photo{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
  .home-mobile-credit{
    position:absolute!important;
    left:14px!important;bottom:10px!important;
    color:#d7d83d!important;
    font-size:8px!important;
    letter-spacing:.08em!important;
    text-decoration:none!important;
    z-index:3!important;
  }

  /* Mentoring: simple large vertical editorial sequence on phones. */
  .midcentury-collage,.workshop-collage{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    background:#000!important;
  }
  .midcentury-collage .mc-shape{display:none!important}
  .workshop-collage>img,
  .workshop-collage .workshop-video-block{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    flex:none!important;
  }
  .workshop-collage>img{
    display:block!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    background:#000!important;
  }
  .workshop-video-frame{height:auto!important;aspect-ratio:16/9!important}
  .workshop-video{width:100%!important;height:100%!important;object-fit:contain!important}
}

/* V2.24 — definitive mobile Mentoring stack */
@media screen and (max-width: 900px){
  body.dark-site .workshops-page{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:32px 20px 56px !important;
    overflow:hidden !important;
  }
  body.dark-site .workshops-page .mentoring-intro{
    width:100% !important;
    max-width:none !important;
    margin:0 0 28px !important;
    padding:0 !important;
  }
  body.dark-site .workshops-page .workshop-collage.midcentury-collage{
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:none !important;
    position:relative !important;
    width:calc(100% + 40px) !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 0 0 -20px !important;
    padding:0 !important;
    gap:12px !important;
    background:#000 !important;
    overflow:visible !important;
  }
  body.dark-site .workshops-page .workshop-collage.midcentury-collage .mc-shape{
    display:none !important;
  }
  body.dark-site .workshops-page .workshop-collage.midcentury-collage > img{
    display:block !important;
    position:relative !important;
    inset:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    transform:none !important;
    flex:0 0 auto !important;
    align-self:stretch !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    object-fit:contain !important;
  }
  body.dark-site .workshops-page .workshop-collage.midcentury-collage .workshop-video-block{
    display:block !important;
    position:relative !important;
    inset:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    transform:none !important;
    flex:0 0 auto !important;
    align-self:stretch !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
  }
  body.dark-site .workshops-page .workshop-video-frame{
    display:block !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:16/9 !important;
    margin:0 !important;
    padding:0 !important;
  }
  body.dark-site .workshops-page .workshop-video{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    margin:0 !important;
    padding:0 !important;
  }
  body.dark-site .workshops-page .countries{
    margin:28px 0 0 !important;
    padding:0 !important;
  }
}