.practice-crop{display:block;position:relative;overflow:hidden;width:100%;border:0;padding:0;background:transparent;border-radius:0;cursor:zoom-in}
.practice-crop>img{position:absolute;max-width:none!important;height:auto!important;object-fit:initial!important;display:block;transform:none!important}
.practice-cover{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;height:100%;background:#c3d4b9;padding:0 5%;align-items:center;transform:scale(1.04) rotate(-5deg)}
.practice-cover .practice-crop{cursor:inherit;box-shadow:0 8px 18px #182b3940}
.practice-cover .practice-crop:nth-child(2){transform:translateY(13%)}
.stack-card:has(.practice-cover),.ribbon-card:has(.practice-cover){background:#c3d4b9}
.practice-project .detail-body{padding:0;border-top:0}
.practice-project .detail-hero{padding-top:60px;padding-bottom:60px}
.practice-project .detail-hero h2{font-size:clamp(45px,7vw,108px)}
.practice-project .detail-desc{max-width:650px;line-height:1.8}
.practice-project .detail-nav{background:#f4f1e9ed}
.practice-project .detail-next{max-width:1150px;width:88%;margin:30px auto 0;padding-bottom:65px}
.practice-index{display:flex;align-items:center;gap:12px 22px;padding:24px 6%;border-top:1px solid #c5c9bd;flex-wrap:wrap;font-size:12px}
.practice-index>span{font:11px monospace;letter-spacing:2px;margin-right:auto;color:#67735f}
.practice-index a{padding:5px 0;border-bottom:1px solid transparent}
.practice-index a:hover{border-color:currentColor}
.practice-stage{padding:70px 6% 85px;scroll-margin-top:64px}
.practice-inner{max-width:1240px;margin:auto}
.study-heading{display:flex;justify-content:space-between;align-items:start;gap:25px;margin-bottom:40px}
.study-heading h3{font-size:clamp(26px,3.4vw,44px);letter-spacing:-1px;line-height:1.25;margin:14px 0}
.study-heading p:not(.study-kicker){font-size:14px;line-height:1.8;opacity:.7;margin:0}
.study-kicker{font:11px/1.6 monospace;letter-spacing:2px;opacity:.65;margin:0}
.original-link{background:transparent;border:0;border-bottom:1px solid currentColor;padding:8px 0;font-size:12px;white-space:nowrap;opacity:.8}
.study-ai{background:#101b32;color:#e9effa}
.ai-row{display:grid;grid-template-columns:1fr 1.22fr;gap:6%;align-items:center;padding:32px 0;border-top:1px solid #8499bc30}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.ai-art{max-width:470px}.ai-art.pair{gap:30px}
.ai-art.pair .practice-crop:nth-child(2){margin-top:32px}
.flux{background:white;padding:18px;border-radius:3px}
.workflow{background:#172132;padding:16px;border:1px solid #b3c3e52b;box-shadow:0 12px 32px #0001}
.workflow h4{font:13px monospace;letter-spacing:2px;color:#bacbed;margin:3px 0 16px}
.workflow p{font:10px monospace;letter-spacing:2px;color:#9aaecb;margin:16px 0 0}
.study-icon{background:#e8f3fc;color:#25496e}
.icon-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:5%;align-items:center}
.icon-art{background:#fff;padding:35px 25px;border-radius:100px 4px 4px 4px}
.large-study-word{display:block;font:italic clamp(35px,5vw,70px)/1 Georgia,serif;letter-spacing:-2px;margin-bottom:45px}
.icon-art .large-study-word{padding:10px 18px;color:#507da9}
.icon-workflows{display:grid;gap:22px}
.study-botanical{background:#e8e8de;color:#3e4d42}
.poster-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3%}
.poster-triptych figure{margin:0}
.poster-triptych .practice-crop{box-shadow:0 18px 30px #29382718}
.practice-stage figcaption{font:10px/1.6 monospace;letter-spacing:1.5px;text-align:left;color:inherit;opacity:.65;margin-top:18px}
.study-summer{background:#e8f6ed;color:#1b6658}
.summer-posters{gap:20px}
.summer-posters figure:nth-child(2){margin-top:40px}
.summer-posters figure:nth-child(3){margin-top:80px}
.study-game{background:radial-gradient(ellipse at 50% 20%,#29335b,#15172d 65%);color:#f0edfc}
.game-banner{max-width:1040px;margin:auto;box-shadow:0 20px 70px #0004;border:1px solid #cac8e62e}
.game-cast{display:grid;grid-template-columns:1fr 3fr;gap:5%;margin:45px auto 0;max-width:1040px;align-items:center}
.cast-label>span{font:italic 27px/1.3 Georgia;color:#c2b7e8}
.cast-label p{font-size:12px;color:#9c9cc3;margin-top:20px}
.cast-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.study-cards{background:#f3ecdf;color:#58492b}
.card-layout{display:grid;grid-template-columns:1fr 3.2fr;gap:5%;align-items:center}
.card-layout aside>p{font-size:11px;line-height:1.8;text-align:center;opacity:.7;margin-top:20px}
.flower-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.flower-cards .practice-crop{border-radius:6px;box-shadow:0 7px 13px #67532b17}
.study-package{background:#dde8d4;color:#304e36}
.package-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:6%;align-items:center}
.package-process>.practice-crop{margin-top:25px}
.package-process>p,.package-finale p{font:11px monospace;letter-spacing:1.5px;opacity:.65;margin:20px 0 0}
.package-hero{box-shadow:0 22px 40px #2443201a}
.study-label{background:#f7f3e8;color:#3a5944}
.package-finale{display:grid;grid-template-columns:1fr 1.1fr;gap:6%;align-items:center}
.label-study .large-study-word{font-size:clamp(44px,5.5vw,80px);margin-bottom:38px}
#practice-original{background:#1b1f21;color:#fff}
.original-toolbar{position:sticky;top:0;z-index:1;background:#1b1f21f5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 4%;border-bottom:1px solid #fff2}
.original-toolbar h2{font-size:15px;line-height:1.6;letter-spacing:0}
.original-toolbar>div{display:flex;gap:12px;flex-shrink:0}
.original-toolbar button{padding:8px 12px;border:1px solid #fff5;border-radius:3px;background:transparent;color:white;font-size:12px}
.original-canvas{overflow:auto;max-height:calc(100dvh - 78px);padding:24px}
.original-canvas img{width:100%;height:auto;margin:auto}
.original-canvas.is-zoomed img{max-width:none;width:max(140%,1920px)}
@media(max-width:800px){
 .practice-project .detail-hero{padding:45px 6%}.practice-index{gap:8px 16px}.practice-index>span{width:100%}
 .practice-stage{padding:45px 6% 55px}.study-heading{gap:15px;margin-bottom:28px}.study-heading h3{font-size:27px}.study-heading p:not(.study-kicker){font-size:12px}.study-kicker{font-size:9px;letter-spacing:1px}.original-link{font-size:11px}
 .ai-row,.icon-layout,.package-layout,.package-finale{grid-template-columns:1fr;gap:26px}.ai-art{max-width:100%}.ai-art.pair{padding:0 6%;gap:25px}.ai-row{padding:25px 0}.workflow{padding:12px}.icon-art{padding:30px 20px;border-radius:65px 3px 3px 3px}.large-study-word{margin-bottom:25px}
 .poster-triptych{gap:14px}.summer-posters figure:nth-child(2){margin-top:20px}.summer-posters figure:nth-child(3){margin-top:40px}.practice-stage figcaption{font-size:8px;letter-spacing:0;margin-top:12px}
 .game-cast{grid-template-columns:1fr;gap:22px;margin-top:28px}.cast-label{display:flex;justify-content:space-between;align-items:end}.cast-label>span{font-size:23px}.cast-label p{margin:0}.cast-cards{gap:12px}
 .card-layout{grid-template-columns:1fr;gap:30px}.card-layout aside{width:45%;margin:auto}.flower-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.package-layout{gap:30px}.package-hero{grid-row:1}.label-study .large-study-word{font-size:52px}
 .original-toolbar{align-items:start;padding:12px 4%;gap:10px}.original-toolbar h2{font-size:12px}.original-toolbar>div{gap:5px}.original-toolbar button{padding:6px;font-size:11px}.original-canvas{padding:12px}
}
@media(max-width:520px){.poster-triptych{grid-template-columns:1fr;gap:32px;padding:0 6%}.summer-posters figure:nth-child(n){margin-top:0}.practice-stage figcaption{font-size:10px}.study-heading h3{font-size:25px}}