@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#151821;--paper:#f8f7f4;--red:#f15b44;--muted:#62666f;--line:#dddcd9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:'DM Sans',Arial,sans-serif;color:var(--ink);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}::selection{background:#f15b44;color:#111}.skip-link{position:absolute;top:-100px;left:10px;padding:12px;background:white;z-index:30}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:20;background:rgba(248,247,244,.97);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,86px);gap:35px}.header-brand,.footer-brand{display:inline-flex;align-items:center;gap:7px;flex-shrink:0}.header-brand img{height:63px;width:66px;object-fit:contain}.header-brand>span,.footer-brand>span{display:flex;flex-direction:column;font-family:'Space Grotesk',sans-serif;line-height:.9}.header-brand strong,.footer-brand strong{font-size:29px;font-weight:700;letter-spacing:-.075em}.header-brand small,.footer-brand small{font-size:9px;font-weight:700;letter-spacing:.31em;margin-top:8px}.main-nav{display:flex;gap:36px;margin-left:auto}.main-nav a{font-size:13px;font-weight:700;transition:color .2s}.main-nav a:hover{color:var(--red)}.header-actions{display:flex;gap:24px;align-items:center}.lang-btn{background:none;border:0;font-size:12px;font-weight:700;cursor:pointer}.lang-btn span{color:var(--red)}.header-cta{background:var(--ink);color:#fff;font-size:12px;display:flex;align-items:center;gap:34px;padding:14px 17px;font-weight:700;transition:background .2s}.header-cta:hover{background:var(--red)}.section-inner{max-width:1440px;margin:auto;padding-left:clamp(24px,5.2vw,86px);padding-right:clamp(24px,5.2vw,86px)}.hero{min-height:690px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;flex:1;max-width:1600px;width:100%;margin:auto;padding-left:clamp(24px,5.2vw,86px);padding-right:clamp(24px,5.2vw,86px)}.hero-copy{padding:105px 0 65px;position:relative;z-index:2}.eyebrow{font-weight:700;font-size:11px;letter-spacing:.18em;display:flex;gap:12px;align-items:center}.eyebrow-dot{width:7px;height:7px;background:var(--red);display:inline-block;border-radius:50%}.hero h1,.split-heading h2,.intro h2,.contact-section h2{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-.075em}.hero h1{font-size:clamp(57px,6.4vw,110px);line-height:.99;margin:49px 0 28px;max-width:990px}.hero h1 em,.split-heading h2 em{font-style:normal;color:var(--red)}.hero-summary{font-size:17px;line-height:1.7;max-width:510px;color:#555a66;margin:0 0 35px}.hero-ctas{display:flex;align-items:center;gap:34px}.btn{padding:18px 22px;font-size:13px;font-weight:700;display:inline-flex;justify-content:space-between;gap:44px;align-items:center}.btn-dark{background:#1a1c24;color:white;transition:background .2s}.btn-dark:hover{background:#f15b44}.text-link{font-weight:700;font-size:13px;border-bottom:1px solid #a0a0a0;padding:10px 0;display:inline-flex;gap:30px}.hero-visual{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-visual img{position:relative;width:min(390px,80%);height:auto;z-index:2;filter:drop-shadow(18px 22px 0 rgba(255,87,87,.07));transform:rotate(-7deg)}.mark-ring{position:absolute;border:1px solid #dedcda;border-radius:50%;aspect-ratio:1}.mark-ring-1{width:105%}.mark-ring-2{width:71%}.visual-tag{position:absolute;right:25px;bottom:56px;font-size:10px;letter-spacing:.23em;font-weight:700}.hero-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:17px clamp(24px,5.2vw,86px);font-size:10px;font-weight:700;letter-spacing:.15em}.intro{background:#b965d0;color:#211529;min-height:475px;position:relative;overflow:hidden}.intro-inner{padding-top:100px;padding-bottom:100px;display:grid;grid-template-columns:1fr .85fr;gap:80px;position:relative;z-index:1}.eyebrow-light .dot-light{display:block;width:7px;height:7px;background:currentColor;border-radius:50%}.intro h2{font-size:clamp(45px,5.1vw,82px);line-height:1.03;margin:38px 0 0;max-width:640px}.intro-right{padding-top:48px;max-width:525px}.intro-right p{font-size:18px;line-height:1.7;margin:0 0 20px}.intro-index{position:absolute;right:-1%;bottom:-42%;font-size:410px;font-family:'Space Grotesk';font-weight:700;color:rgba(255,255,255,.095);letter-spacing:-.12em;pointer-events:none}.intro-index span{font-size:40px;vertical-align:top}.section-break{background:#edece8}.split-heading{padding-top:93px;padding-bottom:93px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.split-heading h2{font-size:clamp(47px,5.3vw,80px);line-height:1.05;margin:28px 0 0}.portfolio-note{max-width:250px;border-top:1px solid #aaa;padding-top:15px;font-size:14px;line-height:1.55}.portfolio-note span{font-weight:700;font-size:11px;letter-spacing:.2em}.brand-panel{display:block;position:relative;overflow:hidden;transition:filter .2s}.brand-panel:hover{filter:brightness(1.045)}.brand-panel-inner{max-width:1440px;min-height:560px;margin:auto;padding:43px clamp(24px,5.2vw,86px) 30px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.brand-top,.brand-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;letter-spacing:.16em;position:relative;z-index:2}.brand-top{border-bottom:1px solid currentColor;padding-bottom:21px;opacity:.85}.brand-bottom{border-top:1px solid currentColor;padding-top:20px}.brand-bottom .round-arrow{height:42px;width:42px;border:1px solid currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;transition:transform .25s,background .25s}.brand-panel:hover .round-arrow{transform:translate(4px,-4px)}.brand-content{display:flex;align-items:center;justify-content:space-between;min-height:375px;position:relative}.brand-main{position:relative;z-index:2;max-width:690px}.brand-logo{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-.075em;font-size:clamp(58px,8.4vw,135px);line-height:.95;white-space:nowrap}.brand-logo>span:not(.brand-period){font-style:italic}.brand-period{opacity:.6}.brand-main h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.04em;font-size:clamp(24px,2.5vw,37px);margin:23px 0 12px}.brand-main p{line-height:1.7;font-size:16px;max-width:480px;margin:0}.brand-art{width:40%;height:350px;position:absolute;right:0;top:15px;pointer-events:none}.panel-proc3ss{background:#5269ea;color:#101b46}.proc-art span:first-child{font-family:'Space Grotesk',sans-serif;font-size:400px;line-height:1;font-weight:700;color:rgba(239,244,255,.27);position:absolute;right:10px;top:-77px;transform:rotate(-20deg)}.art-orbit{border-radius:50%;width:350px;height:350px;border:1px solid rgba(255,255,255,.5);position:absolute;right:0;top:0}.panel-pres3nce{background:#2948a5;color:#fff}.panel-pres3nce .brand-period{color:#d7bc80}.pres-orbit{position:absolute;right:0;top:-85px;border-radius:50%;height:510px;width:510px;border:1px solid rgba(215,188,128,.38)}.pres-number{position:absolute;right:85px;top:-45px;font-size:375px;font-family:'Space Grotesk';font-weight:700;color:rgba(215,188,128,.25);transform:rotate(-13deg)}.panel-resonance{background:#d9bb80;color:#242018}.res-art{right:45px;display:flex;align-items:center;justify-content:space-between;gap:11px}.res-art i{width:14px;min-width:6px;border-radius:30px;background:rgba(40,32,23,.2);height:23%;display:block}.res-art i:nth-child(2),.res-art i:nth-child(8){height:47%}.res-art i:nth-child(3),.res-art i:nth-child(7){height:73%}.res-art i:nth-child(4),.res-art i:nth-child(6){height:52%}.res-art i:nth-child(5){height:100%}.panel-lyrra{background:#d5aae6;color:#2d183b}.lyrra-art .lyrra-circle{height:340px;width:340px;border-radius:50%;border:2px solid rgba(71,36,84,.35);position:absolute;right:30px;top:3px}.lyrra-feather{position:absolute;font-size:250px;line-height:1;right:105px;top:20px;color:rgba(255,255,255,.45);transform:rotate(15deg)}.lyrra-path{position:absolute;width:130px;height:290px;border:2px solid rgba(71,36,84,.33);border-left:0;border-bottom:0;border-radius:0 100% 0 0;right:75px;top:40px;transform:rotate(28deg)}.status-tag{display:inline-block;font-weight:700;font-size:10px;letter-spacing:.15em;margin-top:17px;border:1px solid currentColor;padding:7px 10px}.contact-section{background:#22242c;color:#f7f6f2}.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;padding-top:114px;padding-bottom:114px}.contact-section h2{font-size:clamp(50px,6vw,92px);line-height:1.04;margin:30px 0 0}.contact-right{align-self:end}.contact-right p{font-size:17px;line-height:1.7;max-width:440px}.contact-email{font-size:clamp(19px,2.5vw,33px);font-weight:700;letter-spacing:-.03em;display:inline-flex;gap:15px;align-items:center;border-bottom:2px solid #ff5757;padding-bottom:13px;margin-top:24px;word-break:break-word}.contact-email:hover{color:#ff7777}.contact-small{font-size:12px!important;letter-spacing:.12em;opacity:.7;margin-top:42px}.footer{background:#111216;color:#fff}.footer-main{padding-top:70px;padding-bottom:70px;display:flex;align-items:center;gap:45px}.footer-brand img{height:65px;width:70px;object-fit:contain}.footer-brand strong{font-size:30px}.footer-main p{font-size:14px;opacity:.7;margin:0}.back-top{margin-left:auto;font-size:11px;letter-spacing:.15em;font-weight:700;display:flex;gap:20px}.footer-bottom{padding:22px 0;border-top:1px solid #41434b;display:flex;justify-content:space-between;gap:16px;color:#a6a8ae;font-size:11px}.footer-bottom span{white-space:normal}@media(max-width:900px){.site-header{height:75px;padding:0 22px}.main-nav{gap:18px}.header-cta{display:none}.hero-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-copy{padding:85px 0 40px}.hero-visual{height:260px}.hero-visual img{max-height:230px;width:auto}.mark-ring-1{width:330px}.mark-ring-2{width:210px}.visual-tag{bottom:15px}.intro-inner{grid-template-columns:1fr;gap:0;padding-top:75px;padding-bottom:65px}.intro-right{padding-top:10px}.intro-index{font-size:260px;bottom:-23%}.brand-panel-inner{min-height:490px}.brand-art{opacity:.45}.brand-logo{font-size:clamp(50px,9vw,100px)}.contact-grid{gap:30px}.footer-bottom{flex-wrap:wrap}}
@media(max-width:600px){.site-header{height:70px;padding:0 16px;gap:8px}.header-brand img{width:44px;height:50px}.header-brand strong{font-size:24px}.header-brand small{font-size:7px;letter-spacing:.2em}.main-nav{gap:11px}.main-nav a{font-size:11px}.main-nav a:first-child{display:none}.header-actions{gap:6px}.lang-btn{font-size:11px}.lang-btn span{display:none}.hero-copy{padding:75px 0 36px}.hero h1{font-size:clamp(46px,12.5vw,70px);margin:33px 0 22px}.hero-summary{font-size:15px}.hero-ctas{gap:16px;flex-wrap:wrap}.btn{padding:15px 16px;gap:12px}.text-link{gap:12px;font-size:12px}.hero-bottom{font-size:9px}.intro h2{font-size:50px}.intro-right p{font-size:16px}.split-heading{padding-top:63px;padding-bottom:60px;display:block}.split-heading h2{font-size:49px}.portfolio-note{margin-top:30px}.brand-panel-inner{min-height:480px;padding:25px 22px}.brand-top,.brand-bottom{font-size:10px}.brand-content{min-height:330px}.brand-logo{font-size:clamp(46px,12vw,70px)}.brand-main h3{font-size:26px}.brand-main p{font-size:14px}.brand-art{width:100%;opacity:.16;right:-35%;top:50px}.brand-kind{text-align:right;max-width:175px}.contact-grid{grid-template-columns:1fr;padding-top:75px;padding-bottom:75px;gap:35px}.contact-section h2{font-size:53px}.contact-right p{font-size:15px}.footer-main{flex-wrap:wrap;gap:20px;padding-top:50px;padding-bottom:50px}.footer-main p{width:100%}.back-top{margin-left:0}.footer-bottom{flex-direction:column;gap:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* YM Productions brand refresh */
.panel-pres3nce .brand-logo>span:not(.brand-period){color:#d9bb80}
.panel-lyrra .brand-logo{letter-spacing:-.065em}
.header-brand img,.footer-brand img{object-fit:contain}


/* YM PRODUCTIONS V3 — CORAL / INK DESIGN SYSTEM */
:root{--ink:#171719;--paper:#fffdfb;--red:#ff545b;--muted:#57565b;--line:#e8e2df}
.site-header{background:rgba(255,253,251,.97);height:100px}
.header-brand{gap:0;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:145px;min-width:145px;line-height:1;overflow:visible}
.header-brand .ym-header-mark{width:118px;height:65px;object-fit:contain;display:block;flex-shrink:0}
.header-brand .ym-header-label{font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:700;letter-spacing:.35em;margin:0 0 0 .35em;line-height:1.25;color:var(--ink)}
.hero h1 em,.split-heading h2 em{color:var(--red)}
.hero-summary{color:#57565b}
.btn-dark{background:var(--ink)}.btn-dark:hover,.header-cta:hover{background:var(--red)}
.eyebrow-dot{background:var(--red)}
.hero-visual img{filter:none}
.mark-ring{border-color:#f0d8d7}
.intro{background:#ff545b;color:#1b1719}
.intro-index{color:rgba(255,255,255,.16)}
.section-break{background:#fff1ee}
.contact-section{background:#231d20;color:#fff8f6}
.contact-email{border-bottom-color:var(--red)}
.footer{background:#181518;color:#fff8f6}
.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:0;width:160px}
.footer-brand .ym-footer-mark{width:115px;height:75px;object-fit:contain;display:block}
.footer-brand .ym-footer-label{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:10px;letter-spacing:.3em;line-height:1;color:#fff8f6;margin-left:9px}
/* Brand panels intentionally retain their individual palettes. PROC3SS is ink rather than blue. */
.panel-proc3ss{background:#171719;color:#f8f7f4}
.proc-art span:first-child{color:rgba(255,84,91,.31)}
.art-orbit{border-color:rgba(255,255,255,.2)}
.panel-proc3ss .brand-period{color:#ff545b;opacity:1}
.panel-pres3nce{background:#2948a5;color:#fff}
.panel-resonance{background:#d9bb80;color:#242018}
.panel-lyrra{background:#d5aae6;color:#2d183b}
@media(max-width:720px){.site-header{height:auto;min-height:78px}.header-brand{min-width:92px;width:92px}.header-brand .ym-header-mark{width:88px;height:50px}.header-brand .ym-header-label{font-size:7px;letter-spacing:.24em}.footer-brand{width:130px}.footer-brand .ym-footer-mark{width:100px}}