/* Portrait-led editorial layout inspired by the supplied portfolio reference. */
.about-editorial{--bg:#090909;--surface:#141414;--accent:#ed2334;--text:#f5f3f1;--muted:#b4b0b1;--border:#ffffff24;background:#090909;color:var(--text)}
.about-editorial .shell{width:min(1200px,calc(100% - 64px))}.about-editorial .site-header{border-bottom:0}.about-editorial .nav-pill a.active{background:#ed23341c}.about-editorial .button{background:#c91e30}.about-editorial .button:hover{background:#e5263b}.about-editorial .nav-pill{background:transparent}.about-editorial :is(a,button):focus-visible{outline-color:#ff6879}
.portrait-stage{position:relative;min-height:800px;height:min(880px,calc(100svh - 96px));isolation:isolate;overflow:hidden;border-bottom:1px solid var(--border);background:radial-gradient(ellipse at 50% 80%,#770e202b,transparent 65%)}
.stage-meta{display:flex;justify-content:space-between;gap:20px;border-block:1px solid var(--border);padding-block:15px;font-size:10px;letter-spacing:.13em;position:relative;z-index:4}.stage-meta>span:first-child{color:#f05160}.stage-meta>span:last-child>span{color:var(--accent);margin-left:18px;font-size:20px;vertical-align:middle}
.poster-word{position:absolute;left:0;top:66px;width:100%;font-family:Impact,'Arial Narrow',sans-serif;font-weight:900;font-stretch:condensed;font-size:clamp(110px,19.4vw,258px);letter-spacing:-.055em;line-height:.95;color:#ae1024;transform:scaleY(1.65);transform-origin:top center;white-space:nowrap;z-index:0;mask-image:linear-gradient(#000 20%,#0006 90%,transparent)}
.portrait-copy{position:absolute;top:245px;left:0;z-index:3;width:255px}.handwritten{font-family:'Segoe Print','Bradley Hand',cursive;font-style:italic;font-size:32px;margin:0 0 10px;transform:rotate(-6deg);transform-origin:left}.portrait-copy h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(64px,7.2vw,100px);line-height:.92;letter-spacing:-.025em;font-weight:900;margin:0}.portrait-copy h1 span,.editorial-contact h2 span{color:var(--accent)}.role-label{color:#ff4a5e;font-size:15px;font-weight:700;letter-spacing:.035em;margin:22px 0 12px}.portrait-intro{max-width:235px;font-size:15px;line-height:1.65;color:#d0cacc;margin:0}.stage-link{display:inline-flex;gap:24px;align-items:center;min-height:44px;margin-top:20px;font-size:13px;border-bottom:1px solid #ed233488}.stage-link span{color:#ff4a5e;font-size:22px}
.hero-portrait{position:absolute;z-index:2;bottom:-2px;left:20%;width:70%;height:77%;object-fit:contain;object-position:center bottom;pointer-events:none;mask-image:linear-gradient(#000 90%,transparent)}
.portrait-facts{position:absolute;right:0;top:420px;z-index:3;width:172px;margin:0}.portrait-facts>div{display:flex;gap:14px;align-items:center;padding:20px 0;border-bottom:1px solid var(--border)}.portrait-facts dt{font-family:Impact,'Arial Narrow',sans-serif;font-size:44px;color:#ff334b;line-height:1}.portrait-facts dd{margin:0;font-size:12px;line-height:1.5;color:#ded8da}.stage-bottom{position:absolute;bottom:0;left:0;right:0;z-index:4;display:flex;justify-content:space-between;gap:20px;padding:18px 0;font-size:10px;letter-spacing:.1em;background:linear-gradient(transparent,#090909)}
.selected-work{padding-block:38px 44px}.section-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.section-topline h2{font-size:19px;letter-spacing:-.02em;font-weight:500;margin:0}.section-topline>a{font-size:12px;color:var(--muted);padding:12px 0}.section-topline>a span{margin-left:20px;color:#fff}.editorial-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.work-card{min-width:0}.work-preview{height:230px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:#131112}.work-preview img{height:90%;width:auto;object-fit:contain;transition:transform .25s}.work-card:hover .work-preview img{transform:translateY(-4px)}.gps-preview{background:radial-gradient(ellipse at bottom,#332327,#151112)}.gps-preview img{transform:rotate(-8deg) translateY(35px);height:120%;max-width:70%;object-position:top}.work-card:hover .gps-preview img{transform:rotate(-5deg) translateY(28px)}.desktop-preview{background:#171719}.desktop-preview img{height:90%;max-width:85%}.excel-preview{background:#131c18;flex-direction:column;gap:15px}.excel-preview img{height:85px;width:85px}.excel-preview>span{font-size:25px;line-height:1.05;font-weight:750;letter-spacing:-.04em;text-align:center;color:#dbd7d8}.work-label{display:flex;gap:12px;align-items:center;padding:18px 0}.work-number{font-family:Impact,'Arial Narrow',sans-serif;font-size:34px;line-height:1;color:#ed3349}.work-label h3{font-size:13px;margin:0 0 6px;font-weight:600;letter-spacing:.04em}.work-label p{font-size:9px;color:var(--muted);margin:0;letter-spacing:.03em}.work-label>span:last-child{margin-left:auto;font-size:25px;color:#b4b0b1}
.maker-details{display:grid;grid-template-columns:1.1fr 1.1fr .75fr;border-block:1px solid var(--border)}.maker-background,.maker-process{padding:34px 28px 38px 0}.maker-process{padding-left:28px;border-left:1px solid var(--border)}.section-kicker{color:#f45365;font-size:10px;letter-spacing:.1em;margin:0 0 20px}.maker-details h2{font-size:24px;line-height:1.12;letter-spacing:-.04em;font-weight:650;margin:0 0 24px}.maker-background>p:not(.section-kicker){font-size:14px;line-height:1.8;color:var(--muted)}.maker-background h3{font-size:11px;color:#f45365;margin:26px 0 14px;font-weight:500}.skill-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.skill-list li{font-size:11px;padding:8px 10px;border:1px solid var(--border);border-radius:5px;color:#ccc6c9}.maker-process ol{list-style:none;padding:0;margin:0}.maker-process li{display:flex;gap:16px;padding:12px 0;border-top:1px solid #ffffff10}.maker-process li>span{color:#f45365;font-size:12px}.maker-process h3{font-size:12px;color:#f45365;margin:0 0 5px;font-weight:500}.maker-process li p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}.maker-manifesto{padding:28px;background:linear-gradient(145deg,#761325,#240b12);display:flex;flex-direction:column}.quote-mark{font-family:Georgia,serif;font-size:100px;line-height:1;color:#f33c53;height:65px}.maker-manifesto>p{font-size:23px;line-height:1.4;letter-spacing:-.02em;margin:20px 0}.signature{font-family:'Segoe Print',cursive;font-style:italic;font-size:25px;color:#f0c8ce}.maker-manifesto>a{margin-top:auto;padding-top:45px;font-size:11px;line-height:1.8;color:#edbdc6;letter-spacing:.08em}
.editorial-contact{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-block:64px}.editorial-contact h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(46px,6vw,76px);line-height:.98;letter-spacing:-.025em}.editorial-contact p:not(.section-kicker){font-size:14px;line-height:1.8;color:var(--muted)}.contact-email{display:grid;grid-template-columns:1fr auto;gap:18px;border-block:1px solid var(--border);padding:28px 0}.contact-email>span:first-child{grid-column:1/-1;color:#f45365;font-size:11px;letter-spacing:.1em}.contact-email strong{font-size:clamp(14px,1.8vw,24px);font-weight:450;overflow-wrap:anywhere}.contact-email>span:last-child{color:#f45365;font-size:28px}.about-editorial .site-footer{margin-top:0}
@media(min-width:1400px){.poster-word{font-size:258px}}
@media(max-width:1000px){.portrait-stage{min-height:760px}.portrait-copy{width:220px;top:215px}.hero-portrait{left:16%;width:80%;height:73%}.portrait-facts{width:140px;top:400px}.portrait-facts dt{font-size:36px}.portrait-facts dd{font-size:11px}.portrait-facts>div{gap:10px}.portrait-intro{font-size:14px;max-width:210px}.role-label{font-size:12px}.maker-details{grid-template-columns:1fr 1fr}.maker-manifesto{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr 1fr;gap:20px;align-items:center}.maker-manifesto>p{margin:0}.maker-manifesto>a{padding-top:0;margin:0}.signature{display:none}.work-preview{height:190px}}
@media(max-width:700px){.about-editorial .shell{width:calc(100% - 36px)}.portrait-stage{height:auto;min-height:980px}.stage-meta{font-size:8px;letter-spacing:.06em}.stage-meta>span:last-child>span{margin-left:6px}.poster-word{top:72px;font-size:19vw;transform:scaleY(1.5)}.portrait-copy{top:205px;width:65%}.portrait-copy h1{font-size:76px}.portrait-intro{max-width:240px}.hero-portrait{left:-10%;bottom:48px;width:120%;height:58%;mask-image:linear-gradient(#000 85%,transparent)}.portrait-facts{top:235px;right:0;width:100px}.portrait-facts>div{display:block;padding:13px 0}.portrait-facts dt{font-size:34px;margin-bottom:6px}.portrait-facts dd{font-size:10px}.stage-link{margin-top:12px}.stage-bottom{font-size:8px;align-items:center;letter-spacing:.04em}.stage-bottom>span{max-width:170px;line-height:1.8}.editorial-projects{grid-template-columns:1fr;gap:18px}.work-preview{height:280px}.work-label p{font-size:10px}.selected-work{padding-block:28px}.section-topline h2{font-size:16px}.maker-details{grid-template-columns:1fr}.maker-background,.maker-process{padding:28px 0;border:0}.maker-process{border-top:1px solid var(--border)}.maker-manifesto{display:flex;gap:0;padding:28px;margin-bottom:0}.maker-manifesto>p{font-size:26px;margin:12px 0 24px;max-width:260px}.signature{display:block}.maker-manifesto>a{padding-top:24px}.editorial-contact{grid-template-columns:1fr;gap:24px;padding-block:40px}.editorial-contact h2{font-size:58px}.contact-email strong{font-size:20px}.contact-email{padding-block:24px}.maker-details h2{font-size:28px}}
@media(max-width:380px){.portrait-copy h1{font-size:65px}.portrait-copy{width:62%}.portrait-intro{font-size:13px;max-width:195px}.role-label{font-size:10px}.portrait-facts{width:85px}.portrait-stage{min-height:940px}.stage-meta>span:last-child{font-size:7px}.stage-meta>span:last-child>span{display:none}}
@media(prefers-reduced-motion:reduce){.work-preview img{transition:none}.work-card:hover .work-preview img{transform:none}.work-card:hover .gps-preview img{transform:rotate(-8deg) translateY(35px)}}
/* Keep the poster title and portrait in the same composition on phones. */
@media(max-width:700px){
 .portrait-stage{min-height:780px;height:auto}
 .poster-word{top:74px;left:0;width:100%;font-family:'Arial Black',Arial,Helvetica,sans-serif;font-weight:900;font-size:17vw;letter-spacing:-.035em;line-height:1;transform:scaleY(3.6);transform-origin:top left;mask-image:linear-gradient(#000 15%,#000b 75%,transparent)}
 .hero-portrait{top:150px;bottom:auto;left:auto;right:-25%;width:112%;height:490px;max-width:none;object-fit:contain;object-position:right bottom;mask-image:linear-gradient(#000 82%,transparent 100%)}
 .portrait-copy{top:190px;width:45%;max-width:205px}
 .handwritten{font-size:25px;margin-bottom:12px}
 .portrait-copy h1{font-size:clamp(48px,14vw,76px);line-height:.94}
 .role-label{font-size:10px;line-height:1.5;margin-top:17px;max-width:145px}
 .portrait-intro{font-size:13px;line-height:1.65;max-width:145px;text-shadow:0 1px 8px #090909}
 .stage-link{font-size:12px;gap:12px;margin-top:10px}
 .portrait-facts{top:650px;left:0;right:0;width:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid var(--border)}
 .portrait-facts>div{display:flex;gap:8px;align-items:center;padding:14px 0;border-bottom:0}
 .portrait-facts dt{font-size:30px;margin:0;flex-shrink:0}
 .portrait-facts dd{font-size:10px;line-height:1.5}
 .stage-bottom{font-size:8px;padding-block:14px}
}
@media(min-width:480px) and (max-width:700px){
 .portrait-stage{min-height:900px}.hero-portrait{top:170px;height:580px;right:-16%;width:95%}
 .portrait-copy{top:240px}.portrait-facts{top:775px}.portrait-intro{max-width:190px;font-size:14px}
 .role-label{font-size:12px;max-width:none}
}
@media(max-width:360px){
 .portrait-copy{width:46%}.portrait-copy h1{font-size:48px}.portrait-intro{font-size:12px;max-width:130px}
 .hero-portrait{right:-31%;width:120%}.portrait-facts{gap:7px}.portrait-facts>div{gap:5px}.portrait-facts dt{font-size:27px}.portrait-facts dd{font-size:9px}
}