/* Creative Outputs shares the approved desktop shell; its content is bounded. */
.window-body{position:relative}.portfolio-window{--sidebar-width:269px}
.creative-section{min-height:100%;padding:35px 50px 48px;outline:none}
.creative-heading{max-width:1320px}.creative-heading h1{margin:0;color:var(--heading);font-size:48px;line-height:1.2;letter-spacing:0;font-weight:800}
.creative-heading p{margin:6px 0 0;font-size:18px;line-height:1.5;color:#9a8395}
.work-tabs{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0 22px;max-width:1100px}
.work-tab{min-height:39px;padding:10px 26px;background:var(--selected);border-radius:14px;font-size:14px;line-height:1.2;font-weight:650;letter-spacing:.025em;transition:background .18s,color .18s,transform .18s}
.work-tab:hover{transform:translateY(-2px)}.work-tab[aria-selected=true]{background:var(--ink);color:var(--paper)}
.work-view{outline:none;max-width:1320px;min-width:0}.view-enter{animation:work-in .3s cubic-bezier(.2,.8,.2,1) both}
.work-masonry{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}
.masonry-column{display:grid;gap:16px;min-width:0}.work-tile{position:relative;display:block;width:100%;overflow:hidden;border-radius:22px;background:#eee6ec;padding:0;isolation:isolate;text-align:left;line-height:0;transition:transform .23s,box-shadow .23s}
.work-tile img,.work-tile video{display:block;width:100%;height:auto;aspect-ratio:var(--ratio,1);object-fit:contain;background:#eee6ec}
.work-tile:hover{transform:translateY(-3px);box-shadow:0 12px 28px #4d27481a}.tile-caption{position:absolute;inset:auto 0 0;padding:36px 16px 16px;background:linear-gradient(transparent,#372334bb);color:white;opacity:0;translate:0 4px;transition:opacity .2s,translate .2s;font-size:13px;font-weight:600;line-height:1.4;pointer-events:none}.work-tile:hover .tile-caption,.work-tile:focus-visible .tile-caption{opacity:1;translate:0 0}
.video-mark{position:absolute;right:10px;top:10px;background:#2f203d80;border:1px solid #ffffff70;border-radius:20px;width:28px;height:28px;display:grid;place-items:center;color:white;font-size:11px;line-height:1;pointer-events:none}.video-mark:after{content:'▶';padding-left:2px}.autoplay-failed .video-mark{width:40px;height:40px}
.work-carousel{position:relative;width:100%;height:545px;perspective:1400px;isolation:isolate;touch-action:pan-y;user-select:none;--card-width:304px;--card-height:497px;--step:155px;--lift:0px}
.collection-card{position:absolute;left:50%;top:8px;width:var(--card-width);height:var(--card-height);margin-left:calc(var(--card-width)/-2);border:1px solid #ac8eaa70;border-radius:42px;overflow:hidden;padding:0;background:var(--paper);box-shadow:0 14px 20px #30202d0a;transform-origin:center center;transform:translateX(calc(var(--offset)*var(--step))) translateZ(calc(var(--depth)*-80px)) scale(var(--scale));opacity:var(--fade);z-index:var(--order);transition:transform .38s cubic-bezier(.2,.75,.2,1),opacity .3s,box-shadow .3s;will-change:transform;isolation:isolate;text-align:left}
.collection-card.is-current{box-shadow:0 18px 14px -12px #2e242e80}.collection-card:focus-visible{outline-offset:5px}.collection-card img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block;pointer-events:none}
.video-collection-card video{width:100%;height:100%;object-fit:cover;display:block}.video-collection-card .card-caption{min-height:100px}.cover-placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(145deg,#ead9e7,#fffaf5 55%,#d6b9cf);color:#ab89a2}.cover-placeholder>span{font-size:90px;font-weight:300;transform:translateY(-30px)}.awaiting-cover:before{content:'';position:absolute;inset:24px 24px 130px;border:1px solid #bca0b555;border-radius:16px}.collection-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:220px;font-size:14px;color:#997991;text-align:center}.collection-empty>span{font-size:50px;line-height:1.4;color:#b39aab}.image-back{margin:0 6px 6px}
.card-caption{position:absolute;bottom:0;left:0;right:0;min-height:132px;padding:30px 20px 20px;background:linear-gradient(0deg,#fffaf5 5%,#fffaf5ef 75%,#fffaf500);color:#372936;pointer-events:none}
.card-caption strong{display:block;text-transform:uppercase;font-size:17px;line-height:1.1;font-weight:750;margin-bottom:7px;letter-spacing:-.02em}.card-caption small{display:block;font-size:10px;line-height:1.35;font-weight:500}
.carousel-arrow{position:absolute;z-index:8;top:230px;width:42px;height:42px;border:1px solid #af93ac60;border-radius:50%;background:#fffaf5d9;backdrop-filter:blur(8px);display:grid;place-items:center;font:28px/1 Arial;box-shadow:0 4px 16px #6b3f6310;transition:transform .2s,background .2s}.carousel-arrow:hover{transform:scale(1.1);background:var(--paper)}.carousel-prev{left:max(0px,calc(50% - 530px))}.carousel-next{right:max(0px,calc(50% - 530px))}
.carousel-status{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:-10px;color:#8e758b;font-size:11px}.carousel-status i{width:5px;height:5px;border-radius:50%;background:#dccad9;transition:width .3s,background .3s}.carousel-status i.current{width:20px;border-radius:6px;background:var(--ink)}
.work-modal-layer{position:absolute;inset:73px 0 0;z-index:15;display:grid;place-items:center;padding:12px 24px 24px calc(var(--sidebar-width) + 24px);background:color-mix(in srgb,var(--paper) 80%,transparent);backdrop-filter:blur(1.5px)}
.work-modal{display:flex;flex-direction:column;width:min(800px,100%);height:min(690px,100%);max-height:100%;background:var(--paper);border:2px solid var(--ink);border-radius:16px;box-shadow:0 5px 0 var(--shadow),0 20px 65px #45223b12;overflow:hidden;outline:none;animation:modal-in .3s cubic-bezier(.16,.8,.2,1)}
.work-modal-header{display:flex;align-items:center;gap:8px;flex:0 0 39px;padding:3px 10px 3px 14px;min-width:0}.work-modal-title{font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;flex:1}.work-modal-close{position:relative;display:grid;place-items:center;flex:0 0 28px;height:28px;background:transparent;border-radius:50%;padding:0;color:#643245;font:18px/1 Arial}.work-modal-close:before{content:'';position:absolute;inset:5px;border-radius:50%;background:#db9cad;z-index:-1}.work-modal-close:hover:before{background:#e48da6}
.work-modal-close{isolation:isolate}.work-modal-layer{backdrop-filter:none}
.work-modal-body{position:relative;flex:1;min-height:0;overflow:auto;padding:8px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b990b1 transparent}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;align-items:start}.collection-item{padding:0;background:transparent;border-radius:6px;overflow:hidden;line-height:0;transition:filter .2s}.collection-item:hover{filter:brightness(.96)}.collection-item img{display:block;width:100%;height:auto}
.collection-note{font-size:12px;line-height:1.5;margin:16px 12px;color:#94748c}.book-library{display:grid;justify-items:center;gap:35px;padding:20px 20px 36px}.book-cover{display:block;width:220px;max-width:75%;background:transparent;padding:0;position:relative;transition:transform .3s}.book-cover:hover{transform:translateY(-5px) rotateY(-5deg)}.book-cover img{display:block;width:100%;box-shadow:7px 9px 17px #362f3033;border-radius:1px 4px 4px 1px}.book-cover span{display:block;font-size:12px;margin-top:15px;line-height:1.5;font-weight:600}
.work-modal.is-reader{width:min(1160px,100%);height:100%;background:#f7f0ec}.is-reader .work-modal-body{padding:0;display:flex;flex-direction:column;overflow:hidden;align-items:center}.reader-toolbar{display:flex;justify-content:space-between;align-items:center;width:100%;padding:3px 16px 9px;gap:8px;flex-shrink:0}.reader-back{background:transparent;padding:6px 0;font-size:12px;color:#78556f}.reader-counter{font-size:11px;color:#78556f}.book-stage{width:100%;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;perspective:2000px;padding:14px 20px;isolation:isolate}.book-stage:before{content:'';position:absolute;inset:12% 15% 6%;background:#35273529;filter:blur(20px);border-radius:50%;z-index:-1}.book-mount{outline:none;touch-action:none;flex:none;filter:drop-shadow(0 7px 10px #3f30262a)}.book-page{overflow:hidden;background:#fffdfa}.book-page img{width:100%;height:100%;object-fit:fill;user-select:none;-webkit-user-drag:none;pointer-events:none}.book-page:after{content:'';position:absolute;inset:0;box-shadow:inset 3px 0 8px #251f1810;pointer-events:none}.stf__parent{max-width:100%}.reader-instruction{margin:0;padding:6px 10px 14px;font-size:11px;color:#8e758b;text-align:center;flex-shrink:0}
.image-viewer{height:100%;min-height:200px;display:flex;align-items:center;justify-content:center;position:relative;padding:4px 42px 34px}.image-viewer img,.image-viewer video{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:5px}.viewer-arrow{position:absolute;top:50%;width:36px;height:48px;background:var(--paper);border-radius:30px;font:25px/1 Arial;color:var(--ink)}.viewer-arrow.prev{left:0}.viewer-arrow.next{right:0}.viewer-footer{position:absolute;bottom:4px;left:4px;right:4px;text-align:center;font-size:11px;line-height:1.4;color:#94748c}
.video-gallery{display:flex;gap:24px;justify-content:center;align-items:flex-start;flex-wrap:wrap;padding:12px 0 45px}.video-card{position:relative;flex:0 1 304px;max-width:44%;padding:0;border-radius:28px;background:#e9dde6;box-shadow:0 12px 30px #43253e15;overflow:hidden;cursor:pointer;transition:transform .28s,box-shadow .28s;outline:none}.video-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px #43253e25}.video-card video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover}.video-focus-layer{position:absolute;inset:73px 0 0;display:flex;align-items:center;justify-content:center;padding:12px 16px 22px calc(var(--sidebar-width) + 16px);z-index:18;background:#281c3345;backdrop-filter:blur(4px)}.focused-video{position:relative;height:100%;width:auto;max-width:100%;aspect-ratio:9/16;border-radius:24px;overflow:hidden;box-shadow:0 20px 65px #170e3260;background:#201820;animation:video-focus-in .28s cubic-bezier(.2,.75,.2,1)}.focused-video video{width:100%;height:100%;object-fit:contain;display:block}.video-controls{position:absolute;bottom:16px;right:14px;left:14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.video-control{width:40px;height:40px;border:1px solid #ffffff60;border-radius:50%;background:#271c3180;backdrop-filter:blur(10px);color:white;display:grid;place-items:center;font-size:17px}.video-control svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.video-control:focus-visible{outline-color:white}.video-focus-hint{color:#ffffffd9;font-size:10px;text-shadow:0 1px 3px #000}
.section-placeholder{padding:50px;min-height:100%;color:var(--ink)}.section-placeholder h1{font-size:40px;margin-bottom:12px}.section-placeholder p{font-size:16px;line-height:1.6;max-width:40ch;color:#95788f}
.dock-item[aria-current=page]:after{content:'';position:absolute;width:4px;height:4px;top:calc(var(--icon-size) + 1px);left:calc(50% - 2px);background:var(--ink);border-radius:50%}.dock-item.bounce .dock-art{animation:dock-press .42s cubic-bezier(.2,.8,.2,1)}
.is-expanded .creative-section{padding-bottom:calc(var(--dock-clearance) + 35px)}.is-expanded .work-modal-layer,.is-expanded .video-focus-layer{padding-bottom:calc(var(--dock-clearance) + 14px)}
body.dark .creative-heading p,body.dark .collection-note,body.dark .viewer-footer{color:#c4a9bf}body.dark .work-modal.is-reader{background:#3c3038}body.dark .reader-back,body.dark .reader-counter,body.dark .reader-instruction{color:#e6cfe0}body.dark .work-tile{background:#362b35}
@keyframes work-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes modal-in{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}@keyframes video-focus-in{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes dock-press{0%,100%{transform:none}40%{transform:translateY(-13px) scale(1.1)}70%{transform:translateY(-3px) scale(1.02)}}
@container(max-width:1150px){.creative-section{padding:30px 35px 40px}.creative-heading h1{font-size:38px}.creative-heading p{font-size:15px}.work-tabs{gap:10px;margin:20px 0}.work-tab{font-size:12px;padding:10px 18px;min-height:36px}.work-carousel{--card-width:250px;--card-height:410px;--step:125px;height:460px}.collection-card{border-radius:32px}.carousel-arrow{top:190px}.carousel-prev{left:0}.carousel-next{right:0}.card-caption{min-height:116px;padding:26px 17px 17px}.card-caption strong{font-size:15px}.card-caption small{font-size:9px}.work-masonry{gap:12px}.masonry-column{gap:12px}.work-tile{border-radius:16px}}
@container(max-width:800px){.creative-section{padding:26px 25px 35px}.creative-heading h1{font-size:32px}.creative-heading p{font-size:14px}.work-masonry{grid-template-columns:repeat(3,minmax(0,1fr))}.work-carousel{--card-width:224px;--card-height:366px;--step:90px;height:410px}.carousel-arrow{top:165px}.work-tab{padding:10px 14px;font-size:11px}}
@media(max-width:1000px){.portfolio-window{--sidebar-width:0px}.work-modal-layer,.video-focus-layer{inset:58px 0 0;padding:10px 14px 20px}.work-modal-header{flex-basis:40px}.work-modal-title{font-size:12px}.work-modal-close{flex-basis:32px;height:32px}.work-modal-close:before{inset:6px}.book-cover{width:190px}.reader-toolbar{padding:3px 12px 8px}.reader-instruction{font-size:10px}.book-stage{padding:10px}}
@media(max-width:640px){.creative-section{padding:23px 18px 30px}.creative-heading h1{font-size:27px;line-height:1.1}.creative-heading p{font-size:12px;line-height:1.55;margin-top:9px}.work-tabs{gap:7px;margin:18px 0 22px;display:grid;grid-template-columns:1fr 1fr}.work-tab{font-size:10px;min-height:36px;padding:9px 9px;border-radius:10px}.work-masonry{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.masonry-column{gap:9px}.work-tile{border-radius:12px}.tile-caption{display:none}.work-carousel{--card-width:210px;--card-height:344px;--step:54px;height:385px;overflow:hidden;margin-inline:-18px;width:calc(100% + 36px)}.collection-card{border-radius:26px;top:3px}.card-caption{padding:24px 14px 15px;min-height:108px}.card-caption strong{font-size:14px}.card-caption small{font-size:9px}.carousel-arrow{width:32px;height:40px;top:150px;font-size:23px;background:#fffaf5eb}.carousel-prev{left:4px}.carousel-next{right:4px}.carousel-status{margin-top:-12px}.work-modal-layer,.video-focus-layer{inset:56px 0 0;padding:8px 8px 16px}.work-modal{border-radius:12px}.work-modal-title{font-size:11px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.work-modal-body{padding:5px}.image-viewer{padding:4px 26px 32px}.viewer-arrow{width:26px;font-size:22px;background:#fffaf5d9}.viewer-footer{font-size:10px}.book-library{padding:20px 14px 30px;gap:32px}.book-cover{width:170px}.book-cover span{font-size:11px}.book-stage{padding:8px 4px}.reader-back{font-size:11px}.reader-counter{font-size:10px}.reader-toolbar{padding-inline:10px}.reader-instruction{padding:6px 5px 12px;font-size:10px}.video-gallery{gap:12px;padding-top:0}.video-card{flex-basis:230px;max-width:85%;border-radius:22px}.focused-video{border-radius:17px}.video-control{width:38px;height:38px}.video-focus-hint{font-size:9px}.section-placeholder{padding:30px 22px}.section-placeholder h1{font-size:28px}.section-placeholder p{font-size:14px}.breadcrumb{right:52px;overflow:hidden;white-space:nowrap}.breadcrumb span{overflow:hidden;text-overflow:ellipsis}}
@media(prefers-reduced-motion:reduce){.collection-card,.work-modal,.focused-video{transition:none;animation:none}}

.video-focus-layer{backdrop-filter:none}