*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090909;color:#f5f3f0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #e53935;outline-offset:5px}.wrap{max-width:1450px;margin:auto;padding:0 clamp(24px,5.5vw,92px)}header{min-height:90px;border-bottom:1px solid #303030;display:flex;justify-content:space-between;align-items:center;gap:24px}.logo{font-size:19px;letter-spacing:-.055em;font-weight:650}.nav{display:flex;gap:clamp(14px,2.6vw,40px);flex-wrap:wrap}.nav a{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.nav a:hover,.nav a.active{color:#e53935}.hero{padding:clamp(100px,13vw,190px) 0 clamp(90px,11vw,150px)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(55px,8.6vw,137px);font-weight:500;letter-spacing:-.075em;line-height:.98;margin-bottom:38px}h2{font-size:clamp(37px,5vw,70px);font-weight:500;letter-spacing:-.06em}h3{font-size:clamp(24px,3vw,42px);font-weight:500;letter-spacing:-.05em}.red-rule{background:#e53935;width:44px;height:2px;margin-bottom:24px}.skills{font-size:clamp(13px,1.3vw,18px);line-height:1.8;color:#c3c1be}.section{padding:20px 0 110px}.section-title{font-size:clamp(29px,3.2vw,44px);font-weight:500;letter-spacing:-.045em;margin-bottom:25px}.rows{border-top:1px solid #353535}.rowlink{display:grid;grid-template-columns:40px 1fr 32px;gap:22px;align-items:center;padding:29px 0;border-bottom:1px solid #353535}.index{font-size:11px;letter-spacing:.08em;color:#e53935}.name{font-size:clamp(29px,4vw,57px);font-weight:500;letter-spacing:-.055em;transition:transform .2s}.rowlink:hover .name{transform:translateX(6px)}.role{color:#aaa;font-size:13px;margin-top:7px}.arrow{color:#e53935;font-size:29px;text-align:right}.venture{border-top:1px solid #353535;padding:85px 0 105px}.overline{color:#e53935;font-size:11px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:20px}.venture h2{margin-bottom:20px}.lede{color:#c9c7c4;font-size:clamp(19px,2.2vw,29px);line-height:1.5;max-width:850px}.textlink{display:inline-block;margin-top:18px;font-size:13px}.textlink span{color:#e53935;font-size:21px;margin-left:12px}footer{border-top:1px solid #353535;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:38px 0 60px;color:#aaa;font-size:12px}.footerlinks{display:flex;gap:25px;flex-wrap:wrap}footer a:hover{color:#e53935}.page{padding:80px 0 115px;min-height:65vh}.page h1{margin-bottom:35px}.back{display:inline-block;color:#aaa;font-size:12px;margin-bottom:60px}.back:hover{color:#e53935}.page .lede{margin-bottom:45px}.line{border:0;border-top:1px solid #353535;margin:55px 0}.workrow{display:grid;grid-template-columns:40px 1fr 30px;gap:20px;align-items:center;border-bottom:1px solid #353535;padding:26px 0}.workrow h3{margin-bottom:8px}.workrow p{font-size:13px;color:#aaa;margin:0}.workrow:hover h3{color:#e53935}.note{font-size:14px;color:#aaa;line-height:1.8}.casehero{display:block;max-height:650px;max-width:100%;object-fit:contain;background:#171717;margin:25px 0 40px}.bodycopy{max-width:820px;color:#c9c7c4;font-size:18px;line-height:1.7}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px}.gallery figure{margin:0}.gallery img{width:100%;height:350px;object-fit:contain;background:#181818}.gallery figcaption{color:#aaa;font-size:12px;margin-top:10px}.external{display:block;padding:20px 0;border-top:1px solid #353535}.external:hover{color:#e53935}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.field{display:block;margin-bottom:22px}.field span{display:block;color:#ccc;font-size:12px;margin-bottom:10px}.field input,.field textarea,.field select{display:block;width:100%;background:#141414;border:1px solid #555;color:white;padding:15px;border-radius:0;font:inherit}.field textarea{min-height:140px}.disabled{background:#333;color:#aaa;border:1px solid #555;padding:15px 20px;cursor:not-allowed}@media(max-width:700px){header{align-items:flex-start;flex-direction:column;padding:23px 0;gap:20px}.nav{gap:16px}.hero{padding:100px 0 85px}h1{font-size:clamp(49px,12vw,85px)}.rowlink{grid-template-columns:22px 1fr 24px;gap:12px}.name{font-size:clamp(27px,7vw,42px)}.contact,.gallery{grid-template-columns:1fr}.page{padding:65px 0}.gallery img{height:280px}}
/* V3.1: tighter editorial section rhythm, preserving approved hero scale */
@media(min-width:701px){.hero{padding-bottom:clamp(45px,5.5vw,76px)}.section{padding-top:8px;padding-bottom:clamp(40px,5vw,70px)}.venture{padding-top:clamp(45px,5.5vw,76px);padding-bottom:clamp(55px,6vw,85px)}}
@media(max-width:700px){.hero{padding-bottom:55px}.section{padding-top:0;padding-bottom:48px}.venture{padding-top:55px;padding-bottom:65px}}

/* V3.2: screenshot-reviewed spacing and a single divider before Culture Currency. */
.venture{border-top:0}
@media(min-width:701px){.hero{padding-top:clamp(62px,7vw,105px)}.section{padding-bottom:24px}.venture{padding-top:45px}}
@media(max-width:700px){.hero{padding-top:58px}.section{padding-bottom:24px}.venture{padding-top:38px}}

/* V3.3 — About editorial layout; homepage rules unchanged */
.about-heading{font-size:clamp(45px,6.7vw,105px);font-weight:500;letter-spacing:-.068em;line-height:1.05;margin:26px 0 clamp(65px,9vw,130px)}
.about-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,100px);align-items:center}
.portrait-placeholder{aspect-ratio:3/4;background:#24272b;display:flex;flex-direction:column;justify-content:space-between;padding:24px;color:#a6a9ad}
.portrait-marker{font-size:11px;letter-spacing:.13em}.portrait-instruction{font-size:13px}
.about-lead p{font-size:clamp(19px,2.05vw,30px);line-height:1.52;letter-spacing:-.025em;color:#e0deda}
.about-meta{display:flex;flex-wrap:wrap;gap:10px 30px;border-top:1px solid var(--line);padding-top:24px;margin-top:35px;color:#a8a6a3;font-size:12px}
.about-story{margin-top:clamp(80px,11vw,170px)}
.about-chapter{display:grid;grid-template-columns:minmax(170px,27%) minmax(0,1fr);gap:45px;border-top:1px solid var(--line);padding:55px 0 75px}
.about-chapter h2{max-width:800px;font-size:clamp(33px,4.5vw,66px);margin-bottom:32px}
.about-chapter p{max-width:790px;color:#c5c3c0;font-size:clamp(16px,1.55vw,20px);line-height:1.8;margin-bottom:24px}
@media(max-width:800px){.about-heading br{display:none}.about-intro{grid-template-columns:1fr}.portrait-placeholder{max-width:480px}.about-chapter{grid-template-columns:1fr;gap:15px}.about-chapter h2{margin-bottom:22px}}

/* V3.4 — About: match the homepage editorial rhythm */
.about-page{padding-top:clamp(42px,5.5vw,76px);padding-bottom:85px}
.about-page>.tag{margin-bottom:16px}
.about-heading{font-size:clamp(54px,7.4vw,100px);letter-spacing:-.072em;line-height:1;margin:0 0 clamp(35px,4.5vw,64px);font-weight:500}
.about-intro{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,80px);align-items:start}
.portrait-placeholder{aspect-ratio:4/5;max-width:490px;padding:22px}
.about-lead{padding-top:0}
.about-intro-heading{font-size:clamp(29px,3.25vw,49px);letter-spacing:-.052em;line-height:1.12;font-weight:500;margin:0 0 22px;max-width:660px}
.about-lead p{font-size:clamp(16px,1.45vw,20px);line-height:1.72;letter-spacing:-.008em;color:#c5c3c0;margin:0}
.about-meta{margin-top:26px;padding-top:19px}
.about-story{margin-top:clamp(55px,6vw,90px)}
.about-chapter{grid-template-columns:minmax(145px,24%) minmax(0,1fr);gap:clamp(25px,4vw,60px);padding:38px 0 48px}
.about-chapter h2{font-size:clamp(30px,3.5vw,49px);line-height:1.14;margin-bottom:23px;max-width:760px}
.about-chapter p{font-size:clamp(15px,1.24vw,18px);line-height:1.7;margin-bottom:17px;max-width:760px}
.about-chapter .tag{margin-top:9px}
@media(max-width:800px){.about-page{padding-top:40px}.about-intro{grid-template-columns:1fr;gap:32px}.portrait-placeholder{width:100%;max-width:430px}.about-story{margin-top:58px}.about-chapter{grid-template-columns:1fr;gap:10px;padding:30px 0 38px}.about-chapter .tag{margin-top:0}.about-heading{margin-bottom:35px}}

.about-intro .portrait-photo{padding:0;overflow:hidden;background:#090909}
.about-intro .portrait-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}

/* V3.6: image-led Work grid; other pages unchanged */
.work-page{padding-top:clamp(45px,5.5vw,78px)}
.work-title{font-size:clamp(56px,7vw,108px);letter-spacing:-.07em;line-height:1.02;margin:0 0 22px}
.work-lede{font-size:clamp(16px,1.6vw,22px);line-height:1.5;color:#bcbab7;max-width:750px;margin:0 0 clamp(44px,5vw,74px)}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(18px,2.3vw,34px);row-gap:clamp(48px,5vw,76px)}
.project-card{display:block;min-width:0}.project-image{position:relative;aspect-ratio:4/5;background:#1b1b1b;overflow:hidden}
.project-image>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .4s ease,filter .4s ease}
.project-card:hover .project-image>img{transform:scale(1.035)}
.project-corner{position:absolute;top:15px;left:17px;font-size:11px;letter-spacing:.08em;color:#fff;text-shadow:0 1px 6px #000;background:#090909a6;padding:5px 7px}
.project-info{padding-top:19px}.project-org{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#e53935;line-height:1.6}.project-org span{color:#aaa}
.project-name{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-top:9px}
.project-name h2{font-size:clamp(23px,2.35vw,36px);line-height:1.1;letter-spacing:-.055em;margin:0;font-weight:500}
.project-link-arrow{font-size:25px;line-height:1;color:#e53935}.project-info p{color:#a8a6a3;font-size:13px;margin:11px 0 0}
.project-card:not(.project-pending):hover .project-name h2{color:#e53935}
.project-cover-type{height:100%;padding:clamp(22px,2.5vw,36px);display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#24272b,#111214)}
.project-cover-type span{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#b5b5b5}.project-cover-type strong{font-size:clamp(30px,3vw,48px);font-weight:500;line-height:1.05;letter-spacing:-.06em;overflow-wrap:anywhere}.project-cover-type small{font-size:10px;letter-spacing:.1em;color:#858585}
.project-pending{cursor:default}.project-pending .project-link-arrow{color:#777}
.work-footnote{font-size:12px;line-height:1.6;color:#999;border-top:1px solid #353535;padding-top:25px;margin-top:70px}
@media(max-width:980px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.project-grid{grid-template-columns:1fr;row-gap:45px}.project-image{aspect-ratio:5/4}.project-cover-type strong{font-size:40px}.work-title{font-size:clamp(52px,11vw,80px)}}

/* V3.7: Spotify experience + featured case study */
.spotify-stats{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:48px 0 55px}.spotify-stats>div{border-top:1px solid #3a3a3a;padding-top:20px}.spotify-stats strong{display:block;font-size:clamp(30px,4vw,58px);font-weight:500;letter-spacing:-.055em;margin-bottom:10px}.spotify-stats span{display:block;color:#aaa;font-size:13px;line-height:1.6;max-width:330px}.spotify-overview{display:grid;grid-template-columns:24% 1fr;gap:45px;padding:48px 0;border-bottom:1px solid #363636}.spotify-overview h2{font-size:clamp(29px,3.2vw,48px);font-weight:500;letter-spacing:-.05em;line-height:1.12;margin:0 0 22px}.spotify-overview p{max-width:740px;color:#bdbbb8;font-size:clamp(15px,1.25vw,18px);line-height:1.75;margin:0 0 15px}.spotify-feature-link{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 0 42px;border-bottom:1px solid #363636}.spotify-feature-link h3{font-size:clamp(29px,3.2vw,47px);font-weight:500;letter-spacing:-.05em;line-height:1.13;margin:12px 0}.spotify-feature-link p{color:#aaa;font-size:14px}.spotify-feature-link .arrow{color:#e53935;font-size:36px}.spotify-secondary{margin-top:20px}.spotify-grid-cover{background:radial-gradient(circle at 100% 0%,#253e31 0%,#131e18 40%,#101010 90%)}.spotify-grid-cover .red-dot{color:#e53935}.spotify-case h1{font-size:clamp(50px,6.5vw,100px);letter-spacing:-.065em;line-height:1.04;max-width:1100px}.case-tags{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 45px}.case-tags span{border:1px solid #444;color:#bbb;padding:9px 13px;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.spotify-case-hero{min-height:clamp(310px,43vw,570px);background:radial-gradient(circle at 80% 0%,#20382b,#101611 50%,#080808);border:1px solid #27372b;padding:clamp(25px,4vw,55px);display:flex;flex-direction:column;justify-content:space-between;margin-bottom:35px}.hero-graphic-label,.hero-graphic-bottom{font-size:11px;letter-spacing:.13em;color:#9cae9e}.hero-graphic-title{font-size:clamp(44px,6.8vw,100px);font-weight:500;letter-spacing:-.07em;line-height:1.05}.hero-graphic-title span{color:#e53935}.case-visual-slot{margin-top:32px;min-height:240px;padding:30px;background:linear-gradient(125deg,#22282a,#121415);display:flex;flex-direction:column;justify-content:space-between}.case-visual-slot span,.case-visual-slot small{font-size:11px;letter-spacing:.11em;color:#999}.case-visual-slot strong{font-size:clamp(25px,3vw,40px);font-weight:500;letter-spacing:-.045em}.impact-number{font-size:clamp(68px,10vw,140px);line-height:1;color:#f5f3f0;letter-spacing:-.08em;margin:0 0 20px}.case-end-link{display:flex;justify-content:space-between;gap:20px;margin:45px 0 80px;font-size:14px}.case-end-link a:hover{color:#e53935}@media(max-width:720px){.spotify-stats{grid-template-columns:1fr;gap:22px}.spotify-overview{grid-template-columns:1fr;gap:18px;padding:36px 0}.spotify-case-hero{min-height:310px}.case-end-link{flex-direction:column}}

/* Culture Currency / Eva Ruiz case study */
.eva-case{max-width:1280px}.eva-case h1{font-size:clamp(55px,9vw,130px);line-height:.98;letter-spacing:-.075em;margin:30px 0}.eva-case h1 em{font-style:normal;color:#a8a5a1}.eva-intro{font-size:clamp(19px,2.5vw,30px);line-height:1.3;max-width:850px;color:#c4c0bc}.eva-tags{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 45px}.eva-tags span{border:1px solid #444;padding:9px 12px;font-size:11px;letter-spacing:.06em;color:#bdbbb7}.eva-hero{position:relative;min-height:430px;background:#201a1c;overflow:hidden;display:grid;grid-template-columns:45% 55%}.eva-hero img{width:100%;height:100%;max-height:560px;object-fit:cover;object-position:top}.eva-hero>div{padding:clamp(25px,5vw,70px);display:flex;flex-direction:column;justify-content:space-between}.eva-hero small,.eva-phases small{font-size:11px;letter-spacing:.13em;color:#e53935}.eva-hero strong{font-size:clamp(32px,5vw,72px);font-weight:500;line-height:1.04;letter-spacing:-.06em}.eva-section{display:grid;grid-template-columns:30% 1fr;gap:35px;padding:58px 0;border-bottom:1px solid #343434}.eva-section h2{font-size:clamp(25px,3vw,44px);letter-spacing:-.04em;font-weight:500;line-height:1.12;margin:0 0 20px}.eva-section p{color:#bab7b3;max-width:750px;font-size:16px;line-height:1.7}.eva-phases{display:grid;grid-template-columns:1fr 1fr;gap:32px}.eva-phases article{border-top:2px solid #e53935;padding-top:22px}.eva-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:35px 0 65px}.eva-gallery figure{margin:0;background:#141414;min-width:0}.eva-gallery img{display:block;width:100%;height:350px;object-fit:contain;background:#080808}.eva-gallery figcaption{padding:14px 4px;font-size:13px;color:#f5f3f0}.eva-gallery figcaption span{display:block;color:#8e8b88;font-size:11px;margin-top:4px}.eva-end{display:flex;justify-content:space-between;padding:45px 0 80px}.eva-end a:hover{color:#e53935}@media(max-width:760px){.eva-hero{grid-template-columns:1fr}.eva-hero img{height:300px}.eva-hero>div{min-height:200px}.eva-section{grid-template-columns:1fr;gap:20px;padding:38px 0}.eva-phases{grid-template-columns:1fr}.eva-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.eva-gallery img{height:260px}}@media(max-width:480px){.eva-gallery{grid-template-columns:1fr}.eva-gallery img{height:380px}}

/* v3.9 / unified editorial cover system */
.project-image{aspect-ratio:6/7;background:#111}.project-image>img{object-fit:cover;object-position:center}.project-corner{top:16px;left:16px}.project-grid{row-gap:65px}@media(max-width:580px){.project-image{aspect-ratio:6/7}}

/* Work cover art: display original assets without overlays or crop-zoom. */
.project-image{background:#111214;overflow:hidden}
.project-image img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;filter:none!important;transform:none!important}
.project-image::after,.project-image::before{display:none!important}
.project-image .project-corner{z-index:2}

/* v4.1: preserve complete user-provided campaign art on selected covers */
.project-card:nth-child(1) .project-image img,.project-card:nth-child(2) .project-image img,.project-card:nth-child(7) .project-image img{object-fit:contain!important;object-position:center!important}

/* v4.2: exact-ratio cover artwork with no letterboxing */
.project-card:nth-child(1) .project-image img,.project-card:nth-child(2) .project-image img,.project-card:nth-child(7) .project-image img{object-fit:cover!important;object-position:center!important}

/* v4.3 / editorial playlist discovery */
.discovery-case h1{font-size:clamp(44px,7vw,100px);letter-spacing:-.07em;line-height:1.04;margin:25px 0 30px}.discovery-feature{margin:55px 0 75px;max-width:640px}.discovery-feature img{width:100%;height:auto;display:block}.discovery-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin:30px 0 70px}.discovery-list article{display:flex;align-items:center;gap:20px;padding:18px 0;border-top:1px solid #333}.discovery-list img{width:115px;height:115px;object-fit:cover}.discovery-list h3{font-size:clamp(20px,2.5vw,34px);font-weight:500;letter-spacing:-.04em;margin:10px 0}.discovery-list .overline{font-size:10px}@media(max-width:700px){.discovery-list{grid-template-columns:1fr}.discovery-list img{width:90px;height:90px}}

/* Live playlist links */
.discovery-list .playlist-live-link{display:block;color:inherit;text-decoration:none}
.discovery-list .playlist-live-link:hover h3{text-decoration:underline;text-decoration-color:#e53935;text-underline-offset:5px}
.discovery-list .playlist-live-link:focus-visible{outline:2px solid #e53935;outline-offset:4px}

/* Eva Ruiz campaign impact editorial visuals */
.eva-campaign-visuals{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0 76px}.eva-campaign-visuals figure{margin:0;background:#111}.eva-campaign-visuals img{display:block;width:100%;height:380px;object-fit:cover;object-position:center}.eva-campaign-visuals figcaption{font-size:11px;letter-spacing:.07em;color:#aaa;padding:14px 4px;background:#090909}@media(max-width:680px){.eva-campaign-visuals{grid-template-columns:1fr}.eva-campaign-visuals img{height:auto;max-height:540px;object-fit:contain}}

/* Cross-cultural programming subsection */
.cross-cultural-programming{margin-top:clamp(64px,8vw,130px);padding-top:32px;border-top:1px solid #363636}.cross-cultural-programming .section-title{margin:18px 0}.cross-cultural-programming .lede{max-width:800px}.cross-cultural-feature{display:grid;grid-template-columns:minmax(180px,340px) 1fr;gap:clamp(24px,5vw,72px);align-items:center;margin-top:36px}.cross-cultural-feature img{width:100%;aspect-ratio:1;object-fit:contain;background:#141414}.cross-cultural-feature h3{font-size:clamp(25px,3vw,42px);font-weight:400;letter-spacing:-.04em;margin:0 0 16px}.cross-cultural-feature p{color:#b6b6b6;max-width:450px;line-height:1.65}@media(max-width:650px){.cross-cultural-feature{grid-template-columns:1fr}.cross-cultural-feature img{max-width:420px}}

/* About page without portrait: retain balanced editorial text layout */
.about-page .about-intro{display:block;max-width:980px}.about-page .about-lead{max-width:850px}

/* v6.1 launch QA: narrow-screen resilience */
img,video,iframe{max-width:100%}main,.page,.section,.project-card,.project-grid,.eva-section,.eva-phases{min-width:0}h1,h2,h3,.section-title,.lede,.bodycopy{overflow-wrap:break-word}a,button,input,textarea{touch-action:manipulation}@media(max-width:420px){.wrap{padding-left:20px;padding-right:20px}.nav{gap:12px 18px}.nav a{font-size:11px}.page{padding-top:44px}.project-grid{row-gap:38px}.eva-case h1{font-size:clamp(45px,12vw,70px)}.spotify-case h1{font-size:clamp(43px,11vw,70px)}.discovery-case h1{font-size:clamp(39px,10.5vw,64px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* v6.2 — mobile viewport fit; desktop composition unchanged */
@media (max-width:700px){
  html,body{width:100%;max-width:100%;overflow-x:clip}
  .wrap{width:100%;max-width:100%;padding-inline:clamp(16px,5vw,24px)}
  header{min-height:0;gap:17px;padding-block:20px 18px;align-items:stretch}
  .logo{font-size:18px;line-height:1.2;white-space:nowrap}
  .nav{display:flex;width:100%;flex-wrap:wrap;gap:12px clamp(12px,4vw,24px);align-items:center}
  .nav a{font-size:10px;letter-spacing:.085em;white-space:nowrap;line-height:1.5}
  .hero{padding-top:clamp(58px,16vw,95px);padding-bottom:clamp(44px,11vw,70px)}
  .hero h1{font-size:clamp(29px,9.3vw,62px);letter-spacing:-.075em;line-height:1.04;margin-bottom:32px;overflow-wrap:normal;word-break:normal}
  .hero .skills{font-size:clamp(12px,3.1vw,15px);line-height:1.65;max-width:100%;overflow-wrap:normal}
  .section-title{font-size:clamp(27px,7vw,40px)}
  .rowlink{grid-template-columns:20px minmax(0,1fr) 22px;gap:12px}
  .rowlink>div{min-width:0}.name{overflow-wrap:anywhere}
  .page h1{max-width:100%;overflow-wrap:anywhere}
  .casehero{height:auto;max-height:none}
}
@media(max-width:360px){
  .hero h1{font-size:9.1vw}
  .nav{column-gap:12px;row-gap:9px}
  .nav a{font-size:9.5px}
}

/* v6.3 — compact editorial Work index on mobile; desktop untouched */
@media(max-width:600px){
  .work-page{padding-top:38px}
  .work-page .overline{font-size:10px;letter-spacing:.12em}
  .work-title{font-size:clamp(42px,11vw,58px);line-height:1.04;margin:15px 0 13px}
  .work-lede{font-size:14px;line-height:1.55;margin-bottom:30px;max-width:38ch}
  .project-grid{display:flex;flex-direction:column;gap:0}
  .project-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;align-items:center;border-top:1px solid #333;padding:16px 0;min-height:125px}
  .project-card:last-child{border-bottom:1px solid #333}
  .project-image,.project-image[style]{aspect-ratio:1/1!important;width:92px;height:92px;min-height:0;max-height:92px;overflow:hidden}
  .project-image>img{width:100%;height:100%;object-fit:cover}
  .project-corner{top:5px;left:5px;font-size:9px;padding:3px 5px}
  .project-info{padding:0;min-width:0}
  .project-org{font-size:9px;line-height:1.4;letter-spacing:.055em}
  .project-org span{display:none}
  .project-name{align-items:center;gap:8px;margin-top:7px}
  .project-name h2{font-size:clamp(18px,5vw,23px);line-height:1.14;letter-spacing:-.04em;overflow-wrap:break-word}
  .project-link-arrow{font-size:22px;flex:none}
  .project-info p{font-size:11px;line-height:1.45;margin-top:7px}
  .project-cover-type{padding:9px}.project-cover-type strong{font-size:16px}.project-cover-type span,.project-cover-type small{font-size:7px}
  .work-footnote{margin-top:32px}
}
@media(max-width:360px){.project-card{grid-template-columns:76px minmax(0,1fr);gap:13px}.project-image,.project-image[style]{width:76px;height:76px;max-height:76px}.project-name h2{font-size:18px}}

/* v6.4: editorial story images, hero focal point, and compact mobile contact */
.eva-hero{grid-template-columns:minmax(0,48%) minmax(0,52%);min-height:0}
.eva-hero img{height:100%;max-height:none;min-height:430px;object-fit:cover;object-position:center 64%}
.eva-story-visual{margin:30px 0 48px;overflow:hidden}
.eva-story-visual img{display:block;width:100%;height:auto;object-fit:cover}
.eva-story-visual--portrait{max-width:440px;margin-left:auto;margin-right:8%}
.eva-story-visual--portrait img{aspect-ratio:4/3;object-position:center 30%}
.eva-story-visual--wide{max-width:850px;margin-left:auto}
.eva-story-visual--wide img{aspect-ratio:16/9;object-position:center 42%}
.eva-story-visual--cover{max-width:450px;margin-left:9%}
.eva-story-visual--cover img{aspect-ratio:1/1}
@media(max-width:700px){
 .eva-hero{display:block;min-height:0}
 .eva-hero img{display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:4/3;object-fit:cover;object-position:center 65%}
 .eva-hero>div{min-height:175px;padding:24px;gap:22px}
 .eva-hero strong{font-size:clamp(29px,8vw,45px)}
 .eva-story-visual,.eva-story-visual--portrait,.eva-story-visual--wide,.eva-story-visual--cover{max-width:100%;margin:24px 0 34px}
 .eva-story-visual--portrait img{aspect-ratio:5/4}
 .eva-story-visual--wide img{aspect-ratio:5/4}
 .contact-page{padding-top:34px;padding-bottom:55px;min-height:0}
 .contact-page h1{font-size:clamp(42px,10vw,58px);margin:12px 0 18px}
 .contact-page .contact{display:block}
 .contact-page .lede{font-size:17px;line-height:1.45;margin-bottom:20px}
 .contact-page .line{margin:22px 0}
 .contact-page h3{margin:0 0 6px;font-size:19px}
 .contact-page .note{font-size:12px;line-height:1.5}
 .contact-page form{margin-top:25px}
 .contact-page .field{margin-bottom:13px}
 .contact-page .field span{margin-bottom:6px}
 .contact-page .field input,.contact-page .field select,.contact-page .field textarea{padding:11px 12px;font-size:14px}
 .contact-page .field textarea{min-height:95px}
}

/* v6.6 Culture Currency agency story */
.cc-page{max-width:1200px}.cc-page h1{font-size:clamp(72px,11vw,155px);line-height:.89;letter-spacing:-.08em;margin:25px 0 30px;font-weight:500}.cc-statement{font-size:clamp(25px,3.3vw,44px);letter-spacing:-.04em;line-height:1.13;max-width:830px;margin:0 0 25px}.cc-lede{font-size:clamp(16px,1.8vw,21px);max-width:790px;line-height:1.55;color:#bcb9b5}.cc-hero-rule{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid #393939;border-bottom:1px solid #393939;padding:18px 0;margin:60px 0 25px}.cc-hero-rule span{font-size:10px;letter-spacing:.12em;color:#aaa}.cc-block{display:grid;grid-template-columns:28% 1fr;gap:30px;border-bottom:1px solid #353535;padding:65px 0}.cc-block h2{font-size:clamp(30px,3.5vw,51px);font-weight:500;line-height:1.1;letter-spacing:-.05em;margin:0 0 22px}.cc-block p,.cc-feature p{font-size:16px;line-height:1.7;color:#bdb9b5;max-width:720px}.cc-service{display:grid;grid-template-columns:36px 1fr;gap:22px;border-top:1px solid #383838;padding:24px 0}.cc-service>span{font-size:11px;color:#e53935}.cc-service h3{font-size:clamp(20px,2.3vw,28px);letter-spacing:-.035em;font-weight:500;margin:0 0 10px}.cc-service p{margin:0}.cc-feature{display:grid;grid-template-columns:1fr 42%;gap:50px;align-items:center;padding:80px 0;border-bottom:1px solid #353535}.cc-feature h2{font-size:clamp(46px,5.6vw,80px);line-height:1.02;letter-spacing:-.07em;font-weight:500;margin:25px 0}.cc-feature h2 em{font-style:normal;color:#aaa}.cc-feature-image{display:block;overflow:hidden;aspect-ratio:4/5}.cc-feature-image img{width:100%;height:100%;object-fit:cover;object-position:center 55%;transition:transform .3s}.cc-feature-image:hover img{transform:scale(1.04)}.cc-feature-link{display:inline-flex;gap:25px;align-items:center;margin-top:25px;border-bottom:1px solid #e53935;padding-bottom:12px;font-size:14px}.cc-feature-link span{color:#e53935;font-size:24px}.cc-closing{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:26px 0;color:#999;font-size:11px;letter-spacing:.07em}
@media(max-width:700px){.cc-page{padding-top:35px}.cc-page .back{margin-bottom:32px}.cc-page h1{font-size:clamp(65px,17vw,98px);margin:20px 0 25px}.cc-statement{font-size:clamp(26px,7vw,38px)}.cc-lede{font-size:15px}.cc-hero-rule{gap:12px;margin:36px 0 8px}.cc-hero-rule span{font-size:9px}.cc-block{display:block;padding:36px 0}.cc-block .overline{margin-bottom:22px}.cc-block h2{font-size:32px}.cc-block p,.cc-feature p{font-size:14px;line-height:1.65}.cc-feature{display:flex;flex-direction:column-reverse;gap:24px;align-items:stretch;padding:45px 0}.cc-feature-image{aspect-ratio:4/3}.cc-feature h2{font-size:clamp(42px,11vw,60px);margin:16px 0}.cc-closing{line-height:1.6}}

/* v6.8 Pepas: editorial milestone as hero; early playlist cover as evidence. */
.pepas-editorial-proof{max-width:390px;margin:28px 0 44px}
.pepas-editorial-proof img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
.pepas-editorial-proof figcaption{margin-top:10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#aaa}
@media(max-width:600px){.pepas-editorial-proof{max-width:280px;margin:24px 0 32px}}

/* v7.0 — restrained case-study cover scale; preserve entire artwork */
.page img.casehero{display:block;width:auto;max-width:min(100%,430px);height:auto;max-height:430px;object-fit:contain;object-position:left center;background:transparent;margin:22px 0 28px}
@media(max-width:700px){.page img.casehero{max-width:min(100%,330px);max-height:330px;margin:18px 0 25px}}
@media(max-width:390px){.page img.casehero{max-width:min(100%,295px);max-height:295px}}

/* v7.1 — prevent iOS Safari from rendering navigation arrows as emoji */
.arrow,.project-link-arrow,.textlink span,.footerlinks a,.case-end-link a,
.sony-links a,.spotify-feature-link .arrow {
  font-family:Arial,Helvetica,sans-serif;
  font-variant-emoji:text;
}
.arrow,.project-link-arrow{font-weight:400}

/* v7.2 — reliable inline SVG footer arrows on iOS Safari */
.footerlinks a{display:inline-flex;align-items:center;gap:7px}
.footerlinks .footer-arrow{display:inline-block;flex:0 0 auto;width:14px;height:14px;color:#f5f5f5;vertical-align:middle}
@media(max-width:700px){.footerlinks .footer-arrow{width:13px;height:13px}}

/* v7.3: mobile editorial refinement, desktop untouched */
@media(max-width:700px){
 header{padding-top:16px;padding-bottom:14px;gap:13px}
 .hero{padding-top:clamp(36px,10vw,60px)}
 .rowlink .arrow{font-size:clamp(21px,6vw,27px)!important;line-height:1}
 .project-link-arrow{font-size:19px!important;line-height:1}
 .spotify-feature-link .arrow{font-size:24px!important}
 .footerlinks .footer-arrow{width:12px;height:12px}
}