:root{--bg:#090a0a;--panel:#111211;--text:#f2f0e9;--muted:#999991;--gold:#d2ab69;--line:#2c2b28}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--gold);color:#090a0a}.noise{pointer-events:none;position:fixed;inset:0;z-index:30;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}.progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--gold);z-index:100}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5.2%;border-bottom:1px solid #ffffff13;position:relative;z-index:40;background:#090a0aeb}.brand{display:flex;align-items:center;gap:11px;font:800 17px 'Manrope',sans-serif;letter-spacing:-.07em}.brand img{width:44px;height:44px;object-fit:contain}.brand .gold,.footer-brand span{color:var(--gold)}.brand small{display:block;font:500 8px 'DM Sans',sans-serif;letter-spacing:.26em;margin-top:5px;color:#999}.site-header nav{display:flex;gap:35px}.site-header nav a,.nav-cta{font-size:12px;font-weight:600}.site-header nav a{color:#c5c3bb;transition:color .2s}.site-header nav a:hover{color:var(--gold)}.nav-cta{border:1px solid #796446;padding:15px 19px}.nav-cta span{color:var(--gold);margin-left:15px}.menu-toggle{display:none}.hero{min-height:740px;display:grid;grid-template-columns:1.16fr .84fr;position:relative;overflow:hidden;padding:64px 5.2% 55px;gap:5%}.hero-glow{position:absolute;left:0;top:0;width:70%;height:100%;pointer-events:none;background:radial-gradient(ellipse at 20% 45%,#a17b3220,transparent 60%)}.hero-copy{position:relative;display:flex;flex-direction:column;justify-content:center;z-index:1}.eyebrow,.kicker{font-size:11px;letter-spacing:.2em;font-weight:700;color:var(--gold)}.eyebrow{display:flex;align-items:center;gap:10px}.pulse,.tag-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 15px #d2ab69}.hero h1,h2,.statement p,.contact h2{font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-.075em}.hero h1{font-size:clamp(62px,7.1vw,126px);line-height:.99;margin:34px 0}.hero h1 em,h2 em,.statement em,.contact h2 em{font-style:normal;color:var(--gold)}.hero h1>span{color:transparent;-webkit-text-stroke:1px #ddd8ca}.hero-copy>p{font-size:16px;line-height:1.85;color:#b4b3ae;max-width:480px;margin:0 0 34px}.hero-copy>p strong{color:#f0ece4;font-weight:600}.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:20px 24px;font-size:12px;font-weight:800;letter-spacing:.03em;transition:transform .25s,background .25s}.btn:hover{transform:translateY(-3px)}.btn-gold{background:var(--gold);color:#15110b}.btn-gold:hover{background:#e5c388}.btn span{font-size:18px}.text-link{font-size:12px;border-bottom:1px solid #79756c;padding:12px 0}.text-link span{color:var(--gold);margin-left:8px}.hero-index{display:flex;justify-content:space-between;max-width:530px;color:#7f7d75;font-size:10px;letter-spacing:.14em;margin-top:78px}.hero-visual{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center}.hero-video-wrap{width:min(100%,430px);height:620px;position:relative;overflow:hidden;background:#1d1b18;transform:rotate(2deg);box-shadow:0 20px 100px #000a}.hero-video-wrap video{width:100%;height:100%;object-fit:cover}.video-shade{position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 45%,#0004)}.visual-tag{position:absolute;top:22px;left:22px;font-size:10px;letter-spacing:.18em;display:flex;gap:10px;align-items:center}.visual-bottom{position:absolute;bottom:30px;left:30px;font:800 clamp(45px,5vw,70px)/.9 'Manrope',sans-serif;letter-spacing:-.08em}.visual-bottom span{color:var(--gold)}.frame-line{position:absolute;width:90px;height:90px;border-color:var(--gold);opacity:.7;pointer-events:none}.frame-a{top:5%;right:1%;border-top:1px solid;border-right:1px solid}.frame-b{bottom:5%;left:1%;border-bottom:1px solid;border-left:1px solid}.marquee{background:var(--gold);color:#13110d;overflow:hidden;white-space:nowrap;padding:17px 0}.marquee div{font:800 13px 'Manrope',sans-serif;letter-spacing:.16em;animation:marquee 28s linear infinite;width:max-content}.marquee span{margin:0 36px}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:130px 8%}.section-top{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:65px}.section-top h2,.process h2{font-size:clamp(45px,6vw,88px);line-height:1.08;margin:25px 0 0}.section-top>p{max-width:340px;line-height:1.9;color:var(--muted);font-size:14px}.work{background:#101110}.work-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:26px;align-items:start}.project-secondary{margin-top:110px}.video-open{display:block;width:100%;height:450px;background:#222;border:0;padding:0;position:relative;overflow:hidden;cursor:pointer;color:white}.project-secondary .video-open{height:350px}.video-open img{width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:brightness(.7);transition:transform .6s,filter .5s}.video-open:hover img{transform:scale(1.06);filter:brightness(.95)}.play-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:74px;height:74px;border:1px solid #ffffff9a;border-radius:50%;display:grid;place-items:center;backdrop-filter:blur(8px);font-size:18px}.project-corner{position:absolute;top:22px;left:22px;font-size:10px;letter-spacing:.15em}.project-meta{display:flex;justify-content:space-between;align-items:start;gap:15px;padding-top:21px}.project-meta h3{font:800 15px 'Manrope',sans-serif;margin:0 0 8px}.project-meta p{margin:0;color:var(--muted);font-size:12px}.project-meta>span{color:var(--gold);font-size:12px}.work-note{color:#7e7c74;font-size:12px;margin-top:55px}.statement{padding:145px 8% 65px;background:radial-gradient(ellipse at 80% 50%,#92703818,transparent 60%),#0a0a09}.statement p{font-size:clamp(30px,4.6vw,70px);line-height:1.28;margin:38px 0 110px;color:#77766f}.statement strong{color:#f3f0e9}.statement-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;color:#8d8b84;font-size:10px;letter-spacing:.13em}.services{background:#111211}.service{display:grid;grid-template-columns:90px 1fr 50px;gap:20px;padding:34px 10px;border-top:1px solid #383630;align-items:start}.service:last-child{border-bottom:1px solid #383630}.service>span:first-child{font-size:12px;color:var(--gold)}.service h3{font:800 clamp(20px,3vw,34px) 'Manrope',sans-serif;letter-spacing:-.04em;margin:0 0 12px}.service p{font-size:13px;color:var(--muted);line-height:1.8;margin:0;max-width:600px}.service-icon{font-size:30px;color:var(--gold);text-align:right}.process{background:#0b0c0b}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:70px}.steps>div{padding:35px 28px;min-height:225px;background:#161715;border:1px solid #292a26}.steps span{font-size:10px;letter-spacing:.16em;color:var(--gold)}.steps h3{font:800 24px 'Manrope',sans-serif;margin:35px 0 15px}.steps p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.contact{position:relative;overflow:hidden;background:#171610}.contact-light{position:absolute;width:900px;height:900px;right:-400px;top:-450px;border-radius:50%;background:radial-gradient(circle,#cfa35825,transparent 60%);pointer-events:none}.contact h2{position:relative;font-size:clamp(54px,8.4vw,132px);line-height:1.06;margin:40px 0 65px}.contact h2>span{color:transparent;-webkit-text-stroke:1px #d2ab69}.contact-bottom{position:relative;display:flex;justify-content:space-between;align-items:end;gap:30px}.contact-bottom p{max-width:380px;color:#b5b0a5;font-size:15px;line-height:1.8}.contact-button{min-width:260px}footer{padding:60px 8% 30px;background:#080909}.footer-brand{font:800 39px 'Manrope',sans-serif;letter-spacing:-.08em}footer>div:nth-child(2){display:flex;justify-content:space-between;gap:20px;margin:35px 0 70px;color:#b9b6ad;font-size:12px}footer>div:nth-child(2) a:hover{color:var(--gold)}.footer-last{border-top:1px solid #2c2c29;padding-top:25px;display:flex;justify-content:space-between;gap:20px;color:#77766e;font-size:10px;letter-spacing:.08em}dialog{background:#0b0b0b;color:white;border:1px solid #6d5838;padding:30px;max-width:min(94vw,760px);max-height:95vh}dialog::backdrop{background:#000e;backdrop-filter:blur(9px)}.dialog-close{position:absolute;right:15px;top:10px;background:none;border:0;color:white;font-size:23px;cursor:pointer}.dialog-inner{display:flex;flex-direction:column;align-items:center;gap:14px}.dialog-inner h3{font-size:13px;letter-spacing:.15em}.dialog-inner video{max-height:75vh;max-width:100%;width:auto}.menu-toggle{border:0;background:none;color:white}@media(max-width:1100px){.site-header nav{gap:18px}.nav-cta{display:none}.hero{grid-template-columns:1fr 1fr;gap:1%}.hero h1{font-size:clamp(50px,6.8vw,90px)}.hero-video-wrap{height:540px}}@media(max-width:760px){.site-header{height:76px;padding:0 6%}.brand{font-size:15px}.brand img{width:38px;height:38px}.menu-toggle{display:flex;width:40px;height:40px;flex-direction:column;justify-content:center;gap:7px;cursor:pointer;z-index:2}.menu-toggle span{display:block;height:2px;width:27px;background:var(--gold)}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#111210;padding:30px 6% 35px;flex-direction:column;gap:25px;border-bottom:1px solid var(--gold)}.site-header nav.open{display:flex}.site-header nav a{font-size:17px}.hero{display:flex;flex-direction:column;padding:65px 6% 60px;gap:45px;min-height:auto}.hero h1{font-size:clamp(50px,12vw,88px);margin:28px 0}.hero-copy>p{font-size:14px}.hero-index{margin-top:50px}.hero-visual{min-height:480px}.hero-video-wrap{height:470px;width:min(78%,330px)}.frame-a{right:5%}.frame-b{left:5%}.section{padding:85px 6%}.section-top{display:block;margin-bottom:42px}.section-top h2,.process h2{font-size:clamp(42px,9vw,66px)}.section-top>p{margin-top:26px}.work-grid{grid-template-columns:1fr;gap:48px}.project-secondary{margin-top:0}.video-open,.project-secondary .video-open{height:420px}.statement{padding:100px 6% 50px}.statement p{font-size:clamp(30px,7vw,50px);margin-bottom:70px}.statement-footer{font-size:9px}.service{grid-template-columns:40px 1fr 25px;gap:12px;padding:30px 0}.service h3{font-size:22px}.service-icon{font-size:22px}.steps{grid-template-columns:1fr;margin-top:42px}.steps>div{min-height:180px}.contact h2{font-size:clamp(48px,11vw,80px)}.contact-bottom{align-items:stretch;flex-direction:column}.contact-button{align-self:flex-start}footer{padding:55px 6% 30px}.footer-brand{font-size:32px}footer>div:nth-child(2),.footer-last{flex-direction:column;gap:15px}footer>div:nth-child(2){margin-bottom:50px}}@media(max-width:390px){.hero h1{font-size:48px}.hero-actions{gap:14px}.btn{padding:17px 16px}.eyebrow{font-size:9px}.hero-video-wrap{height:400px}.hero-visual{min-height:415px}.video-open,.project-secondary .video-open{height:340px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* 2026 update: results, portfolio and accessible video */
.results{background:#0b0b0a;border-top:1px solid #26231c;border-bottom:1px solid #26231c}.results-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:20px 0 55px}.results-heading h2{font-size:clamp(42px,6vw,80px);line-height:1.08;margin:0}.results-heading em{color:var(--gold)}.results-heading p{max-width:310px;font-size:14px;line-height:1.8;color:var(--muted)}.results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #37332b;border-bottom:1px solid #37332b}.result{padding:36px 25px;border-right:1px solid #37332b}.result:first-child{padding-left:0}.result:last-child{border:0}.result strong{font:800 clamp(31px,4.3vw,67px)/1.12 'Manrope',sans-serif;letter-spacing:-.07em;display:block;white-space:nowrap}.result strong span{color:var(--gold)}.result p{color:#aaa59b;font-size:12px;line-height:1.5}.results-footnote{font-size:10px;color:#8d887c;margin-top:18px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 28px}.project-secondary{margin-top:0}.project:nth-child(even){transform:translateY(55px)}.work-note{margin-top:110px}.youtube-host{width:min(80vw,960px);aspect-ratio:16/9}.youtube-host iframe{width:100%;height:100%;border:0}.dialog-inner video[hidden],.youtube-host[hidden]{display:none}dialog:has(.youtube-host:not([hidden])){width:min(95vw,1020px);max-width:1020px}.brand img{mix-blend-mode:normal}footer .footer-last{flex-wrap:wrap}footer .footer-last a:hover{color:var(--gold)}.legal{min-height:65vh;max-width:1000px;margin:auto}.legal h1{font-size:clamp(38px,5vw,65px)}.legal h2{margin-top:40px;color:var(--gold);font-size:22px}.legal p,.legal li{line-height:1.85;color:#b7b4ad}.legal a{color:var(--gold)}
@media(max-width:760px){.results-heading{display:block}.results-grid{grid-template-columns:1fr}.result,.result:first-child{padding:25px 0;border-right:0;border-bottom:1px solid #37332b}.result:last-child{border:0}.result strong{font-size:clamp(39px,10vw,65px)}.work-grid{grid-template-columns:1fr;gap:45px}.project:nth-child(even){transform:none}.work-note{margin-top:45px}.youtube-host{width:85vw}.brand img{width:40px;height:40px}}

/* V5 — mobile-first polish: tighter above-the-fold, clearer hierarchy, safe areas */
html{overflow-x:clip}body{overflow-x:clip}img,video,iframe{max-width:100%}
@media(max-width:760px){
 .site-header{height:72px;padding:0 5%;gap:10px;position:relative}
 .brand{gap:8px;font-size:clamp(13px,4vw,17px);letter-spacing:-.055em;min-width:0}
 .brand img{width:42px;height:42px;flex-shrink:0}
 .brand small{font-size:7px;letter-spacing:.22em;margin-top:3px}
 .menu-toggle{width:44px;height:44px;align-items:center;flex-shrink:0;gap:6px}
 .menu-toggle span{width:25px}
 .site-header nav{top:72px;z-index:55;box-shadow:0 18px 30px #0009}
 .hero{padding:38px 5% 46px;gap:24px;min-height:0;overflow:hidden}
 .hero-copy{min-width:0}
 .eyebrow{font-size:9px;line-height:1.55;letter-spacing:.115em;gap:6px;max-width:100%;overflow-wrap:anywhere}
 .hero h1{font-size:clamp(40px,10.8vw,70px);line-height:.99;letter-spacing:-.085em;margin:23px 0 22px;max-width:100%;overflow-wrap:normal}
 .hero-copy>p{font-size:13px;line-height:1.65;margin:0 0 24px;max-width:420px}
 .hero-actions{gap:8px 20px;align-items:stretch}
 .hero-actions .btn{min-height:52px;padding:14px 17px;font-size:12px;gap:12px;justify-content:space-between;max-width:100%}
 .hero-actions .text-link{font-size:12px;padding:13px 0}
 .hero-index{margin-top:27px;font-size:9px;gap:12px;max-width:100%}
 .hero-visual{min-height:0;height:auto;padding:12px 0 15px;justify-content:center}
 .hero-video-wrap{width:min(76%,300px);height:clamp(245px,76vw,405px);transform:rotate(1.5deg)}
 .visual-bottom{font-size:clamp(31px,8vw,48px);left:20px;bottom:22px}
 .visual-tag{font-size:8px;top:16px;left:16px}
 .frame-line{width:50px;height:50px}
 .marquee{padding:12px 0}.marquee div{font-size:11px}
 .section{padding:68px 5%}.section-top{margin-bottom:30px}
 .section-top h2,.process h2{font-size:clamp(35px,9vw,60px);letter-spacing:-.065em}
 .section-top>p{margin-top:17px;font-size:13px;line-height:1.7}
 .work-grid{gap:30px}.video-open,.project-secondary .video-open{height:clamp(260px,80vw,430px)}
 .statement{padding:75px 5% 40px}.statement p{font-size:clamp(27px,7.2vw,44px);margin:25px 0 55px}
 .statement-footer{flex-wrap:wrap;line-height:1.5}
 .service{grid-template-columns:30px minmax(0,1fr) 20px;gap:10px;padding:24px 0}.service h3{font-size:21px}
 .steps{gap:12px}.steps>div{padding:26px 22px;min-height:0}.steps h3{margin:23px 0 10px}
 .contact h2{font-size:clamp(41px,10vw,75px);overflow-wrap:anywhere}
 .contact-button{min-width:0;max-width:100%}
 footer{padding:45px 5% 28px}.footer-brand{font-size:clamp(26px,8vw,38px);overflow-wrap:anywhere}
 footer>div:nth-child(2) a{overflow-wrap:anywhere}
 dialog{padding:18px;width:calc(100% - 24px);max-width:calc(100% - 24px)}
}
@media(max-width:390px){
 .hero{padding-top:30px}.hero h1{font-size:clamp(37px,10.5vw,45px)}
 .hero-actions{flex-direction:column;align-items:flex-start}.hero-actions .btn{width:100%}
 .hero-index{margin-top:22px}.hero-video-wrap{height:285px;width:74%}
 .eyebrow{font-size:8px;letter-spacing:.08em}
}
@media(max-width:340px){.hero h1{font-size:35px}.brand{font-size:12px}.brand img{width:35px;height:35px}}
@media(prefers-reduced-motion:reduce){.hero-video-wrap{transform:none}}

/* V6 — egységes, emoji-mentes ikonrendszer */
.ui-arrow{width:1.1em;height:1.1em;display:inline-block;flex:none;vertical-align:-.14em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
a:hover .ui-arrow{transform:translate(2px,-2px)}
.btn .ui-arrow{width:20px;height:20px}
.text-link .ui-arrow{color:var(--gold);margin-left:8px}
.nav-cta .ui-arrow{color:var(--gold);margin-left:12px}
.service-icon .ui-arrow{width:26px;height:26px}
.project-meta .ui-arrow{color:var(--gold);width:14px;height:14px}
.footer-last .ui-arrow{width:13px;height:13px;margin-left:5px}
.hero-index .ui-arrow{width:12px;height:12px}
@media(max-width:760px){.footer-last a{display:inline-flex;align-items:center;gap:4px}.contact-button{display:flex;align-items:center;justify-content:space-between}}

/* V7 — icon audit: no emoji-dependent rendering */
.play-circle{color:var(--gold);border-color:rgba(210,171,105,.8);background:rgba(9,10,10,.38);transition:background .25s,border-color .25s,transform .25s}
.play-icon{width:26px;height:26px;fill:currentColor;stroke:none;margin-left:3px}
.video-open:hover .play-circle{background:rgba(210,171,105,.18);border-color:var(--gold);transform:translate(-50%,-50%) scale(1.07)}
.marquee-divider{display:inline-block;width:8px;height:8px;margin:0 36px;vertical-align:2px;background:currentColor;transform:rotate(45deg);opacity:.72}
@media(max-width:760px){.play-circle{width:66px;height:66px}.play-icon{width:23px;height:23px}.marquee-divider{margin:0 22px;width:6px;height:6px}}


/* V8 CINEMATIC PREMIUM — progressive enhancements layered over V7 */
:root{--ease-cinema:cubic-bezier(.22,1,.36,1)}
html{scroll-padding-top:24px}
body{overflow-x:clip}
:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
/* Intro: fast and non-blocking, skipped when motion is reduced */
.studio-intro{position:fixed;inset:0;background:#090a0a;z-index:150;display:grid;place-items:center;pointer-events:none;animation:introLeave .7s var(--ease-cinema) 1.35s both}
.intro-mark{text-align:center;font:800 clamp(25px,6vw,62px)/1 'Manrope',sans-serif;letter-spacing:-.08em;animation:introAppear .8s var(--ease-cinema) both}
.intro-mark .gold{color:var(--gold)}.intro-mark small{display:block;font:500 10px 'DM Sans',sans-serif;letter-spacing:.48em;margin-top:16px;color:#a9a49a}
.intro-track{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#2b251d}.intro-track span{display:block;height:100%;width:100%;background:var(--gold);transform-origin:left;animation:introProgress 1.25s ease-in-out both}
@keyframes introAppear{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes introProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes introLeave{to{opacity:0;visibility:hidden}}
/* Hero: each line slides in, text remains readable without JS */
.hero h1{overflow:visible}.hero-line{display:block;white-space:nowrap;animation:heroRise .85s var(--ease-cinema) calc(1.2s + var(--line-index)*.12s) both}
.hero-line-gold{color:var(--gold)}.hero-line-outline{color:transparent;-webkit-text-stroke:1px #ddd8ca}
@keyframes heroRise{from{opacity:0;transform:translateY(23px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
/* Work: tasteful interactive treatment */
.video-open{isolation:isolate;outline-offset:5px}.video-open::after{content:"";position:absolute;inset:0;border:1px solid transparent;pointer-events:none;transition:border-color .35s ease,box-shadow .35s ease}
.video-open:hover::after,.video-open:focus-visible::after{border-color:var(--gold);box-shadow:inset 0 0 35px #d2ab691a}
.video-open img{transition:transform .8s var(--ease-cinema),filter .6s}
.video-open:active img{transform:scale(1.025)}
.project-meta h3{transition:color .25s}.project:hover .project-meta h3{color:var(--gold)}
/* Reveals progressive: only hide after JS explicitly enables */
.js-motion .reveal{opacity:0;transform:translateY(28px);transition:opacity .75s var(--ease-cinema),transform .75s var(--ease-cinema)}
.js-motion .reveal.is-visible{opacity:1;transform:translateY(0)}
/* Counter precision */
.result strong{font-variant-numeric:tabular-nums}
/* Accordion: interactive, accessible and keyboard friendly */
.service{grid-template-columns:90px minmax(0,1fr);align-items:start}
.service>div{min-width:0}
.service-trigger{display:flex;width:100%;align-items:center;justify-content:space-between;gap:20px;text-align:left;border:0;background:transparent;color:var(--text);padding:0;cursor:pointer}
.service-label{font:800 clamp(20px,3vw,34px) 'Manrope',sans-serif;letter-spacing:-.04em}
.service-trigger .service-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #554632;border-radius:50%;transition:background .3s,transform .35s var(--ease-cinema);color:var(--gold)}
.service-trigger .service-icon svg{width:20px;height:20px;transform:rotate(45deg)}
.service-trigger[aria-expanded=true] .service-icon{background:#d2ab691b;transform:rotate(90deg)}
.service-trigger:hover .service-label{color:var(--gold)}
.service-panel{padding:18px 65px 0 0;max-width:680px}.service-panel[hidden]{display:none}.service-panel p{margin:0}
/* Contact: full-width editorial finish */
.contact{min-height:650px;display:flex;flex-direction:column;justify-content:center}
.contact h2{font-size:clamp(68px,10.3vw,175px);line-height:.92;letter-spacing:-.085em;overflow-wrap:normal;word-break:normal}
.contact h2 .gold-period{color:var(--gold)}
.contact-button{position:relative;overflow:hidden;isolation:isolate}
.contact-button::before{content:"";position:absolute;inset:0;background:#fff6;transform:translateX(-110%) skewX(-18deg);transition:transform .6s var(--ease-cinema);z-index:-1}
.contact-button:hover::before{transform:translateX(110%) skewX(-18deg)}
/* Dialog safety on phones */
#videoDialog{overscroll-behavior:contain}#dialogVideo{max-height:75dvh}
@media(max-width:1100px){.hero-line{white-space:normal}}
@media(max-width:760px){
 .studio-intro .intro-mark{font-size:clamp(27px,8vw,43px)}
 .hero h1{font-size:clamp(37px,10.2vw,70px);line-height:1.03;letter-spacing:-.08em}
 .hero-line{white-space:nowrap}
 .hero{padding-top:35px}.hero-index{margin-top:22px}
 .hero-video-wrap{width:min(80%,330px)}
 .video-open{touch-action:manipulation}.video-open img{filter:brightness(.82)}
 .service{grid-template-columns:29px minmax(0,1fr);gap:12px}
 .service-label{font-size:clamp(17px,5vw,23px);line-height:1.22}
 .service-trigger .service-icon{flex-basis:34px;width:34px;height:34px}.service-trigger .service-icon svg{width:16px;height:16px}
 .service-panel{padding:13px 0 0}
 .contact{min-height:0}.contact h2{font-size:clamp(45px,11.2vw,83px);line-height:1.02;letter-spacing:-.07em}
 .contact-bottom{gap:25px}.contact-button{width:min(100%,380px);min-height:56px}
 .js-motion .reveal{transform:translateY(15px)}
}
@media(max-width:390px){.hero h1{font-size:clamp(34px,9.9vw,42px)}.contact h2{font-size:clamp(40px,10.6vw,48px)}.service-label{font-size:17px}}
@media(max-width:340px){.hero h1{font-size:32px}.contact h2{font-size:37px}}
@media(hover:none){.video-open:hover img{transform:none;filter:brightness(.82)}}
@media(prefers-reduced-motion:reduce){.studio-intro{display:none!important}.hero-line{animation:none!important}.js-motion .reveal{opacity:1;transform:none}.contact-button::before{display:none}}

/* V11 – responsive cinematic landscape phone portfolio */
.phone-showcase{width:100%;max-width:1160px;margin:clamp(2rem,5vw,5rem) auto 0;min-width:0}.phone-stage{perspective:1400px;padding:clamp(4px,2.5vw,32px) 0 18px;display:flex;justify-content:center;overflow:visible}.landscape-phone{position:relative;width:min(100%,960px);aspect-ratio:2.03/1;background:linear-gradient(135deg,#353535,#050505 36%,#181818 80%,#454545);border:clamp(5px,1.1vw,12px) solid #161616;border-radius:clamp(22px,4vw,52px);padding:clamp(5px,.9vw,10px);box-shadow:0 24px 80px #000b,0 0 0 1px #bca06b88,inset 0 0 0 1px #7775;transform:rotateX(4deg) rotateY(-5deg) translateY(20px);transition:transform 900ms cubic-bezier(.2,.7,.2,1);will-change:transform}.phone-showcase.is-visible .landscape-phone{transform:rotateX(0) rotateY(0) translateY(0)}.phone-screen{height:100%;width:100%;border-radius:clamp(12px,2.9vw,36px);overflow:hidden;background:#070707;position:relative}.phone-track{display:flex;height:100%;transition:transform .55s cubic-bezier(.2,.7,.2,1);touch-action:pan-y}.phone-slide{flex:0 0 100%;height:100%;position:relative;min-width:0}.phone-media{display:block;position:relative;width:100%;height:100%;padding:0;border:0;background:#111;cursor:pointer;overflow:hidden}.phone-media img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.78);transition:filter .3s,transform .6s}.phone-media:hover img{filter:brightness(.94);transform:scale(1.025)}.phone-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(44px,7vw,82px);height:clamp(44px,7vw,82px);display:grid;place-items:center;border:1px solid #d9b46e;background:#0b0b0bbb;border-radius:50%;color:#d9b46e;font-size:clamp(15px,2vw,24px);padding-left:3px}.phone-slide-caption{position:absolute;bottom:0;left:0;right:0;padding:clamp(12px,2vw,26px);pointer-events:none;background:linear-gradient(transparent,#0009);font-size:clamp(9px,1.1vw,13px);letter-spacing:.2em;color:#fff}.phone-camera{position:absolute;left:clamp(5px,.8vw,12px);top:50%;transform:translateY(-50%);width:4px;height:20px;border-radius:4px;background:#080808;z-index:2;box-shadow:0 0 0 1px #4b4b4b}.phone-side-button{position:absolute;right:13%;top:-9px;width:13%;height:3px;background:#3b3b3b;border-radius:3px}.phone-controls{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:clamp(10px,2vw,30px);align-items:center;max-width:760px;margin:clamp(12px,2vw,24px) auto 0}.phone-project-info{text-align:center;min-width:0}.phone-project-info>span{font-size:11px;letter-spacing:.19em;color:#d5ad65}.phone-project-info h3{font-size:clamp(16px,2.2vw,25px);line-height:1.25;margin:8px 0;color:#f3f0e9}.phone-project-info p{color:#999;font-size:clamp(12px,1.5vw,15px);margin:0}.phone-nav{width:48px;height:48px;border-radius:50%;border:1px solid #9f834f;color:#d9b46e;background:#151515;font-size:24px;cursor:pointer;transition:background .2s}.phone-nav:hover{background:#40321e}.phone-nav:focus-visible,.phone-dot:focus-visible,.phone-media:focus-visible{outline:3px solid #d9b46e;outline-offset:4px}.phone-pagination{display:flex;justify-content:center;gap:9px;margin:20px auto 0}.phone-dot{border:0;padding:0;width:28px;height:4px;background:#555;cursor:pointer;border-radius:10px}.phone-dot[aria-current="true"]{background:#d9b46e}.phone-hint{text-align:center;color:#777;font-size:10px;letter-spacing:.13em;margin:15px 0 0}.phone-showcase+.work-note{margin-top:35px}@media(max-width:640px){.phone-showcase{margin-top:28px}.phone-stage{padding:8px 0 10px}.landscape-phone{width:100%;border-radius:23px;border-width:5px;padding:4px;transform:none!important;box-shadow:0 15px 35px #0009,0 0 0 1px #ad8a4b66}.phone-screen{border-radius:15px}.phone-camera{width:2px;height:9px;left:3px}.phone-side-button{top:-6px;height:2px}.phone-controls{grid-template-columns:40px minmax(0,1fr) 40px;gap:6px;margin-top:10px}.phone-nav{width:38px;height:38px;font-size:21px}.phone-project-info h3{font-size:15px;margin:5px 0}.phone-project-info>span{font-size:9px}.phone-project-info p{font-size:11px}.phone-hint{font-size:9px;line-height:1.6}.phone-hint span{display:block}.phone-pagination{margin-top:15px}.phone-slide-caption{padding:10px}.phone-play{width:42px;height:42px;font-size:14px}}@media(prefers-reduced-motion:reduce){.landscape-phone,.phone-track,.phone-media img{transition:none!important;transform:none!important}}

/* V13: SVG play symbol; avoids emoji rendering on iOS/Android */
.phone-play{padding-left:0!important;line-height:1;user-select:none;-webkit-user-select:none}
.phone-play-icon{display:block;width:34%;height:34%;margin-left:3px;flex-shrink:0;fill:currentColor}
@media(max-width:640px){.phone-play-icon{margin-left:2px}}