body.detail-page{background:#101114;color:#f5f5f7}.detail-page header{background:#101114db;border-color:#ffffff15}.detail-page .nav-contact{background:white;color:#171719}.detail-page .project-heading{padding:42px 7% 35px;max-width:1450px;margin:auto}.back-link{font-size:14px;color:#9fa5b3}.project-heading>p{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#91baff;margin:35px 0 15px}.project-heading h1{font-family:inherit;font-size:clamp(35px,5vw,75px);line-height:1.08;letter-spacing:-.05em;font-weight:650;margin:0 0 18px;max-width:1000px}.project-heading>span{color:#9fa5b3;font-size:17px}.experience{margin:0 5%;border:1px solid #ffffff15;border-radius:25px;overflow:hidden;background:#181a20}.experience-toolbar{display:flex;justify-content:space-between;gap:20px;padding:18px 25px;border-bottom:1px solid #ffffff12}.experience button{background:#292c34;color:#e6e8ed;border:1px solid #ffffff15;border-radius:9px;padding:11px 15px;font-size:14px;cursor:pointer}.experience button[aria-pressed=true]{background:#e9eefb;color:#16191f}.experience button:disabled{opacity:.35;cursor:default}.experience-toolbar>div{display:flex;gap:10px}.art-stage{height:65vh;min-height:390px;perspective:1500px;display:grid;place-items:center;overflow:hidden;position:relative;background:radial-gradient(ellipse at center,#2a2f3a,#101114);touch-action:pan-y;cursor:grab;isolation:isolate}.art-stage.interacting{touch-action:none}.art-stage:active{cursor:grabbing}.art-stage[data-tone=light]{background:#ededf1}.art-stage[data-tone=warm]{background:#d7c9b7}.art-object{position:relative;transform-style:preserve-3d;max-width:85%;height:86%;aspect-ratio:var(--art-ratio,1);transform:translate(var(--pan-x,0px),var(--pan-y,0px)) scale(var(--zoom,1)) rotateX(var(--angle-x,0deg)) rotateY(var(--angle-y,0deg));will-change:transform}.art-object>img{width:100%;height:100%;object-fit:contain;display:block;backface-visibility:hidden;filter:drop-shadow(0 18px 20px #0006);user-select:none}.art-back{position:absolute;inset:0;background:#20232c;border:1px solid #49536b;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;padding:25px;text-align:center;transform:rotateY(180deg);backface-visibility:hidden;box-shadow:0 20px 40px #0005}.art-back strong{letter-spacing:3px;font-size:24px}.art-back span{font-size:15px}.art-back small{font-size:12px;color:#aeb4c2}.interaction-hint{text-align:center;font-size:13px;color:#a5abba;padding:16px}.experience-controls{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:10px 20px 22px}.experience-controls label{display:flex;align-items:center;gap:10px;font-size:13px}.experience-controls input{max-width:150px;accent-color:#75a6ff}.experience-controls output{width:43px;font-variant-numeric:tabular-nums;color:#aebcda}.stage-tones{display:flex;gap:5px}.stage-tones button{font-size:12px;padding:9px 12px}.rotation-note{text-align:center;color:#a1a7b5;font-size:12px;padding:0 20px 15px}.pdf-pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding:10px;font-size:14px}.page-thumbnails{display:flex;gap:12px;overflow-x:auto;padding:20px;justify-content:safe center}.page-thumbnails .page-thumb{min-width:75px;max-width:95px;padding:5px;flex-shrink:0}.page-thumb img{width:100%;height:76px;object-fit:contain;display:block}.page-thumb span{display:block;font-size:12px;padding-top:7px}.project-details{padding:95px 7%;display:grid;grid-template-columns:1fr 1fr;gap:35px 90px}.detail-eyebrow{font-size:12px;letter-spacing:1.7px;color:#91baff}.project-details h2,.related-work h2{font-size:clamp(30px,3.5vw,50px);letter-spacing:-1.5px;margin:18px 0;font-weight:600}.project-details>div>p:last-child{font-size:17px;color:#a6abb6;line-height:1.7;max-width:550px}.project-details dl{margin:0}.project-details dl>div{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid #ffffff18;padding:19px 0;font-size:15px}.project-details dt{color:#949aa7}.project-details dd{text-align:right;margin:0}.project-actions{grid-column:1/-1;display:flex;gap:25px;align-items:center}.related-work{padding:20px 7% 65px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.related-card{border-radius:16px;overflow:hidden;background:#1c1f26;transition:transform .3s}.related-card:hover{transform:translateY(-7px)}.related-card img{width:100%;height:260px;object-fit:contain;background:#15171d;padding:15px;display:block}.related-card span{display:block;font-size:15px;padding:20px}.project-navigation{display:flex;justify-content:space-between;padding:35px 7%;border-top:1px solid #ffffff15;color:#abb8d3}.detail-page footer{background:#0a0b0e;font-size:14px;flex-wrap:wrap}.experience:fullscreen{border-radius:0;margin:0;width:100%;height:100%;overflow:auto}.experience:fullscreen .art-stage{height:68vh}.detail-page [hidden]{display:none!important}.detail-page .motion-toggle{background:#292d36;color:#fff;border-color:#fff2}.detail-page[data-discipline="Movie Posters"] .art-stage{background:radial-gradient(ellipse,#292033,#0b0b12)}.detail-page[data-discipline="Food & Beverage"] .art-stage{background:radial-gradient(ellipse,#3a2c20,#14120f)}.detail-page[data-discipline="Fashion & Editorial"] .art-stage{background:radial-gradient(ellipse,#3b3533,#171514)}.detail-page .art-stage[data-tone=light]{background:#ededf1}.detail-page .art-stage[data-tone=warm]{background:#d7c9b7}@keyframes artwork-arrive{from{opacity:0;translate:0 35px;scale:.96}to{opacity:1;translate:0 0;scale:1}}.art-object.entering{animation:artwork-arrive .65s ease-out}.detail-page.motion-paused .entering{animation:none}
@media(max-width:700px){.detail-page header{padding:0 5%}.detail-page header nav{gap:15px}.project-heading h1{font-size:36px}.detail-page .project-heading{padding:30px 6%}.experience{margin:0 4%;border-radius:16px}.experience-toolbar{padding:12px;gap:10px}.experience button{font-size:12px;padding:10px}.art-stage{height:52svh;min-height:320px}.experience-controls{gap:13px;padding:10px 12px 20px}.experience-controls input{max-width:100px}.interaction-hint{font-size:12px;padding:14px}.project-details{padding:60px 6%;grid-template-columns:1fr;gap:25px}.project-details dl>div{font-size:14px}.project-actions{flex-wrap:wrap}.project-actions .button{font-size:14px}.related-work{padding:0 6% 40px}.related-grid{grid-template-columns:1fr;gap:18px}.related-card{display:grid;grid-template-columns:130px 1fr;align-items:center}.related-card img{height:155px;padding:10px}.related-card span{padding:15px}.project-navigation{font-size:14px}.art-back strong{font-size:18px}.art-back span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.art-object.entering{animation:none}.related-card{transition:none}}
/* Portrait viewing area; preserve every artwork's intrinsic proportions. */
.experience{max-width:850px;margin:0 auto}.art-stage{height:850px;height:min(1000px,90svh);min-height:530px}.art-object{max-width:none;aspect-ratio:auto;width:var(--fit-width,80%);height:var(--fit-height,85%)}.art-back{padding:0;overflow:hidden}.art-back img{width:100%;height:100%;object-fit:contain}.experience-toolbar{flex-wrap:wrap}
@media(max-width:700px){.experience{margin:0 4%}.art-stage{height:76svh;min-height:470px}}
