:root{--paper:#f4efe4;--ink:#252d27;--green:#263e33;--orange:#956e37;--muted:#6d7166;--line:#d5cfbf}
body{background:var(--paper)}.review-strip{background:#e4dfd0;color:#475344}header{background:var(--paper)}
.showcase{max-width:1600px;margin:0 auto;background:#192e25;color:#f5eedc;position:relative;overflow:hidden;padding:48px 6% 0;min-height:720px}
.showcase:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 90% 15%,#8f704531,transparent 60%);pointer-events:none}
.showcase-topline{display:flex;justify-content:space-between;border-bottom:1px solid #d2bc8b42;padding-bottom:17px;font-size:9px;letter-spacing:2.5px;position:relative}
.showcase-topline span:last-child{color:#c8b78f}.showcase-main{display:grid;grid-template-columns:.95fr 1.05fr;gap:35px;padding:45px 0 36px;align-items:center;position:relative}
.showcase-kicker{font-size:10px;letter-spacing:2px;color:#cfb98c;margin-bottom:24px}.showcase h1{font-size:clamp(54px,6.4vw,94px);line-height:1.01;letter-spacing:-3px;margin:0 0 26px;min-height:3.03em}.showcase h1 em{color:#d9bd83}.showcase-description{font-size:15px;line-height:1.8;color:#d5d8c9;max-width:360px;min-height:5.4em}.showcase-primary{display:inline-block;background:#e2cea3;color:#263c2d;font-size:12px;font-weight:600;padding:19px 24px;margin-top:9px;border:1px solid #e2cea3;transition:background .2s}.showcase-primary:hover{background:#f2e6cd}.showcase-secondary{display:block;font-size:11px;margin-top:20px;color:#d0c5a7;width:fit-content;border-bottom:1px solid #a1926d;padding-bottom:5px}
.showcase-art{position:relative;height:455px;min-width:0}.collage-picture{position:absolute;overflow:hidden;background-color:#b7a887;box-shadow:0 20px 35px #071b2266;transition:transform 1s,background-position 1s;background-image:url('/assets/03-Passing-attention.png')}
.collage-main{width:64%;height:88%;left:15%;top:4%;background-size:auto 220%;background-position:62% 6%;transform:rotate(-5deg);border:7px solid #e8ddc2;z-index:2}
.collage-venue{width:45%;height:45%;left:0;top:0;background-size:240% auto;background-position:0 0;transform:rotate(-12deg);border:5px solid #ebe1cb;z-index:1}
.collage-social{width:43%;height:49%;right:-2%;bottom:0;background-size:300% auto;background-position:0 100%;transform:rotate(8deg);border:6px solid #ece3d1;z-index:3}
.picture-tag{position:absolute;bottom:0;left:0;right:0;padding:13px 10px;background:#f0e6d2;color:#263b2f;font-size:9px;letter-spacing:1px;text-align:center}
.maker-seal{position:absolute;right:0;top:-9px;width:110px;height:110px;border-radius:50%;background:#b89b66;color:#1d3427;z-index:4;display:grid;place-content:center;text-align:center;font:italic 17px/1.3 Georgia;border:1px solid #d6c39c;outline:4px solid #b89b66;transform:rotate(10deg)}
.concept-label{position:absolute;bottom:-27px;left:8%;font-size:9px;color:#b9c2ad;letter-spacing:.6px}.showcase[data-scene="1"] .collage-main{background-position:0 0;background-size:auto 210%;transform:rotate(3deg)}.showcase[data-scene="1"] .collage-venue{transform:rotate(-6deg) translateY(12px)}.showcase[data-scene="2"] .collage-main{background-position:0 100%;background-size:auto 215%;transform:rotate(-2deg)}.showcase[data-scene="2"] .collage-social{background-position:100% 100%;transform:rotate(12deg) translateY(-10px)}
.showcase-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #d2bc8b42;padding:23px 0}.scene-caption{font-size:9px;letter-spacing:2px;margin:0;color:#cfb98c}.slide-controls{display:flex;align-items:center;gap:11px}.slide-controls button{border:1px solid #ab9c7a66;background:transparent;color:#e4d6b7;min-width:38px;height:36px;padding:0 8px}.slide-controls button[aria-pressed=true]{background:#dac7a0;color:#193126}.slide-count{font-size:10px;color:#c4b58e;margin-left:10px}
.competition-bar{background:#e9e0ce;display:grid;grid-template-columns:1fr 1fr 1fr;padding:27px 6%;gap:30px;border-bottom:1px solid #d0c5ae}.competition-bar article{display:flex;gap:17px;align-items:center}.competition-bar b{font:italic 28px Georgia;color:#8a6e3c}.competition-bar h3{font:21px Georgia;margin:0 0 5px}.competition-bar p{font-size:11px;margin:0;color:#626958}.philosophy{padding:48px 6%;text-align:center;border-bottom:1px solid var(--line)}.philosophy blockquote{font:italic clamp(24px,3vw,40px)/1.4 Georgia;margin:0 auto 14px;max-width:800px}.philosophy p{font-size:10px;letter-spacing:1.5px;color:var(--muted);margin:0}.ribbon{display:none}.closing{background:#d4c39e}.steps article{background:#faf7ef}
@media(max-width:900px){.showcase{padding-top:25px}.showcase-main{gap:22px}.showcase-art{height:390px}.showcase h1{font-size:62px}.collage-main{width:70%;left:10%}.maker-seal{width:85px;height:85px;font-size:14px}.competition-bar{gap:15px}.competition-bar h3{font-size:18px}.competition-bar article{gap:10px}}
@media(max-width:680px){.showcase{padding:22px 6% 0;min-height:0}.showcase-topline{font-size:8px;letter-spacing:1px}.showcase-topline span:last-child{max-width:120px;text-align:right}.showcase-main{grid-template-columns:1fr;padding:28px 0 38px;gap:35px}.showcase h1{font-size:59px;letter-spacing:-2px;margin-bottom:17px}.showcase-description{font-size:13px;max-width:310px;min-height:0;margin-bottom:18px}.showcase-kicker{font-size:9px;margin-bottom:20px}.showcase-primary{padding:17px 18px;font-size:11px}.showcase-secondary{display:inline-block;margin:18px 0 0 15px;font-size:10px}.showcase-art{height:330px;margin:10px 8px 14px}.collage-main{width:65%;left:15%;background-position:61% 5%}.collage-social{right:0}.concept-label{font-size:8px;left:0;bottom:-25px}.showcase-bottom{flex-direction:column;align-items:flex-start;padding:20px 0;gap:15px}.slide-controls{width:100%;justify-content:space-between;gap:5px}.slide-count{margin-left:0}.competition-bar{grid-template-columns:1fr;gap:19px;padding:25px 6%}.competition-bar article{gap:20px}.competition-bar h3{font-size:22px}.philosophy{padding:35px 7%}}
@media(prefers-reduced-motion:reduce){.collage-picture{transition:none}}
@media(max-width:680px){.showcase h1{font-size:clamp(40px,12vw,59px)}.showcase-art{height:300px}.showcase-secondary{margin-left:0}.showcase-description{max-width:100%}}
@media(max-width:680px){.showcase-secondary{display:block;width:fit-content;margin-top:18px}.showcase-primary{max-width:100%}}