@font-face{font-family:Recoleta;src:url('../assets/fonts/Recoleta-RegularDEMO.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'Homemade Apple';src:url('../assets/fonts/HomemadeApple-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:Modak;src:url('../assets/fonts/Modak-Regular.ttf') format('truetype');font-display:swap}
:root{--brown:#3a1706;--paper:#f5f0e7;--blue:#becdf4;--pink:#e9a9c7;--yellow:#f2d77d;--moss:#a9ad8e;--line:#f5f0e72b;--display:Recoleta,Georgia,serif;--sans:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--brown);color:var(--paper);font-family:var(--sans)}a{color:inherit;text-underline-offset:6px}img{display:block;width:100%;height:auto}figure{margin:0}button,input{font:inherit}.page-grid{width:min(90%,2600px);margin:auto}main{display:block}.skip{position:absolute;top:-100px}.skip:focus{top:12px;left:12px;z-index:100;background:var(--paper);color:var(--brown);padding:12px}:focus-visible{outline:2px solid var(--pink);outline-offset:7px}.studio-header{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}.brand{grid-column:1}.brand img{width:65px;height:65px;object-fit:contain}.studio-label{grid-column:2/5;font-size:13px;line-height:1.7;letter-spacing:.04em;color:#f5f0e7ad}.studio-header nav{grid-column:7/-1;display:flex;justify-content:flex-end;gap:clamp(20px,3vw,60px)}nav a{font-size:13px;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:7px}nav a:hover{color:var(--pink)}nav a::before{content:'';width:8px;height:11px;background:var(--yellow);mask:url('../assets/images/home/stars-3.png') center/260% 260% no-repeat;-webkit-mask:url('../assets/images/home/stars-3.png') center/260% 260% no-repeat;flex-shrink:0}.editorial-hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding:80px 0 28px;align-items:center}.identity-copy{grid-column:1/7;position:relative;z-index:2}.section-kicker{font-size:13px;line-height:1.7;letter-spacing:.14em;text-transform:uppercase;margin:0 0 24px;color:var(--pink)}h1{font:400 clamp(100px,10.8vw,205px)/.93 var(--display);letter-spacing:-.04em;margin:0;color:var(--blue)}.name-period{color:var(--pink)}.profession{font-size:clamp(18px,1.65vw,28px);line-height:1.5;margin:30px 0 20px}.plus{font-family:Arial,sans-serif;margin-inline:.1em}.mobile-break{display:none}.positioning{max-width:430px;font-size:15px;line-height:1.8;color:#f5f0e7bd}.hero-cta{display:inline-flex;gap:35px;align-items:center;margin-top:18px;border-bottom:1px solid var(--pink);padding:12px 0;font-size:13px;text-decoration:none}.hero-collage{grid-column:8/-1;position:relative;padding:30px 0 55px}.grid-guide{position:absolute;inset:0 15px 65px -30px;border:1px solid var(--line);background-image:linear-gradient(#f5f0e708 1px,transparent 1px),linear-gradient(90deg,#f5f0e708 1px,transparent 1px);background-size:40px 40px}.portrait-print{position:relative;background:var(--paper);padding:25px 25px 20px;transform:rotate(2deg);box-shadow:4px 12px 18px #18090140;color:var(--brown)}.portrait-print>img{height:clamp(300px,36vw,560px);object-fit:contain;background:var(--pink)}.portrait-print figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;font-size:13px;line-height:1.5;text-transform:uppercase;letter-spacing:.04em}.handwritten{font:14px/1.9 'Homemade Apple',cursive;text-transform:none;letter-spacing:0}.portrait-print .handwritten{font-size:13px}.tape{position:absolute;z-index:2;top:-15px;left:35%;height:32px;width:30%;background:#f2d77dad;transform:rotate(-5deg);clip-path:polygon(2% 4%,98% 0,100% 95%,0 100%)}.collage-star{position:absolute;right:-24px;top:0;width:35px;height:45px;background:var(--yellow);mask:url('../assets/images/home/stars-3.png') center/260% 260% no-repeat}.frame-note{position:absolute;left:-65px;bottom:5px;color:var(--pink);transform:rotate(-5deg);font-size:13px}.archive-label{display:block;text-align:right;font-size:13px;letter-spacing:.13em;text-transform:uppercase;margin-top:35px;color:#f5f0e799}.hero-foot{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;margin-top:35px;display:flex;justify-content:space-between;align-items:center;font-size:13px;letter-spacing:.1em;text-transform:uppercase}.hero-foot .handwritten{color:var(--pink)}.selected-work{padding:85px 0 100px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px;gap:30px}.section-heading .section-kicker{margin-bottom:12px}h2{font:400 clamp(40px,4vw,70px)/1.1 var(--display);letter-spacing:-.025em;margin:0}.section-heading>p{font-size:13px;line-height:1.8;color:#f5f0e7ad;margin:0}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.work-card a{text-decoration:none;display:block}.work-image{position:relative;padding:24px;background:var(--paper);box-shadow:3px 8px 12px #1b09022b;transition:translate .3s,rotate .3s}.work-image img{aspect-ratio:1;object-fit:contain;height:auto;background:#e7d5c6;transition:scale .4s}.print .work-image{rotate:-1deg}.blue .work-image{background:var(--blue);margin-top:24px}.blue .work-image img{background:var(--blue)}.film .work-image{background:#25211e;padding-inline:34px;rotate:1deg}.film .work-image::before,.film .work-image::after{content:'';position:absolute;top:20px;bottom:20px;width:7px;background:repeating-linear-gradient(0deg,transparent 0 10px,#f5f0e759 10px 18px,transparent 18px 27px)}.film .work-image::before{left:12px}.film .work-image::after{right:12px}.film .work-image img{background:#25211e}.project-number{display:block;font-size:13px;letter-spacing:.12em;margin-bottom:16px;color:var(--brown)}.film .project-number{color:var(--paper)}.view-cue{display:block;text-align:right;font-size:13px;margin-top:16px;color:var(--brown)}.film .view-cue{color:var(--paper)}.work-card:hover .work-image{translate:0 -5px;rotate:0deg}.work-card:hover img{scale:1.02}.work-info{padding:24px 0 0}.work-info h3{font:400 clamp(22px,2vw,34px)/1.2 var(--display);margin:0 0 12px;letter-spacing:-.02em}.film h3{white-space:nowrap}.work-info p{font-size:13px;line-height:1.8;color:#f5f0e7ae;margin:0}.playground{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding:85px 0;border-top:1px solid var(--line)}.playground-intro{grid-column:1/5}.playground-intro>p:not(.section-kicker){font-size:15px;line-height:1.8;color:#f5f0e7b3;margin-top:25px}.handwritten-note{font:14px/1.9 'Homemade Apple',cursive;color:var(--yellow);display:block;margin-top:30px}.type-experiment{grid-column:6/-1;background:var(--moss);padding:35px;color:var(--brown);rotate:-1deg}.type-experiment .section-kicker{color:var(--brown)}.type-stage{display:grid;place-items:center;min-height:300px;padding:20px 0 35px;overflow:hidden}.type-stage span{font:400 clamp(38px,4vw,80px)/1.02 var(--display);text-align:center;letter-spacing:var(--play-spacing,0px);transform:rotate(var(--play-tilt,0deg));color:var(--play-color,#3a1706)}.play-controls{display:flex;align-items:end;flex-wrap:wrap;gap:20px;border-top:1px solid #3a170633;padding-top:25px;font-size:13px}.play-controls label{display:grid;gap:12px;flex:1;min-width:90px}.play-controls input{width:100%;accent-color:var(--brown)}.play-controls button{background:none;border:0;border-bottom:1px solid currentColor;color:var(--brown);padding:8px 0;font-size:13px;min-height:40px}.home-footer{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding:28px 0 40px;font-size:13px;line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(min-width:2200px){.editorial-hero{padding-top:110px}.portrait-print>img{height:clamp(560px,40vh,780px)}h1{font-size:clamp(205px,7vw,300px)}.profession{font-size:32px}.positioning{font-size:18px;max-width:560px}.work-grid{gap:55px}.work-info h3{font-size:38px}.selected-work{padding-block:100px 140px}}@media(max-width:1000px){.studio-label{display:none}.studio-header nav{grid-column:4/-1;gap:22px}.editorial-hero{padding-top:60px}.hero-collage{grid-column:7/-1;margin-left:30px}h1{font-size:clamp(90px,12vw,125px)}.portrait-print{padding:15px}.portrait-print figcaption{flex-direction:column;align-items:start}.frame-note{left:-25px;font-size:13px}.profession{font-size:18px}.positioning{font-size:13px}.work-grid{gap:20px}.work-image{padding:15px}.work-info h3{font-size:23px}.film .work-image{padding-inline:25px}.playground-intro{grid-column:1/6}.type-experiment{grid-column:6/-1;padding:25px}}@media(max-width:700px){.page-grid{width:88%}.studio-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:20px 0}.brand img{width:44px;height:44px}.studio-header nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}nav a{font-size:13px;gap:4px}nav a::before{width:6px;height:9px}.editorial-hero{grid-template-columns:1fr;gap:40px;padding-top:40px}.identity-copy,.hero-collage{grid-column:1;margin:0}h1{font-size:clamp(85px,22vw,145px)}.profession{font-size:18px;margin-top:25px}.mobile-break{display:block}.positioning{font-size:14px;max-width:360px}.hero-collage{padding:10px 12px 40px}.portrait-print{rotate:1deg;padding:18px}.portrait-print>img{height:340px}.portrait-print figcaption{flex-direction:row;align-items:center}.portrait-print .handwritten{font-size:13px}.grid-guide{inset:0 0 55px}.frame-note{left:0;bottom:0;font-size:13px}.collage-star{right:-6px;top:0;width:23px;height:30px}.archive-label{font-size:13px}.hero-foot{grid-column:1;align-items:start;gap:20px;margin-top:5px;font-size:13px}.hero-foot .handwritten{font-size:13px}.selected-work{padding:55px 0}.section-heading{align-items:start;gap:20px}.section-heading>p{font-size:13px}.section-kicker{font-size:13px}h2{font-size:39px}.work-grid{grid-template-columns:1fr;gap:42px}.blue .work-image{margin-top:0}.work-image{padding:20px}.work-info h3{font-size:29px}.work-info p{font-size:13px}.film .work-image{padding-inline:34px}.playground{grid-template-columns:1fr;gap:35px;padding:55px 0}.playground-intro,.type-experiment{grid-column:1}.type-experiment{rotate:0deg;padding:25px}.type-stage{min-height:270px}.type-stage span{font-size:clamp(30px,9vw,46px)}.home-footer{flex-direction:column;gap:12px}.handwritten-note{font-size:13px}}@media(max-width:380px){.studio-header{gap:4px}.studio-header nav{gap:8px}.brand img{width:33px;height:33px}nav a{font-size:13px;gap:3px}.portrait-print figcaption{flex-direction:column}.section-heading{flex-direction:column}.film h3{font-size:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.work-card:hover .work-image{translate:none}.work-card:hover img{scale:1}}
@media(min-width:701px) and (max-width:1000px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.blue .work-image{margin-top:0}.work-info h3{font-size:26px}}

/* Warm-paper composition inspired by Charis's supplied reference. */
body{background:var(--paper);color:var(--brown);background-image:linear-gradient(90deg,#3a170607 1px,transparent 1px),linear-gradient(#3a170605 1px,transparent 1px);background-size:120px 120px}
:root{--line:#3a170626}.studio-label{color:var(--brown)}.section-kicker{color:var(--brown)}.hero-greeting{font-size:clamp(25px,3vw,43px);margin:0 0 18px}.hero-greeting span{margin-left:18px}h1{color:var(--brown);font-size:clamp(65px,7.8vw,160px);white-space:nowrap}.name-period{display:none}.identity-copy{grid-column:1/8}.hero-collage{grid-column:8/-1}.profession{font-family:var(--display);font-size:clamp(20px,2vw,35px)}.positioning{color:var(--brown);font-family:Georgia,serif;font-size:19px;line-height:1.6}.hero-cta{background:var(--pink);padding:14px 26px;border:0;border-radius:30px}.portrait-print>img{object-fit:cover;background:var(--paper)}.grid-guide{background:#bea0804d;transform:rotate(-3deg);inset:-10px -25px 30px -30px;border:0}.portrait-print{transform:rotate(4deg)}.frame-note{background:var(--paper);color:var(--brown);padding:15px;bottom:10px;box-shadow:2px 3px 4px #3a170622}.archive-label{color:var(--brown)}.hero-foot .handwritten{color:var(--brown)}.section-heading>p,.work-info p{color:#3a1706b3}.work-image{padding:12px;background:var(--paper)}.blue .work-image{background:var(--paper)}.work-info h3{color:var(--brown)}.playground{background:var(--pink);margin-inline:-5.56%;padding-inline:5.56%;border:0}.playground-intro>p:not(.section-kicker){color:var(--brown)}.handwritten-note{color:var(--brown)}.type-experiment{background:var(--paper)}.home-footer{background:var(--brown);color:var(--paper);margin-inline:-5.56%;padding:50px 5.56%}.home-footer a{font:clamp(26px,3vw,48px) var(--display)}
@media(max-width:1000px){h1{font-size:clamp(55px,8vw,85px)}.positioning{font-size:16px}}
@media(max-width:700px){h1{font-size:clamp(46px,11.5vw,80px)}.identity-copy,.hero-collage{grid-column:1}.hero-greeting{font-size:27px}.profession{font-size:23px}.portrait-print>img{height:400px}.hero-collage{margin:0}.frame-note{left:-5px;font-size:13px}.grid-guide{inset:0 -8px 30px}.home-footer a{font-size:32px}}

/* Playground: movable editorial pieces on a visible six-column grid. */
.layout-lab{grid-column:6/-1;background:var(--paper);padding:25px;color:var(--brown);min-width:0}.lab-heading{display:flex;justify-content:space-between;gap:15px}.lab-heading .section-kicker{margin:0}.lab-page{font-size:13px;line-height:1.7}.lab-help{font-size:13px;line-height:1.8;margin:15px 0 18px}.layout-board{position:relative;height:480px;border:1px solid #3a170633;background-image:linear-gradient(90deg,#3a17061a 1px,transparent 1px),linear-gradient(#3a17061a 1px,transparent 1px);background-size:calc(100% / 6) calc(100% / 6);isolation:isolate}.layout-piece{position:absolute;padding:8px;overflow:hidden;box-shadow:1px 2px 4px #3a170617}.piece-handle{display:block;touch-action:none;user-select:none;width:100%;text-align:left;border:0;border-bottom:1px solid #3a17062a;background:none;color:var(--brown);padding:5px 0 8px;font:9px/1.3 var(--sans);min-height:32px;cursor:grab}.piece-handle:active{cursor:grabbing}.headline-piece{background:var(--pink);left:0;top:0;width:50%;height:50%;z-index:2}.headline-piece h3{font:400 var(--headline-size,32px)/1.06 var(--display);letter-spacing:-.04em;margin:16px 0 0}.image-piece{background:var(--blue);left:50%;top:16.6667%;width:50%;height:66.6667%}.image-piece img{width:100%;height:calc(100% - 38px);object-fit:contain;margin-top:6px}.copy-piece{background:var(--paper);left:0;top:66.6667%;width:50%;height:33.3333%}.copy-piece p{font:11px/1.7 var(--sans);margin:10px 0}.lab-controls{display:flex;align-items:end;flex-wrap:wrap;gap:15px;margin-top:20px}.lab-controls label{display:grid;gap:10px;font-size:13px;flex:1;min-width:120px}.lab-controls input{width:100%;accent-color:var(--brown)}.lab-controls button{background:none;border:0;border-bottom:1px solid currentColor;padding:9px 0;color:var(--brown);font:11px var(--sans);min-height:40px}#layout-feedback{font-size:13px;line-height:1.8;margin:20px 0 0}.layout-piece.is-moving{box-shadow:3px 6px 10px #3a170633}@media(max-width:1000px){.playground-intro{grid-column:1/5}.layout-lab{grid-column:5/-1}}@media(max-width:700px){.playground-intro,.layout-lab{grid-column:1}.layout-lab{padding:16px}.lab-heading{flex-direction:column;gap:4px}.layout-board{height:430px}.headline-piece h3{font-size:min(var(--headline-size,32px),8vw)}.copy-piece p{font-size:13px;line-height:1.5}.piece-handle{font-size:13px}.lab-controls{gap:12px}}

/* Original star artwork, clearer handwritten spacing, and unframed layout pieces. */
.cta-star,.personal-star{display:inline-block;flex-shrink:0;width:22px;height:28px;background:var(--brown);mask:url('../assets/images/home/stars-3.png') center/260% 260% no-repeat;-webkit-mask:url('../assets/images/home/stars-3.png') center/260% 260% no-repeat;}
.studio-header nav a::before{width:17px;height:22px;background:var(--brown);}
.personal-star{position:absolute;pointer-events:none}.star-pink{left:-24px;top:24%;background:#a7577c;transform:rotate(-15deg)}.star-blue{right:8px;bottom:5px;background:#687caa;transform:rotate(15deg)}
.handwritten,.hero-greeting,.handwritten-note{letter-spacing:.045em;word-spacing:.12em;line-height:2;}
.hero-greeting{margin-bottom:12px}.layout-piece{background:transparent;box-shadow:none;}.layout-piece.is-moving{box-shadow:none}.piece-handle{background:transparent;}
@media(max-width:700px){.studio-header nav a::before{width:12px;height:16px}.studio-header nav{gap:10px}.personal-star{width:16px;height:21px}.star-pink{left:-7px}.star-blue{bottom:0}}
@media(max-width:380px){.studio-header{align-items:center}.studio-header nav{gap:8px;flex:1;justify-content:flex-end}.studio-header nav a{font-size:13px;gap:3px}.studio-header nav a::before{width:10px;height:14px}}

/* Quiet drag areas; the introduction carries the exercise instructions. */
.studio-header nav a::before{background:var(--yellow);}
.piece-handle{border:0;min-height:14px;height:14px;padding:0;}
.piece-handle:focus-visible{outline:2px dashed var(--brown);outline-offset:2px;}
.layout-board{margin-top:20px;}
.image-piece img{height:calc(100% - 20px);}

/* One brand color per navigation star. */
.studio-header nav a:nth-child(1)::before{background:var(--blue);}
.studio-header nav a:nth-child(2)::before{background:var(--pink);}
.studio-header nav a:nth-child(3)::before{background:var(--yellow);}
.studio-header nav a:nth-child(4)::before{background:var(--moss);}

/* Preserve the complete supplied portrait at every viewport size. */
.portrait-print>img{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;}

/* Larger navigation and CTA, with brand-colored pill tabs. */
.studio-label{font-family:var(--display);font-size:clamp(20px,1.6vw,30px);line-height:1.2;letter-spacing:0;}
.studio-header nav{gap:12px;grid-column:5/-1;flex-wrap:wrap;}
.studio-header nav a{font-size:clamp(16px,1.1vw,21px);font-weight:500;padding:12px 23px;border-radius:999px;color:var(--brown);min-height:48px;justify-content:center;}
.studio-header nav a::before{display:none;}
.studio-header nav a:nth-child(1){background:var(--blue);}
.studio-header nav a:nth-child(2){background:var(--pink);}
.studio-header nav a:nth-child(3){background:var(--yellow);}
.studio-header nav a:nth-child(4){background:var(--moss);}
.studio-header nav a:hover{color:var(--brown);box-shadow:0 3px 8px #3a17061a;}
.hero-cta{font-size:clamp(17px,1.3vw,23px);padding:18px 32px;gap:24px;min-height:58px;}
@media(max-width:1000px){.studio-header nav{grid-column:3/-1}.studio-header nav a{padding:11px 18px;font-size:16px;}}
@media(max-width:700px){.studio-header{display:grid;grid-template-columns:44px 1fr;gap:16px;}.studio-label{display:block;grid-column:2;grid-row:1;font-size:23px;}.studio-header .brand{grid-column:1;grid-row:1;}.studio-header nav{grid-column:1/-1;justify-content:flex-start;gap:8px;}.studio-header nav a{font-size:15px;padding:11px 17px;min-height:44px;}.hero-cta{font-size:18px;padding:16px 27px;}}
@media(max-width:380px){.studio-header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;}.studio-header nav a{font-size:15px;}}

/* Balance the header and reveal the pill colors on interaction. */
.studio-header{display:flex;align-items:center;gap:20px;}
.studio-header .brand{flex-shrink:0;}.studio-header .brand img{width:56px;height:56px;}
.studio-label{display:block;font-size:25px;white-space:nowrap;}
.studio-header nav{margin-left:auto;gap:10px;}
.studio-header nav a{font-size:19px;font-weight:400;padding:12px 22px;min-height:48px;transition:background-color .2s,box-shadow .2s;}
.studio-header nav a:nth-child(n){background:transparent;}
.studio-header nav a:nth-child(1):is(:hover,:focus-visible,:active){background:var(--blue);}
.studio-header nav a:nth-child(2):is(:hover,:focus-visible,:active){background:var(--pink);}
.studio-header nav a:nth-child(3):is(:hover,:focus-visible,:active){background:var(--yellow);}
.studio-header nav a:nth-child(4):is(:hover,:focus-visible,:active){background:var(--moss);}
@media(max-width:1000px){.studio-header{flex-wrap:wrap;}.studio-header nav a{font-size:17px;padding:12px 16px;}.studio-label{font-size:23px;}}
@media(max-width:700px){.studio-header{display:flex;gap:15px;}.studio-header .brand img{width:46px;height:46px;}.studio-label{font-size:24px;}.studio-header nav{margin:0;flex-basis:100%;justify-content:space-between;gap:4px;}.studio-header nav a{font-size:16px;padding:12px 11px;min-height:46px;}}
@media(max-width:380px){.studio-header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;}.studio-header nav a{font-size:17px;}}

/* A single, restrained entrance; resting positions remain unchanged. */
@media(prefers-reduced-motion:no-preference){
 .identity-copy>*{animation:hero-copy-in .75s cubic-bezier(.2,.65,.3,1) both;}
 .identity-copy>*:nth-child(2){animation-delay:.08s;}
 .identity-copy>*:nth-child(3){animation-delay:.16s;}
 .identity-copy>*:nth-child(4){animation-delay:.24s;}
 .identity-copy>*:nth-child(5){animation-delay:.32s;}
 .portrait-print{animation:portrait-drop 1.05s .15s both;transform-origin:50% 15%;}
 .grid-guide,.collage-star,.personal-star{animation:hero-detail-in .6s .65s both;}
 .hero-foot{animation:hero-copy-in .75s .5s both;}
}
@keyframes hero-copy-in{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
@keyframes portrait-drop{
 0%{opacity:0;translate:0 -90px;rotate:-5deg;animation-timing-function:cubic-bezier(.45,0,.8,.6)}
 68%{opacity:1;translate:0 7px;rotate:1.2deg;animation-timing-function:ease-out}
 86%{opacity:1;translate:0 -3px;rotate:-.5deg;animation-timing-function:ease-in-out}
 100%{opacity:1;translate:0 0;rotate:0deg}
}
@keyframes hero-detail-in{from{opacity:0}to{opacity:1}}

/* Scroll reveals remain secondary to the content. */
@media(prefers-reduced-motion:no-preference){
 .scroll-effects .scroll-reveal{opacity:0;translate:0 20px;transition:opacity .7s ease,translate .7s cubic-bezier(.2,.65,.3,1);}
 .scroll-effects .scroll-reveal.is-visible{opacity:1;translate:0 0;}
 .scroll-effects .work-card:nth-child(2){transition-delay:.08s;}
 .scroll-effects .work-card:nth-child(3){transition-delay:.16s;}
 .scroll-effects .scroll-reveal:focus-within{opacity:1;translate:0 0;}
}

/* Midnight Melt joins Selected Work using the existing card system. */
.midnight .work-image{background:#151313;}
.midnight .work-image img{background:#151313;}
.midnight .project-number,.midnight .view-cue{color:var(--paper);}