:root{--paper:#F9F2E3;--ink:#1D2725;--coral:#FA6B52;--yellow:#FBE45D;--mint:#96E2D9;--white:#FFFDF6;--bgvar:var(--paper);--line:2px solid var(--ink);--font-head:'Knewave','Arial Black',Impact,sans-serif;--font-title:'Lilita One',Impact,sans-serif;--font-body:'Sour Gummy','Trebuchet MS',sans-serif;--font-note:'Permanent Marker',cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bgvar);color:var(--ink);font-family:var(--font-body);font-size:17px;overflow-x:hidden}a{color:inherit}button,input{font:inherit}button{cursor:pointer}img{display:block;width:100%;object-fit:cover}::selection{background:var(--yellow);color:var(--ink)}
a:focus-visible,button:focus-visible{outline:4px dashed var(--coral);outline-offset:4px}
.prototype-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px clamp(15px,3vw,58px);background:var(--ink);color:var(--paper);font:700 11px var(--font-body);letter-spacing:.08em;min-height:37px}.prototype-strip button{border:0;background:transparent;color:var(--yellow);font-family:var(--font-note);font-size:13px}
.site-header{position:relative;z-index:20;display:flex;align-items:center;gap:22px;padding:18px clamp(15px,3vw,58px);border-bottom:var(--line);background:var(--paper);min-height:86px}.logo{font:normal clamp(24px,2.7vw,40px)/1 var(--font-head);letter-spacing:-.035em;text-decoration:none;white-space:nowrap;transform:rotate(-2deg)}.logo span{font:normal 44px/0 var(--font-title);color:var(--coral);vertical-align:middle;display:inline-block;margin-left:7px;transform:rotate(24deg)}.site-header nav{display:flex;gap:clamp(9px,1.3vw,24px);align-items:center;margin-left:auto}.site-header nav a{text-decoration:none;text-transform:uppercase;font:normal clamp(12px,1.13vw,16px)/1.15 var(--font-title);border-bottom:4px solid transparent;padding:8px 0;white-space:nowrap}.site-header nav a:hover,.site-header nav a.selected{border-bottom-color:var(--nav-color)}.header-hello{display:inline-flex;white-space:nowrap;font:700 13px var(--font-body);text-decoration:none;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:8px 10px}.menu-toggle{display:none;background:var(--yellow);border:2px solid var(--ink);padding:7px 10px;font-family:var(--font-title)}
.tiny-marker,.kicker,.area-kicker{font:700 13px/1.5 var(--font-body);letter-spacing:.075em;text-transform:uppercase}.tiny-marker{display:block}.area-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:var(--line);font-size:15px}.area-kicker span{font-size:13px;font-weight:400;letter-spacing:0;text-transform:none}
.squiggle-button{display:inline-block;background:var(--yellow);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);transform:rotate(-2deg);text-decoration:none;padding:12px 20px;font:normal 20px var(--font-head);line-height:1.25;color:var(--ink);transition:transform .2s,box-shadow .2s}.squiggle-button:hover{transform:translate(3px,3px) rotate(0);box-shadow:4px 4px 0 var(--ink)}
.footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:23px 4vw;background:var(--ink);color:var(--paper);font:700 12px var(--font-body)}.footer a{color:var(--yellow)}
.section-intro{background:var(--paper);display:grid;grid-template-columns:51% 49%;min-height:610px;border-bottom:var(--line)}.section-copy{padding:60px clamp(24px,5.2vw,100px) 45px 5vw;position:relative;z-index:2}.section-copy .tiny-marker span{color:var(--coral)}.section-eyebrow{font:normal clamp(17px,2vw,28px) var(--font-note);margin:40px 0 0;transform:rotate(-2deg)}.section-intro h1{font:normal clamp(66px,7.3vw,145px)/1.03 var(--font-head);letter-spacing:-.04em;margin:3px 0 0;overflow-wrap:anywhere}.section-intro .titch{font:normal 55px var(--font-title);color:var(--coral);display:inline-block;transform:rotate(16deg);vertical-align:top}.claim{font:normal clamp(25px,3.3vw,50px)/1.13 var(--font-title);letter-spacing:-.015em;color:#F16750;margin:0 0 24px}.intro-text{font:700 clamp(19px,1.6vw,24px)/1.2 var(--font-body);max-width:510px}.scribble-note{font:normal clamp(14px,1.6vw,22px)/1.2 var(--font-note);color:#AD5947;transform:rotate(-4deg);margin:15px 0 38px;max-width:430px}.section-visual{position:relative;isolation:isolate;background:var(--section-color);border-left:var(--line);overflow:hidden;min-height:550px;display:grid;place-items:center}.section-visual:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(-45deg,#ffffff29 0 4px,transparent 4px 36px);z-index:-1}.shape-back{position:absolute;inset:9% 13% 14%;background:var(--yellow);border-radius:50%;transform:rotate(17deg);border:3px solid var(--ink)}.clip-frame{width:min(75%,570px);height:clamp(340px,30vw,470px);transform:rotate(-5deg);background:white;border:3px solid var(--ink);padding:12px 12px 40px;box-shadow:14px 16px 0 var(--ink);position:relative}.clip-frame:after{content:'ZAMBRANITIS / ARCHIVO VISUAL ✳';position:absolute;bottom:10px;left:16px;font:normal 13px var(--font-note)}.clip-frame img{height:100%;width:100%;object-fit:cover}.round-stamp{position:absolute;top:7%;right:6%;width:140px;height:140px;border-radius:50%;border:3px solid var(--ink);background:var(--coral);display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(11deg);font:normal 20px/1.15 var(--font-note);box-shadow:6px 6px 0 var(--ink)}.visual-mark{position:absolute;font:normal 100px var(--font-head);bottom:2%;left:7%;transform:rotate(-12deg)}
.section-marquee{background:var(--yellow);height:52px;overflow:hidden;border-bottom:var(--line);display:flex;align-items:center;white-space:nowrap}.section-marquee div{font:normal 24px var(--font-head);animation:ticker 24s linear infinite;width:max-content}.section-marquee div::selection{background:transparent}@keyframes ticker{to{transform:translateX(-35%)}}
.area-content{padding:75px clamp(18px,5vw,85px) 95px;max-width:1720px;margin:auto}.area-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:end;margin:35px 0 45px}.area-heading h2{font:normal clamp(45px,5.4vw,94px)/1.06 var(--font-head);margin:0;letter-spacing:-.02em}.area-heading h2 em{font-style:normal;color:#F46D54}.area-heading p{font:600 clamp(17px,1.5vw,22px)/1.28 var(--font-body);max-width:560px;margin:0 0 9px}
.work-card{position:relative;background:var(--white);border:2px solid var(--ink);box-shadow:6px 7px 0 var(--ink);transform:rotate(var(--angle));min-width:0}.work-photo{height:220px;overflow:hidden;border-bottom:var(--line);background:var(--section-color)}.work-photo img{height:100%;object-fit:cover}.work-text{padding:20px 22px 22px}.work-text h3{font:normal clamp(25px,2.2vw,40px)/1.07 var(--font-title);margin:8px 0 9px}.work-text p{font-size:17px;line-height:1.33;min-height:49px}.kicker{background:var(--yellow);padding:4px 7px;font-size:11px}.small-note{font:700 10px var(--font-body);letter-spacing:.06em;opacity:.58}.paper-link{font-family:var(--font-head);font-size:14px}.work-placeholder{height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px;background:var(--section-color)}.work-placeholder span{font-size:48px}.work-placeholder strong{font:normal 29px var(--font-title)}.work-placeholder small{font:700 11px var(--font-body);margin-top:11px}
.games-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 25px}.games-wall .card-wide{grid-column:span 2;display:grid;grid-template-columns:1.05fr 1fr;transform:rotate(-.5deg)}.games-wall .card-wide .work-photo{height:100%;min-height:295px;border-bottom:0;border-right:var(--line)}.games-wall .card-wide .work-text{align-self:center}.games-wall .card-wide .work-text h3{font-size:clamp(35px,4vw,62px)}
.editorial-end{background:var(--section-color);padding:25px 30px;border:2px solid var(--ink);margin-top:57px;transform:rotate(-.5deg);box-shadow:6px 7px 0 var(--ink)}.editorial-end b{font:normal 21px var(--font-head)}.editorial-end p{max-width:1000px;margin:10px 0 0;font-size:18px}
.film-list{border-top:3px solid var(--ink)}.film-row{display:grid;grid-template-columns:60px 1fr 230px 50px;gap:25px;align-items:center;padding:24px 0;border-bottom:3px solid var(--ink)}.film-no{font:normal 27px var(--font-head)}.film-title small{font:700 12px var(--font-body);letter-spacing:.09em}.film-title h3{font:normal clamp(29px,3.9vw,61px)/1.05 var(--font-head);margin:5px 0 5px}.film-title p{font-size:17px;max-width:600px;line-height:1.26;margin:0 0 10px}.film-title a{font:normal 17px var(--font-title);text-decoration-color:var(--coral)}.film-thumb{background:var(--section-color);border:3px solid var(--ink);aspect-ratio:1.7;transform:rotate(3deg);box-shadow:5px 6px 0 var(--ink);overflow:hidden}.film-thumb img{height:100%}.film-fallback{display:flex;height:100%;padding:10px;align-items:center;justify-content:center;text-align:center;font:normal 26px/1.1 var(--font-head)}.film-arrow{font:normal 45px var(--font-head)}
.music-stage{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin:65px auto 90px;align-items:center;max-width:1250px}.cassette{position:relative;aspect-ratio:1.65;width:100%;border:5px solid var(--ink);border-radius:20px;background:linear-gradient(165deg,#F6F4EA,#DAA4FF 65%,#F9AA6D);box-shadow:18px 23px 0 var(--ink);transform:rotate(-7deg);padding:19px}.cassette-top{display:flex;justify-content:space-between;font:normal 14px var(--font-note)}.cassette-label{background:var(--yellow);border:3px solid var(--ink);transform:rotate(2deg);margin:20px auto;width:82%;height:38%;text-align:center;font:normal clamp(28px,4vw,62px)/1.1 var(--font-head);display:flex;justify-content:center;flex-direction:column}.cassette-label small{font:700 13px var(--font-body)}.cassette-reels{background:#343B3C;border-radius:40px;border:3px solid var(--ink);height:27%;display:flex;align-items:center;justify-content:space-around}.cassette-reels div{width:60px;height:60px;border:10px dotted #F4F2D8;border-radius:50%;background:var(--ink)}.cassette-foot{text-align:center;font:normal 22px var(--font-note);margin-top:11px}.music-copy h2{font:normal clamp(54px,5.5vw,87px)/1.0 var(--font-head);margin:0 0 22px}.music-copy h2 em{color:#A971E9;font-style:normal}.music-copy p{font:600 20px/1.4 var(--font-body)}.note-sticker{border:2px dashed var(--ink);display:table;padding:10px 17px;transform:rotate(3deg);font:normal 19px var(--font-note);margin:25px 0}.music-tracks{border-top:var(--line)}.music-tracks h3{font:normal 33px var(--font-head)}.music-tracks>div{display:grid;grid-template-columns:1fr 2fr;gap:25px;padding:24px 0;border-bottom:var(--line)}.music-tracks b{font:normal 25px var(--font-title)}.music-tracks span{font:600 17px var(--font-body)}
.frame-reel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.frame-card{background:var(--white);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:12px}.frame-card:nth-child(even){transform:translateY(24px) rotate(1.5deg)}.frame-card:nth-child(odd){transform:rotate(-1deg)}.frame-top{display:flex;justify-content:space-between;font:normal 17px var(--font-note);padding:6px 8px}.frame-card>img{height:285px;object-fit:cover;border:2px solid var(--ink)}.frame-bottom{padding:17px 7px 10px}.frame-bottom small{font:700 12px var(--font-body)}.frame-bottom h3{font:normal clamp(28px,3vw,49px)/1.05 var(--font-head);margin:6px 0 12px}.frame-bottom p{font-size:17px;max-width:570px}
.writing-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;margin:75px 0 90px}.book-mock{text-align:center}.book-mock>span{font:normal 18px var(--font-note)}.book-cover{margin:16px auto;max-width:440px;min-height:590px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border:3px solid var(--ink);box-shadow:16px 18px 0 #D28649;background:linear-gradient(150deg,#FFD68B 0%,#F7A9C3 50%,#FBA6A2 100%);padding:30px 17px;transform:rotate(-4deg)}.book-cover small{font-size:14px;letter-spacing:.1em}.book-cover h2{font:normal clamp(35px,3vw,57px)/1.14 var(--font-title);letter-spacing:-.02em;margin:0}.book-cover h2 i{font-style:normal;color:#AE3E64}.book-cover>b{font-size:65px}.cover-caveat{font:500 13px var(--font-body)}.book-description h2{font:normal clamp(44px,5vw,80px)/1.02 var(--font-head)}.book-description h2 em{font-style:normal;color:#CD594C}.book-description p{font:600 19px/1.4 var(--font-body)}.rough-sticker{display:inline-block;border:3px solid var(--ink);background:var(--section-color);padding:10px;transform:rotate(3deg);font:normal 18px var(--font-note)}.notes{border-top:var(--line);padding-top:35px}.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.note-article{padding:25px 21px;background:#FFF9EF;border-left:6px solid #DD7D3A;border-bottom:2px dashed var(--ink);transform:rotate(-1deg)}.note-article:nth-child(2){transform:rotate(2deg)}.note-article span{font:700 12px var(--font-body)}.note-article h3{font:normal 30px/1.12 var(--font-title)}.note-article p{font-size:16px}
.role-tabs{display:flex;border-bottom:3px solid var(--ink);gap:10px;margin:55px 0 0}.role-tabs button{border:3px solid var(--ink);border-bottom:0;background:var(--paper);padding:16px 22px;font:normal 23px var(--font-title);cursor:pointer}.role-tabs button[aria-selected="true"]{background:var(--section-color);transform:translateY(-5px);box-shadow:4px -4px 0 var(--ink)}.role-panel{display:grid;grid-template-columns:1fr 1fr;min-height:500px;gap:4vw;align-items:center;background:#FFDCD6;border:3px solid var(--ink);padding:30px}.role-panel[hidden]{display:none}.role-image{height:450px;border:3px solid var(--ink);transform:rotate(-3deg);box-shadow:9px 10px 0 var(--ink);overflow:hidden}.role-image img{height:100%;object-fit:cover}.role-serial{font:normal 18px var(--font-note)}.role-copy h3{font:normal clamp(44px,5vw,80px)/1.05 var(--font-head);margin:25px 0 18px}.role-copy h3 em{font-style:normal;color:#EF6B53}.role-copy p{font:600 20px/1.35 var(--font-body)}.photo-strip{display:flex;margin-top:25px;gap:12px}.photo-strip img{width:42%;aspect-ratio:1.4;border:3px solid var(--ink);transform:rotate(3deg)}.photo-strip img:nth-child(2){transform:rotate(-5deg)}
.end-index{padding:70px 5vw;background:#EBE3D3;border-top:var(--line)}.end-index h2{font:normal clamp(36px,4vw,70px)/1.05 var(--font-head);margin:10px 0 30px}.end-index h2 em{font-style:normal;color:var(--coral)}.end-index>div>span{font:700 14px var(--font-body)}.mini-nav{display:flex;flex-wrap:wrap;gap:12px}.mini-nav a{font:normal 20px var(--font-title);border:2px solid var(--ink);background:var(--swatch);padding:10px 16px;box-shadow:4px 4px 0 var(--ink);text-decoration:none}.mini-nav a:hover{transform:translateY(-3px)}
.home-hero{display:grid;grid-template-columns:51% 49%;min-height:655px;border-bottom:var(--line)}.home-left{padding:60px 4.5vw 35px 5vw;position:relative;background:radial-gradient(#1F252211 1px,transparent 1px);background-size:13px 13px}.home-left h1{font:normal clamp(62px,8vw,135px)/.99 var(--font-head);margin:30px 0;letter-spacing:-.05em}.home-left h1 span{-webkit-text-stroke:2px var(--ink);color:transparent}.home-left h1 em{font-style:normal;color:var(--coral);position:relative}.home-left h1 em:after{content:'';position:absolute;background:var(--yellow);height:11px;bottom:-8px;left:4%;right:2%;z-index:-1;transform:rotate(-2deg)}.home-lead{max-width:620px;font:600 clamp(18px,1.7vw,26px)/1.23 var(--font-body);margin:0 0 35px}.hand-note{font:normal 21px/1.2 var(--font-note);color:#C36047;transform:rotate(-6deg);display:inline-block;margin-left:36px}.home-foot{display:block;font:700 13px var(--font-body);letter-spacing:.07em;margin-top:58px}.home-collage{position:relative;overflow:hidden;min-height:650px;background:#9EDFD4;border-left:var(--line);background-image:repeating-linear-gradient(125deg,#ffffff2a 0 5px,transparent 5px 39px)}.circular-disc{position:absolute;background:var(--yellow);border-radius:50%;width:410px;height:410px;top:13%;left:31%}.snap{position:absolute;margin:0;background:#fffdf6;padding:9px 9px 27px;border:2px solid var(--ink);box-shadow:9px 10px 0 #1D2725cb}.snap img{height:100%;width:100%;object-fit:cover}.snap figcaption{position:absolute;bottom:5px;font:normal 13px var(--font-note)}.s1{width:51%;height:53%;top:8%;left:15%;transform:rotate(-10deg)}.s2{width:54%;height:40%;top:45%;right:7%;transform:rotate(9deg)}.s3{width:46%;height:29%;bottom:8%;left:4%;transform:rotate(-11deg)}.home-collage .round-stamp{font-size:18px}.home-index{padding:85px 5vw 100px}.home-index .area-heading h2{font-size:clamp(45px,5.4vw,82px);max-width:790px}.discipline-wall{border-top:3px solid var(--ink)}.discipline-link{display:grid;grid-template-columns:75px 1fr minmax(220px,.8fr) 65px;gap:15px;align-items:center;border-bottom:3px solid var(--ink);padding:16px 25px;text-decoration:none;transition:background .2s}.discipline-link:hover{background:var(--area)}.discipline-no{font:normal 20px var(--font-note)}.discipline-link strong{font:normal clamp(39px,5vw,75px)/1.03 var(--font-head)}.discipline-short{font:600 18px/1.2 var(--font-body);max-width:360px}.discipline-go{font:normal 45px var(--font-head)}.home-about{padding:100px 5vw;background:#222B29;color:#FEF2DF}.home-about>span{font:normal 15px var(--font-note);color:var(--yellow)}.home-about h2{font:normal clamp(43px,5.7vw,96px)/1.08 var(--font-head);margin:16px 0}.home-about h2 em{font-style:normal;color:var(--coral)}.home-about p{font-size:21px;max-width:700px}.home-about a{font:normal 24px var(--font-head);color:var(--yellow)}
body.night{--paper:#202928;--ink:#FAF2E4;--white:#303A37;--bgvar:#202928;color:#FAF2E4}body.night .site-header,body.night .section-intro,body.night .home-left{background:var(--paper)}body.night .site-header,body.night .section-visual,body.night .home-collage{border-color:var(--ink)}body.night .header-hello{box-shadow:4px 4px 0 #8D9183}body.night .work-card,body.night .frame-card,body.night .role-panel,body.night .book-cover,body.night .end-index,body.night .note-article{color:#1D2725}body.night .section-visual,body.night .home-collage{color:#1D2725}body.night .home-about{background:#111A19}body.night .home-index{background:#202928}
@media(max-width:1180px){.site-header{flex-wrap:wrap;gap:12px}.site-header nav{margin-left:0;order:3;width:100%;justify-content:space-between}.header-hello{margin-left:auto}.logo{font-size:32px}.section-intro h1{font-size:clamp(58px,7vw,110px)}.section-copy{padding-right:25px}.role-tabs button{font-size:20px}}
@media(max-width:760px){.prototype-strip span:nth-child(2){display:none}.site-header{min-height:76px;flex-wrap:nowrap;padding:16px 18px}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:15px 20px;flex-direction:column;align-items:stretch;gap:6px;border-bottom:3px solid var(--ink);order:0;width:auto}.site-header nav.open{display:flex}.site-header nav a{padding:8px;font-size:18px}.menu-toggle{display:block;margin-left:auto}.header-hello{display:none}.logo{font-size:27px}.logo span{font-size:31px}.section-intro,.home-hero{grid-template-columns:1fr}.section-copy{padding:40px 23px 50px}.section-copy .section-eyebrow{margin-top:28px}.section-intro h1{font-size:clamp(54px,12vw,96px);line-height:1.05}.section-intro .titch{font-size:33px}.section-visual{min-height:430px;border-top:var(--line);border-left:0}.clip-frame{height:310px}.round-stamp{width:110px;height:110px;font-size:15px}.area-content{padding:45px 20px 70px}.area-kicker{display:block}.area-kicker span{display:block}.area-heading{grid-template-columns:1fr;gap:8px;margin:28px 0 34px}.area-heading h2{font-size:clamp(41px,10vw,72px)}.games-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.games-wall .card-wide{grid-column:span 2}.work-photo,.work-placeholder{height:190px}.work-text{padding:14px}.work-text h3{font-size:30px}.film-row{grid-template-columns:30px 1fr 115px 20px;gap:10px}.film-title h3{font-size:clamp(24px,6vw,40px)}.film-title p{font-size:14px}.film-thumb{aspect-ratio:.9}.film-arrow{font-size:27px}.music-stage,.writing-layout,.role-panel{grid-template-columns:1fr;gap:55px}.music-copy h2{font-size:67px}.cassette{max-width:550px;margin:0 auto}.frame-reel{grid-template-columns:1fr}.frame-card:nth-child(even){transform:rotate(1deg)}.frame-card>img{height:330px}.writing-layout{margin:50px 0}.book-cover{min-height:480px}.note-grid{grid-template-columns:1fr}.role-panel{gap:30px}.role-image{height:360px}.role-tabs button{font-size:18px;padding:11px}.home-left{padding:44px 22px}.home-left h1{font-size:clamp(62px,13vw,94px)}.home-collage{min-height:430px;border-left:0;border-top:var(--line)}.home-lead{font-size:21px}.home-index{padding:50px 20px}.discipline-link{grid-template-columns:35px 1fr 38px;padding:13px 3px;gap:5px}.discipline-link strong{font-size:clamp(33px,8vw,55px)}.discipline-short{display:none}.home-about{padding:70px 22px}.section-marquee{height:43px}.section-marquee div{font-size:21px}}
@media(max-width:460px){.section-intro h1{font-size:clamp(42px,12vw,66px)}.section-eyebrow{font-size:16px}.games-wall{grid-template-columns:1fr}.games-wall .card-wide{grid-column:auto;display:block}.games-wall .card-wide .work-photo{height:210px;min-height:210px;border-right:0;border-bottom:var(--line)}.work-card{transform:none}.section-visual{min-height:350px}.clip-frame{width:72%;height:270px}.round-stamp{top:6%;right:1%;width:89px;height:89px;font-size:12px}.frame-card>img{height:235px}.role-tabs{gap:3px}.role-tabs button{font-size:15px;padding:10px 8px}.role-image{height:260px}.film-row{grid-template-columns:24px 1fr 72px;gap:8px}.film-row .film-arrow{display:none}.film-title h3{font-size:25px}.film-title p{font-size:13px}.film-thumb{aspect-ratio:.75}.cassette{padding:10px;border-radius:12px}.cassette-reels div{height:42px;width:42px;border-width:7px}.cassette-foot{display:none}.music-tracks>div{grid-template-columns:1fr;gap:4px}.home-left h1{font-size:clamp(52px,13.5vw,80px)}.home-collage{min-height:350px}.snap figcaption{font-size:8px}.home-collage .round-stamp{width:90px;height:90px;font-size:11px}.home-foot{font-size:10px}.hand-note{display:block;margin:25px 0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* REVUELTO V3 — Portafolios visuales, obra primero */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.v3-bar{background:#1d2725;color:#fff6e5}
.v3-category{min-height:78vh}
.v3-mast{background:var(--section-color);padding:27px clamp(22px,4.5vw,84px) 29px;border-bottom:3px solid #1D2725;background-image:repeating-linear-gradient(135deg,transparent 0 38px,#FFFFFF20 39px 43px)}
.v3-overline{font:800 12px var(--font-body);display:flex;justify-content:space-between;gap:20px;letter-spacing:.09em;color:#1D2725}
.v3-mast-row{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-top:18px}
.v3-mast h1{font:normal clamp(58px,8vw,128px)/.93 var(--font-head);letter-spacing:-.04em;margin:0;overflow-wrap:anywhere;color:#1D2725;text-shadow:4px 4px 0 #FFF4EA}
.v3-mast h1 span{color:#FA6B52;font-family:var(--font-title);font-size:.5em;vertical-align:top;padding-left:10px}
.v3-mast-row p{font:700 clamp(16px,1.6vw,23px)/1.15 var(--font-body);max-width:340px;margin:0 0 9px;color:#1D2725}
.v3-gallery{padding:22px clamp(16px,4.5vw,84px) 90px;max-width:1680px;margin:auto}
.v3-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:13px}
.v3-count{font:normal clamp(19px,2.2vw,31px) var(--font-title)}
.v3-dot{color:#F5694E}
.v3-search{margin-left:auto}.v3-search input{background:#FFFCF5;border:2px solid #1D2725;padding:11px 17px;border-radius:0;font:600 16px var(--font-body);min-width:185px;max-width:100%;box-shadow:3px 3px 0 #1D2725;color:#1D2725}
.v3-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:23px}
.v3-chip{border:2px solid #1D2725;color:#1D2725;background:#FFFCF5;border-radius:30px;padding:7px 16px;font:normal 18px var(--font-title)}
.v3-chip.is-on,.v3-chip:hover{background:var(--section-color);box-shadow:3px 3px 0 #1D2725}
.v3-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px 20px}
.v3-work{display:flex;flex-direction:column;min-width:0;background:#FFFDF6;border:2px solid #1D2725;box-shadow:5px 5px 0 #1D2725;text-decoration:none;color:#1D2725;transition:transform .18s,box-shadow .18s;isolation:isolate}
.v3-work:hover,.v3-work:focus-visible{transform:translate(-3px,-4px) rotate(-.6deg);box-shadow:9px 10px 0 #1D2725;z-index:2}
.v3-thumb{position:relative;aspect-ratio:1.22;overflow:hidden;background:var(--section-color);border-bottom:2px solid #1D2725}
.v3-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.v3-work:hover .v3-thumb img{transform:scale(1.055)}
.v3-peek{position:absolute;bottom:11px;left:12px;background:#FBE45D;border:2px solid #1D2725;box-shadow:3px 3px 0 #1D2725;padding:7px 10px;font:normal 16px var(--font-title);color:#1D2725}
.v3-work-info{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px 15px;min-height:82px}
.v3-work-info strong{display:block;font:normal clamp(20px,1.8vw,30px)/1.07 var(--font-title)}
.v3-work-info small{display:block;font:600 13px/1.25 var(--font-body);margin-top:6px;color:#3B4C47}
.v3-work-arrow{font:normal 34px var(--font-head);flex:none}
.v3-work.card-feature{grid-column:span 2}.v3-work.card-feature .v3-thumb{aspect-ratio:2.05}
.v3-work[hidden],.v3-no-results[hidden]{display:none!important}
.v3-placeholder{height:100%;min-height:200px;display:grid;align-content:center;justify-items:center;gap:5px;background:repeating-linear-gradient(-30deg,#FBE45D 0 24px,#F8A18B 24px 48px);color:#1D2725;text-align:center}
.v3-placeholder span{font:normal 105px var(--font-head)}.v3-placeholder small{font:normal 14px var(--font-title)}
.v3-note{font:600 17px/1.4 var(--font-body);border-left:6px solid #FA6B52;background:#FFF8ED;padding:16px;margin-top:32px;max-width:860px;color:#1D2725}
.v3-next{padding:34px clamp(17px,5vw,85px);background:#EBE3D3;border-top:3px solid #1D2725;color:#1D2725}.v3-next>span{font:normal 16px var(--font-note)}.v3-next .mini-nav{margin-top:15px}.v3-next .mini-nav a{font:normal 19px var(--font-title)}
.v3-detail{max-width:1440px;margin:auto;padding:30px clamp(18px,5vw,70px) 80px}
.v3-back{display:inline-block;font:normal 19px var(--font-title);text-decoration-thickness:3px;margin-bottom:26px}
.v3-detail-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,5vw,80px);align-items:start}
.v3-detail-art{position:relative;aspect-ratio:1.28;background:var(--section-color);border:3px solid #1D2725;box-shadow:12px 12px 0 #1D2725;transform:rotate(-1deg);overflow:visible}
.v3-detail-art img{width:100%;height:100%;object-fit:cover}.v3-detail-art .v3-placeholder{height:100%}
.v3-art-stamp{position:absolute;right:-15px;bottom:20px;padding:9px 18px;background:#FBE45D;color:#1D2725;border:2px solid #1D2725;box-shadow:4px 4px 0 #1D2725;transform:rotate(-5deg);font:normal 18px var(--font-title)}
.v3-kicker{font:normal 20px var(--font-note);color:#D65E49}
.v3-detail h1,.v3-simple h1{font:normal clamp(52px,6.2vw,106px)/1.02 var(--font-head);margin:15px 0 20px;overflow-wrap:anywhere}
.v3-detail-sub{font:normal clamp(24px,2.6vw,38px)/1.2 var(--font-title);margin:0 0 20px;color:#D85B4A}
.v3-detail-copy>p{font:600 clamp(17px,1.65vw,23px)/1.38 var(--font-body);max-width:670px}
.v3-action-row{display:flex;gap:13px;flex-wrap:wrap;margin:25px 0 33px}
.v3-action{display:inline-block;border:3px solid #1D2725;background:#FBE45D;box-shadow:5px 5px 0 #1D2725;color:#1D2725;padding:13px 19px;text-decoration:none;font:normal 20px var(--font-title);transition:transform .15s}.v3-action:hover{transform:translateY(-3px)}
.v3-action.outline{background:#FFFBF0}
.v3-credits{border-top:2px dashed #1D2725;margin-top:30px;padding-top:15px}.v3-credits>div{display:flex;align-items:start;gap:20px;justify-content:space-between;border-bottom:1px solid #89928B;padding:10px 0;font:600 16px var(--font-body)}.v3-credits span{color:#5D6A63}.v3-credits b{text-align:right}
.v3-detail-gallery{margin-top:90px}.v3-gallery-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.v3-gallery-image{padding:0;border:3px solid #1D2725;box-shadow:4px 4px 0 #1D2725;background:#FFFCF1;aspect-ratio:1.3;overflow:hidden}.v3-gallery-image img{width:100%;height:100%;object-fit:cover}.v3-gallery-image:hover{transform:rotate(-1deg)}
.v3-detail-foot{font:600 15px var(--font-body);color:#50605A;margin-top:30px}
.v3-lightbox{position:fixed;inset:0;background:#111B19ED;z-index:1000;display:grid;place-items:center;padding:30px}.v3-lightbox[hidden]{display:none}.v3-lightbox img{max-width:min(94vw,1300px);max-height:85vh;width:auto;height:auto;object-fit:contain}.v3-lightbox button{position:absolute;top:17px;right:23px;background:#FBE45D;border:2px solid #111B19;padding:10px 14px;font:normal 19px var(--font-title);color:#111B19}
.v3-simple{max-width:1000px;min-height:62vh;margin:0 auto;padding:70px 25px}.v3-simple h1 em{font-style:normal;color:#FA6B52}.v3-simple>p{font:600 clamp(18px,2vw,29px) var(--font-body)}.v3-simple-notes{display:flex;gap:20px;margin-top:55px;font:normal 20px var(--font-title)}
body.night .v3-mast,body.night .v3-next{color:#1D2725}body.night .v3-search input,body.night .v3-chip,body.night .v3-work,body.night .v3-no-results,body.night .v3-detail-art,body.night .v3-credits{color:#1D2725}body.night .v3-detail-art{box-shadow:8px 8px 0 #FAF2E4}body.night .v3-work{box-shadow:5px 5px 0 #FAF2E4}
@media(max-width:1100px){.v3-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v3-mast-row{align-items:center}.v3-detail-grid{gap:30px}.v3-work.card-feature .v3-thumb{aspect-ratio:1.7}}
@media(max-width:780px){.v3-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 13px}.v3-mast{padding:20px 18px 22px}.v3-mast-row{display:block}.v3-mast-row p{margin:12px 0 0}.v3-mast h1{font-size:clamp(48px,11vw,84px)}.v3-gallery{padding:16px 18px 60px}.v3-detail-grid{grid-template-columns:1fr}.v3-detail-art{max-width:740px}.v3-gallery-strip{grid-template-columns:repeat(3,1fr)}.v3-overline{font-size:11px}.v3-work-info{padding:10px;min-height:72px}.v3-work-info strong{font-size:clamp(19px,3.4vw,27px)}.v3-work-info small{font-size:12px}}
@media(max-width:510px){.v3-grid{gap:15px 10px}.v3-work.card-feature{grid-column:span 2}.v3-work.card-feature .v3-thumb{aspect-ratio:1.75}.v3-work:not(.card-feature) .v3-thumb{aspect-ratio:.9}.v3-work-info strong{font-size:20px}.v3-work-info small{font-size:11px}.v3-work-arrow{font-size:23px}.v3-peek{bottom:8px;left:7px;font-size:12px;padding:5px 7px}.v3-top{align-items:stretch;flex-wrap:wrap}.v3-search{width:100%}.v3-search input{width:100%}.v3-overline span:last-child{display:none}.v3-gallery-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.v3-detail{padding:20px 18px 60px}.v3-detail-art{aspect-ratio:1.16;box-shadow:6px 6px 0 #1D2725}.v3-detail h1{font-size:clamp(46px,11vw,70px)}.v3-action{font-size:17px}.v3-action-row{margin-top:15px}.v3-art-stamp{right:0;font-size:13px}.v3-next .mini-nav a{font-size:16px}}
