/* An image-led editorial: a campaign, an endless lookbook, and the original atelier. */
#project-view.case-arabian-nights .arabian-campaign{background:#f1eae0;color:#681b10;border-radius:0;overflow:clip;isolation:auto}
.arabian-campaign h1,.arabian-campaign h2{font-family:var(--portfolio-serif);font-weight:400;letter-spacing:-.035em}
.ar-masthead{text-align:center;padding:48px 5% 28px}
.ar-masthead>span{font-size:12px;letter-spacing:.14em;line-height:1.8}
.ar-masthead h1{font-size:clamp(62px,7.5vw,120px);line-height:1.04;margin:18px 0 32px}.ar-masthead h1 em{font-weight:400}
.ar-masthead nav{display:flex;gap:38px;justify-content:center;font-size:14px;line-height:1.5}.ar-masthead nav a{padding:8px 0;border-bottom:1px solid transparent}.ar-masthead nav a:hover{border-color:currentColor}
.ar-film{position:relative;aspect-ratio:93/64;background:#2b211a;scroll-margin-top:30px}
.ar-film video{display:block;width:100%;height:100%;object-fit:contain}



.ar-film-control{position:absolute;bottom:25px;right:25px;display:flex;align-items:center;gap:10px;padding:12px 17px;border:1px solid #fff6e787;background:#281b15a8;color:#fff6e7;font-size:12px;min-height:46px;z-index:2;border-radius:24px}.ar-film-control[hidden]{display:none}.ar-film-control>span:first-child{min-width:15px;text-align:center}
.arabian-campaign .ar-film-control,.arabian-campaign .ar-film-control[aria-pressed=true]{color:#fff6e7}
.ar-intro{text-align:center;padding:65px 6% 60px;max-width:800px;margin:auto}.ar-kicker{display:block;font-size:12px;line-height:1.7;letter-spacing:.1em;text-transform:uppercase}
.ar-intro p{font:400 clamp(23px,2.5vw,34px)/1.4 var(--portfolio-serif);margin:22px 0 25px}
.ar-colours{display:flex;justify-content:center;gap:11px}.ar-colours i{width:9px;height:9px;display:block;border-radius:50%;background:var(--colour);border:1px solid #681b1033}
.ar-diptych{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 4%}
.ar-diptych figure{margin:0;min-width:0}
#project-view .ar-diptych img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:2/3;object-fit:contain;filter:none;transform:none;border-radius:0;background:none}
.ar-diptych figcaption{text-align:center;font-size:14px;letter-spacing:.07em;padding:20px 0 0}
.ar-lookbook{padding:80px 0 60px;scroll-margin-top:30px}.ar-lookbook-heading{text-align:center;padding:0 6% 38px}.ar-lookbook h2{font-size:clamp(42px,5vw,76px);line-height:1.05;margin:18px 0}.ar-lookbook-heading p{font-size:14px;line-height:1.7;color:#705342;margin:0}
.ar-reel{--ar-width:clamp(210px,29vw,430px);--ar-gap:18px;width:100%;overflow:hidden;touch-action:pan-y}
.ar-reel-track{display:flex;width:max-content;animation:ar-endless 75s linear infinite;animation-play-state:paused}
.ar-reel[data-running=true] .ar-reel-track{animation-play-state:running}
.ar-reel-group{display:flex;gap:var(--ar-gap);padding-right:var(--ar-gap);flex:none}
.ar-reel-item{margin:0;width:var(--ar-width);flex:none}
#project-view .ar-reel-item img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:4/5;object-fit:contain;border-radius:0;background:none;filter:none;transform:none}
.ar-reel-item figcaption{display:flex;gap:16px;align-items:baseline;padding:14px 0 0;font-size:14px;line-height:1.6}.ar-reel-item figcaption>span{font-size:12px;color:#95735b}
.ar-reel-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 5% 0;color:#705342;font-size:12px;line-height:1.6;letter-spacing:.02em}
.ar-reel-controls button{display:flex;align-items:center;gap:12px;color:#681b10;font-size:14px;min-height:44px;padding:10px 0;border-bottom:1px solid #681b1066}
@keyframes ar-endless{to{transform:translateX(-50%)}}
.ar-reel[data-static=true]{overflow-x:auto;touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:#b18d70 #e4d8cc;padding-bottom:10px}
.ar-reel[data-static=true] .ar-reel-track{animation:none;transform:none}
.ar-reel[data-static=true] .ar-reel-group[aria-hidden]{display:none}
.ar-atelier{padding:65px 6% 45px;border-top:1px solid #681b102b;text-align:center;scroll-margin-top:30px}
.ar-atelier h2{font-size:clamp(39px,4.7vw,68px);line-height:1.08;margin:22px 0 44px}
.ar-disclosure{text-align:left;border-top:1px solid #681b1033}
.ar-disclosure:last-of-type{border-bottom:1px solid #681b1033}
.ar-disclosure summary{display:flex;list-style:none;justify-content:space-between;gap:20px;align-items:center;min-height:72px;padding:20px 0;cursor:pointer;font-size:16px;line-height:1.5}.ar-disclosure summary::-webkit-details-marker{display:none}.ar-disclosure summary>span{font-size:24px}
.ar-drawings{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;padding:12px 0 36px;align-items:end}
.ar-drawings figure,.ar-making figure{margin:0;min-width:0}
.ar-drawings button,.ar-making button{display:block;width:100%;background:transparent;border:0;padding:0;cursor:zoom-in}
#project-view .ar-drawings img{display:block;width:100%;height:clamp(220px,26vw,390px);object-fit:contain;max-height:none;border-radius:0;background:transparent}
.ar-drawings figcaption,.ar-making figcaption{font-size:12px;line-height:1.7;padding-top:16px;color:#705342}
.ar-making{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;padding:12px 0 36px}
#project-view .ar-making img{width:100%;height:240px;object-fit:contain;background:transparent;border-radius:0;max-height:none}
.ar-credit{font-size:13px;line-height:1.8;margin:40px auto 0;color:#705342}
.ar-provenance{font-size:12px;line-height:1.8;max-width:660px;margin:16px auto 0;color:#705342}
.arabian-campaign :is(a,button,summary,[tabindex]):focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:800px){.ar-masthead{padding-top:34px}.ar-masthead h1{font-size:clamp(50px,9vw,75px);margin:15px 0 24px}.ar-masthead nav{gap:25px;font-size:12px}.ar-film-control{bottom:14px;right:14px}.ar-intro{padding:45px 8%}.ar-intro p{font-size:27px}.ar-lookbook{padding-top:55px}.ar-drawings{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.ar-making{grid-template-columns:1fr 1fr}.ar-reel{--ar-width:270px;--ar-gap:14px}.ar-atelier{padding:48px 6% 35px}}
@media(max-width:650px){.ar-masthead>span{font-size:10px;letter-spacing:.1em}.ar-masthead h1{font-size:clamp(44px,11.5vw,66px)}.ar-masthead nav{gap:20px;font-size:12px}.ar-film-control{font-size:11px;min-height:40px;padding:8px 12px;right:12px;bottom:12px;background:#281b15d9}.ar-diptych{padding:0;grid-template-columns:1fr;gap:35px}.ar-diptych figcaption{padding-top:17px;font-size:13px}.ar-lookbook h2{font-size:44px}.ar-lookbook-heading{padding-bottom:30px}.ar-reel{--ar-width:260px;--ar-gap:12px}.ar-reel-item figcaption{font-size:13px}.ar-atelier h2{font-size:42px}.ar-drawings{grid-template-columns:1fr 1fr;gap:26px 16px}#project-view .ar-drawings img{height:260px}.ar-making{gap:25px 16px}#project-view .ar-making img{height:180px}.ar-disclosure summary{font-size:15px;min-height:68px}.ar-provenance{font-size:12px}.ar-lookbook{padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){.ar-reel-track{animation-play-state:paused}.arabian-campaign *{scroll-behavior:auto!important}}
/* Motion is off by default for this preference; the explicit play control can opt in. */
@media(prefers-reduced-motion:reduce){.arabian-campaign .ar-reel[data-static=false] .ar-reel-track{animation:ar-endless 75s linear infinite!important;animation-play-state:paused!important}.arabian-campaign .ar-reel[data-static=false][data-running=true] .ar-reel-track{animation-play-state:running!important}}

.ar-campaign-film{margin:0;width:100%;scroll-margin-top:30px}
#project-view .ar-campaign-film :is(img,video){width:100%;height:auto;max-height:none;display:block;object-fit:contain;border-radius:0;background:transparent}