:root{--orange:#f47c20;--black:#080808;--ink:#111;--paper:#f2f0eb;--line:rgba(255,255,255,.18);--pad:clamp(24px,5vw,76px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:fixed;z-index:20;top:0;left:0;right:0;height:94px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#080808e8,transparent);transition:.3s}.site-header.scrolled{height:72px;background:#080808ef;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{font-family:"Barlow Condensed",sans-serif;font-weight:700;line-height:.78;letter-spacing:.01em;font-size:29px}.brand span{display:block;color:var(--orange)}.brand small{font-size:13px;letter-spacing:.08em}.site-header nav{display:flex;gap:34px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:2px;background:var(--orange);transition:.25s}.site-header nav a:hover:after{width:100%}.menu-toggle{display:none;background:none;color:white;border:1px solid #ffffff66;padding:8px 12px;text-transform:uppercase;font-size:11px;letter-spacing:.12em}.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;padding:150px var(--pad) 10vh;background:url("https://stephanebn.com/wp-admin/admin-ajax.php?action=se_proto_preview_file&file=assets/hero.jpg&v=1.1.5") center 31%/cover no-repeat;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.33) 53%,rgba(0,0,0,.08)),linear-gradient(0deg,rgba(0,0,0,.55),transparent 45%)}.hero-shade{position:absolute;width:34vw;height:34vw;border:1px solid #ffffff21;border-radius:50%;right:-9vw;top:20%;z-index:1}.hero-content{position:relative;z-index:2;max-width:790px}.eyebrow,.section-number{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--orange);margin:0 0 22px}.hero h1,.section h2,.split h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;line-height:.83;letter-spacing:-.025em;margin:0}.hero h1{font-size:clamp(74px,11vw,170px)}em{font-style:normal;color:var(--orange)}.hero-copy{max-width:550px;font-size:clamp(17px,1.5vw,22px);margin:30px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;padding:15px 21px;border:1px solid #fff;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;transition:.25s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--orange);border-color:var(--orange)}.button-ghost{background:#0003}.scroll-cue{position:absolute;z-index:2;right:var(--pad);bottom:38px;font-size:10px;text-transform:uppercase;letter-spacing:.15em}.scroll-cue span{color:var(--orange);font-size:18px;margin-left:10px}.section{padding:clamp(90px,12vw,170px) var(--pad)}.intro{background:var(--paper);color:var(--ink)}.intro-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:9vw;align-items:start}.intro h2{font-size:clamp(55px,7vw,104px)}.intro h2 span{color:#a09d96}.body-copy{font-size:clamp(17px,1.3vw,21px);max-width:550px}.body-copy p:first-child{font-weight:600}.text-link{display:inline-block;margin-top:18px;border-bottom:2px solid var(--orange);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:600}.text-link span{color:var(--orange)}.split{display:grid;grid-template-columns:1fr 1fr}.split-card{min-height:700px;padding:60px var(--pad);display:flex;flex-direction:column;justify-content:space-between}.drummer-card{background:#141414;position:relative;overflow:hidden}.drummer-card:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid #ffffff18;right:-180px;bottom:80px}.studio-card{background:var(--orange);color:var(--black)}.studio-card .section-number{color:var(--black)}.split h2{font-size:clamp(82px,9vw,145px)}.split-card p:not(.section-number){font-size:12px;letter-spacing:.13em;text-transform:uppercase;margin:20px 0 36px}.se-mark{display:inline-block;border:3px solid #111;padding:3px 11px;font-family:"Barlow Condensed";font-size:38px;font-weight:700;line-height:1}.button-light{background:white;color:#111}.button-dark{background:#111;color:#fff;border-color:#111}.credits{background:#0c0c0c}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:60px}.section-heading h2{font-size:clamp(58px,7vw,105px)}.section-heading>p{max-width:320px;color:#999}.credit{display:grid;grid-template-columns:.65fr 1.3fr 1fr auto;gap:28px;align-items:center;padding:26px 0;border-top:1px solid var(--line)}.credit:last-child{border-bottom:1px solid var(--line)}.credit span{color:var(--orange);font-size:10px;text-transform:uppercase;letter-spacing:.14em}.credit h3{font-family:"Barlow Condensed";font-size:clamp(25px,3vw,40px);text-transform:uppercase;margin:0;line-height:1}.credit p{color:#999;font-size:13px}.credit b{font-family:"Barlow Condensed";font-size:30px;color:#444}.studio-note{background:var(--paper);color:var(--ink);position:relative;overflow:hidden;min-height:800px;display:flex;justify-content:flex-end}.studio-word{position:absolute;left:-20px;bottom:-65px;font-family:"Barlow Condensed";font-size:clamp(160px,24vw,400px);font-weight:700;line-height:.7;color:#e4e1db;white-space:nowrap}.studio-note-inner{width:min(690px,58vw);position:relative;z-index:1;background:rgba(242,240,235,.91);padding:40px}.studio-note h2{font-size:clamp(62px,7vw,110px);margin-bottom:40px}.studio-note-inner>p:not(.section-number){font-size:19px}.studio-note ul{padding:0;list-style:none;margin-top:35px;border-top:1px solid #bbb}.studio-note li{padding:12px 0;border-bottom:1px solid #bbb;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.contact{background:var(--orange);color:var(--black)}.contact .section-number{color:var(--black)}.contact h2{font-size:clamp(80px,13vw,205px)}.contact h2 em{color:white}.contact-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:80px;border-top:2px solid #111;padding-top:28px}.contact-row>a{font-family:"Barlow Condensed";font-size:clamp(28px,4vw,56px);font-weight:600}.socials{display:flex;gap:18px;text-transform:uppercase;font-size:10px;letter-spacing:.12em;font-weight:600}footer{display:flex;justify-content:space-between;gap:20px;padding:24px var(--pad);font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:#080808;color:#aaa}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:760px){.site-header{height:74px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:74px;left:0;right:0;background:#080808;padding:28px var(--pad);flex-direction:column;gap:20px}.site-header nav.open{display:flex}.hero{padding-bottom:14vh;background-position:56% center}.hero h1{font-size:clamp(58px,18vw,78px)}.hero-copy{font-size:16px;max-width:92%}.scroll-cue{display:none}.intro-grid,.split{grid-template-columns:1fr}.intro-grid{gap:45px}.split-card{min-height:570px}.section-heading{display:block}.section-heading>p{margin-top:24px}.credit{grid-template-columns:1fr auto;gap:8px}.credit h3,.credit p{grid-column:1/2}.credit b{grid-column:2;grid-row:1/4}.studio-note{justify-content:stretch}.studio-note-inner{width:100%;padding:20px 0;background:transparent}.contact-row{align-items:flex-start;flex-direction:column}.socials{flex-wrap:wrap}footer{flex-direction:column}.hero-actions .button{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
.hero-claim{font-family:"Barlow Condensed",sans-serif;font-size:clamp(28px,3vw,48px);font-weight:600;text-transform:uppercase;letter-spacing:.02em;margin:18px 0 0}.hero-claim+.hero-copy{margin:12px 0 30px}
.inner-header{background:#080808ef;border-bottom:1px solid var(--line)}nav a.active:after{width:100%}.page-hero{min-height:78svh;padding:150px var(--pad) 9vh;display:flex;align-items:flex-end;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000d,#0002)}.drummer-page{background:url("https://stephanebn.com/wp-admin/admin-ajax.php?action=se_proto_preview_file&file=assets/hero.jpg&v=1.1.5") center 26%/cover}.orange-page{background:var(--orange);color:#111}.orange-page:after{background:linear-gradient(115deg,transparent 52%,#00000012 52%)}.page-hero-copy{position:relative;z-index:1;max-width:1000px}.page-hero h1,.title-hero h1{font:700 clamp(100px,17vw,270px)/.72 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.03em;margin:20px 0}.page-hero-copy>p:last-child{font-size:clamp(18px,2vw,26px)}.orange-page .eyebrow{color:#111}.orange-page .se-mark{font-size:55px}.detail-intro{background:var(--paper);color:#111}.detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw}.detail-grid h2{font-size:clamp(56px,7vw,110px)}.dark-list{background:#0c0c0c}.feature-row{display:grid;grid-template-columns:70px 1fr 1fr;gap:30px;align-items:center;padding:30px 0;border-top:1px solid var(--line)}.feature-row:last-of-type{border-bottom:1px solid var(--line);margin-bottom:45px}.feature-row b{color:var(--orange);font:600 28px "Barlow Condensed"}.feature-row h3{font:600 clamp(28px,4vw,55px)/1 "Barlow Condensed";text-transform:uppercase;margin:0}.feature-row p{color:#999}.next-page{padding:70px var(--pad);background:var(--orange);color:#111}.next-page p{font-size:10px;text-transform:uppercase;letter-spacing:.16em}.next-page a{font:700 clamp(65px,10vw,150px)/.9 "Barlow Condensed";text-transform:uppercase;display:flex;justify-content:space-between}.service-grid{background:#111;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;padding-top:1px;padding-bottom:1px}.service-grid article{padding:55px;background:#171717}.service-grid span,.media-grid span{color:var(--orange);font-size:10px;letter-spacing:.15em;text-transform:uppercase}.service-grid h3{font:600 clamp(40px,5vw,72px)/1 "Barlow Condensed";text-transform:uppercase;margin:18px 0}.service-grid p{color:#aaa;max-width:430px}.gear{background:var(--orange);color:#111}.gear .section-number{color:#111}.gear h2{font-size:clamp(45px,6vw,92px);line-height:1.05}.title-hero{padding:190px var(--pad) 100px;background:#0c0c0c}.title-hero h1{font-size:clamp(100px,18vw,270px);line-height:.78}.project-grid{background:#f2f0eb;color:#111;display:grid;grid-template-columns:repeat(2,1fr);gap:1px}.project-card{min-height:390px;border:1px solid #c9c6bf;padding:44px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;transition:.3s}.project-card:hover{background:var(--orange);border-color:var(--orange);transform:translateY(-5px)}.project-card span{position:absolute;top:40px;color:#777;text-transform:uppercase;font-size:10px;letter-spacing:.14em}.project-card h2{font-size:clamp(42px,5vw,78px);line-height:.92;margin:0 0 16px}.project-card p{margin:0;max-width:430px}.project-card b{position:absolute;right:30px;top:28px;color:#aaa;font:600 24px "Barlow Condensed"}.media-title{background:var(--orange);color:#111}.media-title .eyebrow{color:#111}.media-grid{background:#111;display:grid;grid-template-columns:1.4fr .6fr;gap:18px}.media-feature{grid-row:span 2;min-height:720px;background:url("https://stephanebn.com/wp-admin/admin-ajax.php?action=se_proto_preview_file&file=assets/hero.jpg&v=1.1.5") center/cover;position:relative;padding:45px;display:flex;flex-direction:column;justify-content:space-between}.media-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#000c)}.media-feature>*{position:relative;z-index:1}.play{width:72px;height:72px;border-radius:50%;background:var(--orange);display:grid;place-items:center;padding-left:4px}.media-feature h2,.media-tile h2{font:600 clamp(48px,6vw,90px)/.9 "Barlow Condensed";text-transform:uppercase;margin:12px 0}.media-tile{min-height:350px;padding:40px;display:flex;flex-direction:column;justify-content:flex-end}.media-tile.orange{background:var(--orange);color:#111}.media-tile.orange span{color:#111}.media-tile.light{background:#f2f0eb;color:#111}.media-note{background:#0c0c0c}.media-note h2{font-size:clamp(45px,6vw,90px);max-width:1200px;color:#777}.media-note h2::first-line{color:white}
@media(max-width:760px){.site-header nav{max-height:calc(100vh - 74px);overflow:auto}.detail-grid,.service-grid,.project-grid,.media-grid{grid-template-columns:1fr}.page-hero{min-height:82svh}.page-hero h1{font-size:clamp(82px,28vw,120px)}.feature-row{grid-template-columns:45px 1fr}.feature-row p{grid-column:2}.next-page a{font-size:58px}.project-card{min-height:310px;padding:30px}.media-feature{min-height:580px;grid-row:auto}.media-tile{min-height:290px}.title-hero{padding-top:150px}.title-hero h1{font-size:25vw}}
.media-selection{background:#0c0c0c;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.selection-head h2{font-size:clamp(46px,6vw,88px);line-height:.92;max-width:600px}.selection-list a{display:grid;grid-template-columns:135px 1fr 1fr;gap:24px;align-items:center;padding:28px 0;border-top:1px solid var(--line);transition:.25s}.selection-list a:last-child{border-bottom:1px solid var(--line)}.selection-list a:hover{color:var(--orange);padding-left:12px}.selection-list span{color:var(--orange);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.selection-list h3{font:600 clamp(28px,3vw,46px)/1 "Barlow Condensed";text-transform:uppercase;margin:0}.selection-list p{color:#999;margin:0}@media(max-width:760px){.media-selection{grid-template-columns:1fr}.selection-list a{grid-template-columns:1fr;gap:8px}}
.studio-photo-hero{background:url("https://stephanebn.com/wp-admin/admin-ajax.php?action=se_proto_preview_file&file=assets/studio-panorama.jpg&v=1.1.5") center/cover no-repeat;color:white}.studio-photo-hero:after{background:linear-gradient(90deg,#000d,#0002),linear-gradient(0deg,#0008,transparent)}.studio-photo-hero .eyebrow{color:var(--orange)}.studio-photo-hero .se-mark{border-color:white}.studio-gallery{background:#0c0c0c}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:10px}.gallery-grid img{width:100%;height:100%;object-fit:cover;filter:saturate(.8);transition:.3s}.gallery-grid img:hover{filter:saturate(1.1);transform:scale(1.01)}.gallery-grid img:first-child{grid-column:span 2;grid-row:span 2}.gallery-grid img:nth-child(2){grid-column:span 2}.partner-logos{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-top:60px;padding-top:35px;border-top:1px solid #1113}.partner-logos img{width:95px;height:70px;object-fit:contain;mix-blend-mode:multiply}.studio-note-photo{background:linear-gradient(90deg,rgba(242,240,235,.96) 0 47%,rgba(242,240,235,.45)),url("https://stephanebn.com/wp-admin/admin-ajax.php?action=se_proto_preview_file&file=assets/contact-photo.jpg&v=1.1.5") center/cover no-repeat}.studio-note-photo .studio-word{opacity:.35}@media(max-width:760px){.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:170px}.gallery-grid img:first-child{grid-column:span 2}.gallery-grid img:nth-child(2){grid-column:span 2}.studio-note-photo{background:linear-gradient(rgba(242,240,235,.9),rgba(242,240,235,.9)),url("https://stephanebn.com/wp-admin/admin-ajax.php?action=se_proto_preview_file&file=assets/contact-photo.jpg&v=1.1.5") center/cover}.partner-logos img{width:70px;height:55px}}
.lang-switch{margin-left:auto;margin-right:24px;background:transparent;color:white;border:1px solid #ffffff66;padding:7px 10px;font-size:10px;font-weight:600;letter-spacing:.14em;cursor:pointer}.lang-switch:hover{background:var(--orange);border-color:var(--orange)}@media(max-width:760px){.lang-switch{margin-left:auto;margin-right:10px}.site-header nav{z-index:30}}
.case-study{background:#171717;color:white}.case-study h2{font-size:clamp(58px,8vw,118px)}.case-study .body-copy p:first-child{color:white}.case-study .body-copy p{color:#aaa}
.section{padding-top:clamp(75px,9vw,125px);padding-bottom:clamp(75px,9vw,125px)}.split-card{min-height:560px}.studio-note{min-height:620px}.service-grid{grid-template-columns:repeat(3,1fr)}.compact-gallery{grid-template-columns:2fr 1fr 1fr;grid-auto-rows:320px}.compact-gallery img:first-child,.compact-gallery img:nth-child(2){grid-column:auto;grid-row:auto}.project-card{min-height:320px}.next-page{padding-top:55px;padding-bottom:55px}@media(max-width:760px){.service-grid,.compact-gallery{grid-template-columns:1fr}.compact-gallery{grid-auto-rows:220px}.compact-gallery img:first-child,.compact-gallery img:nth-child(2){grid-column:auto}.split-card{min-height:480px}.studio-note{min-height:520px}}
.own-projects{padding:38px var(--pad);background:#f2f0eb;color:#111;border-top:1px solid #c9c6bf;display:flex;justify-content:space-between;gap:30px;align-items:center}.own-projects span{color:var(--orange);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.own-projects p{margin:0;font:600 clamp(22px,3vw,38px)/1 "Barlow Condensed";text-transform:uppercase;text-align:right}@media(max-width:760px){.own-projects{align-items:flex-start;flex-direction:column}.own-projects p{text-align:left}}
.project-card-image{min-height:clamp(360px,37vw,560px);overflow:hidden;background:#111;color:white;border-color:#2b2b2b;isolation:isolate}.project-card-image:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.48) 0%,rgba(0,0,0,.08) 38%,rgba(0,0,0,.88) 100%);transition:background .35s}.project-card-image>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.22) saturate(.82) brightness(.78);transition:transform .55s ease,filter .4s ease}.project-card-image:nth-child(1)>img{object-position:center 40%}.project-card-image:nth-child(2)>img{object-position:center 35%}.project-card-image:nth-child(3)>img{object-position:center 32%}.project-card-image:nth-child(4)>img{object-position:center 45%}.project-card-image:nth-child(5)>img{object-position:center 28%}.project-card-image:nth-child(6)>img{object-position:center 48%}.project-card-image span,.project-card-image b{color:#fff;text-shadow:0 1px 12px #000}.project-card-image h2,.project-card-image p{text-shadow:0 2px 18px #000}.project-card-image:hover{background:#111;color:white;border-color:var(--orange);transform:translateY(-5px)}.project-card-image:hover>img{transform:scale(1.035);filter:grayscale(0) saturate(1) brightness(.94)}.project-card-image:hover:after{background:linear-gradient(180deg,rgba(0,0,0,.36) 0%,rgba(0,0,0,.02) 38%,rgba(0,0,0,.78) 100%)}@media(max-width:760px){.project-card-image{min-height:390px}.project-card-image h2{font-size:clamp(46px,14vw,68px)}}
.remote-drums{background:var(--orange);color:#111}.remote-drums .section-number{color:#111}.remote-drums h2,.signal-chain h2{font-size:clamp(58px,7vw,105px)}.remote-steps>p{font-size:clamp(17px,1.3vw,21px);margin-top:0}.remote-steps ol{list-style:none;padding:0;margin:30px 0}.remote-steps li{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:14px 0;border-top:1px solid #1114}.remote-steps li:last-child{border-bottom:1px solid #1114}.remote-steps li>b{font:600 24px "Barlow Condensed"}.remote-steps strong{display:block;text-transform:uppercase;font:600 22px "Barlow Condensed"}.signal-chain{background:#f2f0eb;color:#111}.signal-chain .body-copy p:first-child{font-weight:500}.signal-chain .body-copy p{padding-bottom:15px;border-bottom:1px solid #1112}
.project-card-image:nth-child(4)>img{object-position:68% center}
.photo-source{margin:0;padding:8px var(--pad);background:#f2f0eb;color:#777;text-align:right;font-size:9px;letter-spacing:.05em}.photo-source a{text-decoration:underline}
.project-card-image:nth-child(4)>img{object-position:center 25%}
.project-card-image:nth-child(4)>img{transform:scale(1.16)}.project-card-image:nth-child(4):hover>img{transform:scale(1.2)}