/* One open fashion editorial, with the photograph's own backdrop left intact. */
#project-view[data-case-id="arabian-nights"]{--an-gold:#c7a66d;--an-ink:#681b10}
#project-view[data-case-id="arabian-nights"] .visual-story{background:#f1eae0}
#project-view[data-case-id="arabian-nights"] .story-opening{grid-template-columns:.85fr 1.15fr;align-items:center;padding:55px 4.8vw 32px;gap:50px 7%;position:relative}
#project-view[data-case-id="arabian-nights"] .story-opening h1{font-size:clamp(76px,8.6vw,142px);line-height:.88;margin:36px 0;letter-spacing:-.055em;overflow-wrap:normal}
#project-view[data-case-id="arabian-nights"] .story-opening h1 em{font-weight:400}
#project-view[data-case-id="arabian-nights"] .story-opening-copy>p{font-size:clamp(24px,2.8vw,41px);max-width:400px;line-height:1.18}
#project-view[data-case-id="arabian-nights"] .story-opening-art{padding:0;border-radius:0;background:transparent;color:inherit}
#project-view[data-case-id="arabian-nights"] .story-opening-art .story-art img{height:auto;max-height:none;width:100%;object-fit:contain}
#project-view[data-case-id="arabian-nights"] .story-opening-art figcaption{color:#dfc6b6;font-size:11px;max-width:48ch}
#project-view[data-case-id="arabian-nights"] .story-opening-summary{gap:7%}
#project-view[data-case-id="arabian-nights"] .story-entry{margin-top:12px}
.an-palette{display:flex;gap:22px;color:#dfc6b6;font-size:11px;margin-top:18px}
.an-palette>span{display:flex;align-items:center;gap:8px}
.an-palette i{width:9px;height:9px;display:inline-block;border-radius:50%}
.an-swatch-black{background:#1b1715;border:1px solid #c7a66d80}.an-swatch-white{background:#f1eae0}.an-swatch-gold{background:#c7a66d}
.an-ornament{width:min(100%,340px);margin:28px 0 0;color:var(--an-gold);pointer-events:none;transform:rotate(var(--an-light,0deg));transition:transform 1.8s cubic-bezier(.22,.61,.36,1)}
.an-ornament svg{display:block;width:100%;height:auto;overflow:visible}
.an-chain{stroke:#d6b573;stroke-width:.7;opacity:.62}
.an-coin{transform-box:fill-box;transform-origin:50% 0;animation:an-coin-turn 7s ease-in-out var(--coin-delay) infinite}
.an-coin>path{stroke:#d6b573;stroke-width:.65}.an-coin>ellipse{fill:url(#an-gold);stroke:#e8ce9c;stroke-width:.4}.an-coin>.an-coin-etch{fill:none;stroke:#6c4528;stroke-width:.45;opacity:.7}
.an-strand{transform-origin:180px 20px;animation:an-chain-sway 9s ease-in-out var(--strand-delay) infinite}
@keyframes an-chain-sway{0%,100%{transform:rotate(-1.3deg)}50%{transform:rotate(1.3deg)}}
@keyframes an-coin-turn{0%,100%{scale:.7 1}50%{scale:1 1}}
/* The cream ground continues between chapters instead of wrapping every item. */
#project-view[data-case-id="arabian-nights"] .story-method,
#project-view[data-case-id="arabian-nights"] .story-section:not(.surface-wine){background:#f1eae0;--story-secondary:#705342;--story-fg:#681b10;--story-line:#8c62522c}
#project-view[data-case-id="arabian-nights"] .story-method{padding-top:70px;padding-bottom:30px}
#project-view[data-case-id="arabian-nights"] .story-method-heading .project-motif{display:none}
#project-view[data-case-id="arabian-nights"] .story-method-heading{margin-bottom:30px}
#project-view[data-case-id="arabian-nights"] .story-method h2{font-size:clamp(38px,4vw,62px);max-width:650px}
#project-view[data-case-id="arabian-nights"] .process-steps{border-top:1px solid var(--story-line)}
#project-view[data-case-id="arabian-nights"] .story-section{padding-top:85px;padding-bottom:85px}
#project-view[data-case-id="arabian-nights"] #project-step-0{border-top:1px solid #8c62522c}
#project-view[data-case-id="arabian-nights"] .story-section.with-visual>.story-section-copy{max-width:none;display:grid;grid-template-columns:1.2fr .8fr;gap:0 8%;margin-bottom:48px;align-items:end}
#project-view[data-case-id="arabian-nights"] .story-section.with-visual>.story-section-copy .story-eyebrow{grid-column:1/-1}
#project-view[data-case-id="arabian-nights"] .story-section.with-visual>.story-section-copy h2{grid-column:1;grid-row:2/4;margin-bottom:0}
#project-view[data-case-id="arabian-nights"] .story-section.with-visual>.story-section-copy .story-lead{grid-column:2;font-size:15px}
#project-view[data-case-id="arabian-nights"] .story-section.with-visual>.story-section-copy .story-more{grid-column:2;margin-top:14px}
.an-collection-controls{display:flex;gap:28px;align-items:center;border-bottom:1px solid #8c62522c;margin-bottom:0}
.an-collection .fx-selector{flex:1;margin:0;border:0;flex-wrap:nowrap;gap:22px;overflow:auto;scrollbar-width:none}
.an-collection .fx-selector button{flex:none;min-width:0;white-space:nowrap;font-size:12px;gap:7px;padding:16px 0;min-height:58px;cursor:pointer}
.an-collection .an-play{display:flex;flex:none;align-items:center;gap:8px;border:0;background:transparent;font-size:11px;min-height:44px;padding:8px 0;cursor:pointer;color:#681b10}
.an-play:disabled{opacity:.4;cursor:default}
.an-look-clock{height:1px;margin-bottom:38px;overflow:hidden}
.an-look-clock span{display:block;height:100%;width:100%;background:#9a753d;transform:scaleX(0);transform-origin:left}
.an-look-layout{display:grid;grid-template-columns:1.22fr .64fr .58fr;gap:32px 5%;align-items:start}
.an-main-photo{grid-column:1;grid-row:1/3}
.an-look-copy{grid-column:2/4;display:flex;gap:22px;align-items:start;padding-top:12px}
.an-look-index{font:italic 400 clamp(55px,7vw,100px)/.85 var(--portfolio-serif);color:#b28c68;letter-spacing:-.07em}
.an-look-copy>div{flex:1;min-width:0}
.an-look-copy h3{font-size:clamp(33px,4vw,57px);margin:12px 0 18px}
.an-look-copy .fx-caption{font-size:14px;max-width:36ch}
.an-drawing{grid-column:2;grid-row:2}
.an-look-detail{grid-column:3;grid-row:2;padding-top:70px}
#project-view[data-case-id="arabian-nights"] .an-collection .fx-image{background:transparent;padding:0;border-radius:0;height:auto}
#project-view[data-case-id="arabian-nights"] .an-collection .fx-image img{width:100%;height:auto;max-height:none;object-fit:contain}
.an-collection .fx-figure figcaption{margin-top:13px;font-size:11px;border-top:1px solid #8c625225;padding-top:11px}
.an-look-detail .fx-details-list{display:block;font-size:12px;line-height:1.7;margin-top:22px}
.an-look-detail .fx-details-list li+li{margin-top:8px}
.an-look-detail .fx-details-list li:before{background:#9a753d}
.an-look-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #8c62522c;margin-top:35px;padding:17px 0 0;color:#705342;font-size:12px}
.an-look-footer>div{display:flex;align-items:center;gap:21px}
.an-look-footer button{width:44px;height:44px;border:1px solid #8c625250;border-radius:50%;background:transparent;cursor:pointer;font-size:22px;transition:background .35s,color .35s}
.an-look-footer button:hover{background:#6b190c;color:#f1eae0}
/* Give the original research collage the whole page width, without a mat. */
#project-view[data-case-id="arabian-nights"] #project-step-1{display:block;border-top:1px solid #8c62522c}
#project-view[data-case-id="arabian-nights"] #project-step-1>.story-section-copy{display:grid;grid-template-columns:1.2fr .8fr;gap:0 8%;margin-bottom:45px;max-width:none;align-items:start}
#project-view[data-case-id="arabian-nights"] #project-step-1 .story-eyebrow{grid-column:1/-1}
#project-view[data-case-id="arabian-nights"] #project-step-1 h2{grid-column:1;grid-row:2/4}
#project-view[data-case-id="arabian-nights"] #project-step-1 .story-lead,
#project-view[data-case-id="arabian-nights"] #project-step-1 .story-more{grid-column:2}
#project-view[data-case-id="arabian-nights"] #project-step-1>.story-art{padding:0;background:transparent;border-radius:0}
#project-view[data-case-id="arabian-nights"] .making-strip{gap:4%;align-items:start;margin-top:50px;padding-top:30px}
#project-view[data-case-id="arabian-nights"] .making-strip>.case-figure:nth-child(even){margin-top:65px}
#project-view[data-case-id="arabian-nights"] .making-strip .image-button{padding:0;background:transparent}
#project-view[data-case-id="arabian-nights"] .making-strip img{width:100%;height:auto;max-height:320px;object-fit:contain;background:transparent}
#project-view[data-case-id="arabian-nights"] .making-strip figcaption{font-size:12px;padding-top:16px}
#project-view[data-case-id="arabian-nights"] .making-strip:before{border-top-color:#a57f48;top:0}
#project-view[data-case-id="arabian-nights"] .making-strip:after{content:'';position:absolute;top:-2px;left:0;width:5px;height:5px;border-radius:50%;background:#a57f48;animation:an-seam 13s ease-in-out infinite}
@keyframes an-seam{0%,8%{transform:translateX(0);opacity:0}15%{opacity:1}85%{opacity:1}92%,100%{transform:translateX(var(--an-seam-width,800px));opacity:0}}
#project-view[data-case-id="arabian-nights"] #project-step-3{display:grid;grid-template-columns:.7fr 1.3fr;gap:9%;align-items:center}
#project-view[data-case-id="arabian-nights"] #project-step-3>.story-section-copy{display:block;margin:0}
#project-view[data-case-id="arabian-nights"] #project-step-3 .fx-image{background:transparent}
#project-view[data-case-id="arabian-nights"] #project-step-3 .fx-closing{max-width:none}
#project-view[data-case-id="arabian-nights"] #project-step-3 .fx-closing img{max-height:none}
#project-view[data-case-id="arabian-nights"] #project-step-3 .fx-closing figcaption{font:12px/1.7 var(--portfolio-sans,Arial,sans-serif);color:#dfc6b6}
#project-view[data-case-id="arabian-nights"] .story-outcome{background:#6b190c;padding-top:40px;border-top:1px solid #dfc6b633}
@media(min-width:1001px){#project-view[data-case-id="arabian-nights"] .story-opening-copy{padding:10px 0 25px}}
@media(max-width:1000px){
 #project-view[data-case-id="arabian-nights"] .story-opening{gap:35px 5%;padding:40px 35px 30px}
 #project-view[data-case-id="arabian-nights"] .story-opening h1{font-size:clamp(65px,9vw,90px)}
 .an-ornament{max-width:245px;margin-top:20px}
 .an-look-layout{gap:28px 4%;grid-template-columns:1.1fr .65fr .6fr}
 .an-look-copy{gap:14px}.an-look-index{font-size:65px}.an-look-copy h3{font-size:38px}
 .an-collection-controls{display:block}.an-collection .fx-selector{gap:28px}.an-play{margin-left:auto}
 .an-look-detail{padding-top:25px}
}
@media(max-width:700px){
 #project-view[data-case-id="arabian-nights"] .story-opening{padding:34px 22px 28px;display:flex;gap:32px;align-items:stretch}
 #project-view[data-case-id="arabian-nights"] .story-opening-copy{position:relative}
 #project-view[data-case-id="arabian-nights"] .story-opening h1{font-size:clamp(70px,20vw,100px);margin:26px 0}
 #project-view[data-case-id="arabian-nights"] .story-opening-copy>p{font-size:26px;max-width:240px}
 #project-view[data-case-id="arabian-nights"] .story-opening-art .story-art img{max-height:none!important}
 .an-materials{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:15px}
 .an-ornament{position:static;width:170px;max-width:65%;margin:0;opacity:.9}
 .an-palette{flex-direction:column;gap:10px;margin:0;font-size:10px}
 #project-view[data-case-id="arabian-nights"] .story-method{padding:40px 22px 20px}
 #project-view[data-case-id="arabian-nights"] .story-method h2{font-size:36px}
 #project-view[data-case-id="arabian-nights"] .story-section{padding:46px 22px;gap:26px}
 #project-view[data-case-id="arabian-nights"] .story-section.with-visual>.story-section-copy,
 #project-view[data-case-id="arabian-nights"] #project-step-1>.story-section-copy{display:block;margin-bottom:8px}
 #project-view[data-case-id="arabian-nights"] .story-section.with-visual>.story-section-copy h2{margin-bottom:19px}
 #project-view[data-case-id="arabian-nights"] #project-step-1>.story-section-copy{margin-bottom:30px}
 .an-collection .fx-selector{gap:23px}.an-collection .fx-selector button{font-size:12px;min-width:0;flex-basis:auto}
 .an-collection .an-play{padding:9px 0;font-size:12px;min-height:44px}
 .an-look-clock{margin-bottom:24px}
 .an-look-layout{grid-template-columns:1fr 1fr;gap:25px 22px}
 .an-look-copy{grid-row:1;grid-column:1/-1;padding:0;align-items:center;gap:25px}
 .an-look-index{font-size:70px}.an-look-copy h3{font-size:36px;margin:8px 0 12px}.an-look-copy .fx-caption{font-size:13px}
 .an-main-photo{grid-column:1/-1;grid-row:2}
 .an-drawing{grid-column:1;grid-row:3}
 .an-look-detail{grid-column:2;grid-row:3;padding-top:32px}
 .an-look-detail .fx-details-list{font-size:11px;margin-top:16px}
 .an-look-footer{gap:12px;align-items:start;margin-top:28px;font-size:11px;line-height:1.6}
 .an-look-footer>span{max-width:120px;padding-top:5px}.an-look-footer>div{gap:12px;white-space:nowrap}
 #project-view[data-case-id="arabian-nights"] .making-strip{display:grid;grid-template-columns:1fr 1fr;gap:28px 22px;margin-top:10px}
 #project-view[data-case-id="arabian-nights"] .making-strip>.case-figure:nth-child(even){margin-top:28px}
 #project-view[data-case-id="arabian-nights"] .making-strip img{max-height:240px}
 #project-view[data-case-id="arabian-nights"] .making-strip:after{display:none}
 #project-view[data-case-id="arabian-nights"] #project-step-3{display:flex;gap:30px}
 #project-view[data-case-id="arabian-nights"] .story-outcome{padding-top:34px}
}
@media(prefers-reduced-motion:reduce){.an-ornament *{animation:none!important}.an-ornament{transform:none;transition:none}.an-look-clock{visibility:hidden}}