:root{--paper:#e9f1f0;--ink:#183b40;--navy:#192b3d;--blue:#244e6e;--silver:#c9dce2;--muted:#42616d;--line:#9bb7c1;--display:Arial, sans-serif;--body:"Segoe UI", "Trebuchet MS", sans-serif;--utility:"Courier New", monospace;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--paper);color:var(--ink);font:16px/1.7 var(--body);margin:0}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.045em;font-weight:400;line-height:1.15}h1{font-size:clamp(42px,5.5vw,78px)}h2{margin-bottom:25px;font-size:38px}h3{font-size:25px;line-height:1.3}em{font-family:Trebuchet MS,sans-serif}p{max-width:66ch}a,button{transition:box-shadow .16s,background-color .16s}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #7758a1}.wrap{width:min(1210px,84%);margin-inline:auto}.section{padding-block:70px}.eyebrow,.utility,.legal-label,.number{font:11px/1.7 var(--utility);letter-spacing:.07em;display:block}.eyebrow{margin-bottom:22px}.skip{background:var(--navy);color:#fff;z-index:20;padding:12px;position:absolute;top:0;left:20px;transform:translateY(-120%)}.skip:focus{transform:none}.site-header.wrap{border-bottom:1px solid var(--line);background:linear-gradient(#f7fcfb,#dae8e8);justify-content:space-between;align-items:center;gap:25px;width:100%;min-height:94px;padding:22px 5%;display:flex}.brand{align-items:center;gap:24px;text-decoration:none;display:flex}.brand-mark,.footer-logo{letter-spacing:-3.6px;font:italic 700 48px/1 Arial;text-decoration:none}.brand-name{letter-spacing:.1em;font:10px/1.4 Arial}.site-header nav{align-items:center;gap:34px;font-size:13px;display:flex}.site-header nav a{align-items:center;min-height:44px;display:flex}.site-header nav a[aria-current=page]{font-weight:600;text-decoration-thickness:2px}.site-header nav a:last-child,.menu-toggle{color:var(--ink);background:linear-gradient(#fff9,#bcdbdd80);border:1px solid #a5bdc3;border-radius:24px;padding:9px 22px;text-decoration:none;box-shadow:inset 0 1px #fff}.menu-toggle{display:none}.button{color:#fff;min-height:48px;font:13px/1.5 var(--body);letter-spacing:0;background:linear-gradient(#488b94,#286471 48%,#205363 50%,#2c6374);border:1px solid #45797c;border-radius:28px;justify-content:space-between;align-items:center;gap:28px;padding:14px 24px;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #dfffff,0 4px 10px #19475438}.button:hover{box-shadow:inset 0 1px #fff,0 6px 16px #254d6655}.button:active{transform:translateY(1px)}.text-link{font:12px/1.6 var(--utility);padding:12px 0;display:inline-block}.page-head{border-bottom:1px solid var(--line);padding-block:65px 50px;position:relative}.page-head h1{max-width:950px;margin-bottom:25px}.page-head p{max-width:600px;font-size:17px}.page-index{font:12px/1.7 var(--utility);flex-wrap:wrap;gap:28px;margin-top:28px;display:flex}.page-index a{padding:8px 0}.page-head:after{content:"";background:linear-gradient(90deg,#0000,#779aad,#afc8ca);width:28%;height:3px;position:absolute;bottom:0;right:0}.service-detail{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.25fr;gap:90px;padding-block:70px;display:grid}.service-detail h2{font-size:43px}.service-detail h3{margin:28px 0 18px;font-size:24px}.service-detail h3:first-child{margin-top:0}.service-detail p{font-size:15px}.service-detail>div:first-child>p:not(.price){max-width:400px}.service-detail ul{columns:2;margin-bottom:28px;padding-left:20px;font-size:15px}.service-detail li{padding:4px 0}.service-detail .price{font:400 38px/1.5 var(--body);letter-spacing:-.04em}.service-detail .price small{font:12px/1.6 var(--utility);letter-spacing:0;color:var(--muted);display:block}.service-detail .button{margin-top:15px}.prose{max-width:780px;padding-block:55px 75px}.prose h2{letter-spacing:-.025em;margin-top:38px;font-size:27px;line-height:1.3}.prose p,.prose li{font-size:16px;line-height:1.85}.prose a{overflow-wrap:anywhere}.legal-page .page-head h1{font-size:clamp(35px,4vw,58px)}.legal-page .page-head{max-width:1000px}.review-notice{background:#d8e5e8;border-left:3px solid #587987;padding:22px;font-size:14px!important}.faq-section{grid-template-columns:1fr 1.5fr;gap:70px;display:grid}.faq-section h2{font-size:36px}.faq-section p{font-size:15px}.faq-list{border-top:1px solid #7896a1}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;justify-content:space-between;gap:20px;padding:22px 0;font-size:16px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary span{font-size:22px}details[open] summary span{transform:rotate(45deg)}details p{padding-right:25px}.contact-cta{color:#17354c;background:linear-gradient(115deg,#d8e9eb,#adcbd1);padding-block:70px}.contact-cta h2{margin-bottom:30px;font-size:56px;line-height:1.1}.contact-cta .wrap>div{justify-content:space-between;align-items:center;gap:30px;display:flex}.contact-cta p{margin:0;font-size:15px}.site-footer{color:#d4e5e8;background:#173b41;padding:45px 0 0}.footer-grid{grid-template-columns:1fr .5fr 1fr;gap:50px;padding-block:35px;display:grid}.site-footer p{margin:20px 0;font-size:13px}.site-footer nav{flex-direction:column;align-items:start;gap:8px;font-size:13px;display:flex}.footer-contact{overflow-wrap:anywhere;flex-direction:column;justify-content:center;gap:15px;font-size:12px;display:flex}.footer-contact .eyebrow{margin:0;font-size:10px}.footer-bottom{border-top:1px solid #58747a;justify-content:space-between;align-items:center;gap:20px;padding-block:22px;font-size:11px;display:flex}.footer-bottom>div{gap:18px;display:flex}.stereo-badge{font:10px var(--utility)}.footer-personal{font:11px/1.7 var(--utility);border-bottom:1px dotted #8babba;align-items:center;gap:26px;padding-bottom:26px;display:flex}.footer-personal>a:last-child{margin-left:auto;padding:12px 0}.mail-badge{color:#172d44;background:linear-gradient(#dde6f4,#93b3c3);border:2px outset #d2e3eb;align-items:center;gap:8px;min-height:48px;padding:7px 12px;text-decoration:none;display:flex;box-shadow:2px 2px #061b27}.mail-badge b{letter-spacing:-1px;font:italic 700 19px Arial}.mail-badge span{max-width:45px;font-size:10px;line-height:1.3}.about-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:75px;display:grid}.about-grid h2{font-size:45px}.about-grid p{font-size:16px}.about-art{color:#d5e8ec;background:#1a3546;margin:0}.about-art img{object-fit:cover;object-position:45% center;filter:saturate(.38)hue-rotate(100deg);width:100%;height:520px}.about-art figcaption{padding:20px 24px}.about-art p{font:11px/1.7 var(--utility);margin:0}.contact-grid{grid-template-columns:.75fr 1.25fr;gap:70px;display:grid}.contact-grid>*,.form-grid>*{min-width:0}.contact-aside h2{font-size:32px}.contact-aside h3{margin-top:35px;font-size:22px}.contact-aside p{font-size:14px}.contact-aside a{overflow-wrap:anywhere}.contact-aside hr{border:0;border-top:1px solid var(--line);margin:28px 0}.inquiry-form{background:linear-gradient(130deg,#e9f0f3,#d4e2e7);border:1px solid #9bb5c3;border-radius:18px 18px 5px 5px;min-width:0;padding:34px;box-shadow:inset 0 1px #fff,0 14px 30px #31587013}.form-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field.wide{grid-column:1/-1}.field label{font-size:14px}.field small{color:#385766;font-size:12px;font-weight:400}.field input,.field select,.field textarea{color:#173746;background:#f6fafb;border:1px solid #7896a5;border-radius:5px;width:100%;min-height:48px;padding:12px;box-shadow:inset 0 2px 3px #1e465010}.field textarea{resize:vertical;min-height:160px}.field [aria-invalid=true]{border-color:#9b3535}.privacy-check{align-items:flex-start;gap:10px;margin-block:24px;font-size:13px;display:flex}.privacy-check input{accent-color:#286471;flex-shrink:0;width:20px;height:20px}.form-notice{overflow-wrap:anywhere;background:#f0f5f6;border-left:3px solid #58798b;margin-bottom:27px;padding:18px;font-size:13px}.form-status{min-height:24px;margin:20px 0 0;font-size:14px}.spam-status{font-size:12px}.honeypot{display:none}.cf-turnstile{margin-block:20px}.project{border-bottom:1px solid var(--line);grid-template-columns:240px 1fr;gap:45px;padding-block:40px;display:grid}.project.featured{grid-template-columns:1fr 1.4fr}.project img{border:1px solid #9ab2be;width:100%}.project h3{font-size:32px}.project p{font-size:15px}.case-hero{grid-template-columns:1.2fr 1fr;gap:60px;margin-block:35px 55px;display:grid}.case-hero h1{font-size:55px}.case-hero img{width:100%}.empty-work{grid-template-columns:1fr 1.15fr;align-items:center;gap:60px;padding:35px 0;display:grid}.empty-record,.empty-number{display:none}.empty-work h3{font-size:34px}.empty-work p{font-size:15px}.listening-preview{max-width:490px}.player{color:#11282f;background:linear-gradient(135deg,#eaf2f8,#adbdcd 38%,#e9f1f2 60%,#8cabb8);border:1px solid #a7bed0;border-radius:23px 23px 9px 9px;max-width:100%;padding:24px;position:relative;box-shadow:inset 0 2px #fff,inset 0 -4px 4px #415d7855,0 15px 35px #122a4833}.player-titlebar{display:none}.player-screen{color:#c1e8da;background:radial-gradient(at 30% 20%,#26465b,#101e30);border:3px solid #6d8495;border-radius:8px 8px 3px 3px;outline:1px solid #edf7f5;align-items:center;gap:16px;min-height:112px;padding:20px 17px;display:flex;box-shadow:inset 0 3px 9px #0006}.player-screen strong{font:13px/1.5 var(--utility);letter-spacing:0;color:#c1e8da}.player-screen p{margin:7px 0 0;font-size:11px}.player-screen p:last-child{font:9px/1.7 var(--utility);letter-spacing:.08em}.eq{align-items:flex-end;gap:3px;min-width:32px;height:35px;display:flex}.eq i{background:repeating-linear-gradient(0deg,#b4d6c4 0 3px,#0000 3px 5px);width:4px;height:20px;display:block}.eq i:nth-child(2){height:30px}.eq i:nth-child(3){height:15px}.eq i:nth-child(4){height:25px}.player-controls{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0 12px;display:flex}.player-controls button,.ab-controls button{color:#173139;background:linear-gradient(#f9ffff,#c3d3d4 45%,#a4bdc2 50%,#d8e3e3);border:1px solid #758e98;border-radius:6px;min-width:44px;min-height:46px;padding:8px 13px;font:10px Arial;box-shadow:inset 0 1px #fff,0 2px 3px #0003}.player-controls button[data-play]{color:#102e29;background:linear-gradient(#b9e4bd,#72a787);border-radius:50%;width:46px;font-size:15px}.player-controls label{align-items:center;gap:7px;font-size:10px;display:flex}.player-controls input{width:64px}.player input,.comparison input{accent-color:#284d5b}.seek,.ab-seek{width:100%;display:block}.time-row{font:10px var(--utility);justify-content:space-between;display:flex}.player-status{font:11px/1.6 var(--utility);margin:14px 0 0;padding-top:12px}.player select{width:100%;margin:10px 0;padding:10px}.sc-embed iframe{border:0;width:100%;height:166px;margin-top:14px}.player-credit{margin-top:12px;font-size:12px;display:block}.comparison{background:linear-gradient(130deg,#dce7ee,#b8ced7);border:1px solid #8da9b9;border-radius:12px;margin-block:30px;padding:28px}.comparison :is(h2,h3,h4){letter-spacing:-.03em;font:400 28px/1.2 Arial}.comparison p{font-size:14px}.ab-controls{flex-wrap:wrap;gap:12px;margin-block:20px;display:flex}.ab-controls button[aria-pressed=true]{color:#fff;background:#244e6e}.comparison label{margin-top:15px;font-size:12px;display:block}.ab-volume{max-width:160px;display:block}.ab-status{min-height:22px}.error-page{text-align:center;background:radial-gradient(#c8dce3,#0000 70%);padding-block:100px}.error-page h1{font-size:clamp(55px,8vw,100px)}.error-links{margin:28px auto 0}.home-faq{background:#e9f1f0}@media (width<=1000px){.wrap{width:88%}.service-detail,.about-grid,.contact-grid{gap:40px}.site-header nav{gap:22px}.footer-grid{gap:30px}.case-hero{gap:35px}.about-art img{height:450px}}@media (width<=700px){.wrap{width:86%}.section{padding-block:45px}.site-header.wrap{flex-wrap:wrap;gap:20px;min-height:100px;padding:20px 6%}.brand-mark{font-size:38px}.brand-name{font-size:8px}.brand{gap:20px}.menu-toggle{align-items:center;gap:12px;min-height:44px;padding:8px 14px;font-size:12px;display:flex}.site-header nav{flex-direction:column;flex-basis:100%;align-items:stretch;gap:5px;padding-top:8px;display:none}.site-header nav.open,html:not(.js) .site-header nav{display:flex}html:not(.js) .menu-toggle{display:none}.site-header nav a{padding:10px}.site-header nav a:last-child{justify-content:center;margin-top:7px}.page-head{padding-block:40px 35px}.page-head h1{overflow-wrap:normal;font-size:clamp(35px,9vw,55px)}.page-head p{font-size:16px}.page-index{gap:15px;font-size:11px}.eyebrow{font-size:10px}h2{font-size:32px}.service-detail,.about-grid,.contact-grid,.case-hero{grid-template-columns:1fr;gap:30px}.service-detail{padding-block:45px}.service-detail h2{font-size:36px}.service-detail ul{columns:1}.service-detail h3{font-size:23px}.faq-section{grid-template-columns:1fr;gap:25px}.faq-section h2{font-size:32px}.contact-cta{padding-block:55px}.contact-cta h2{font-size:43px}.contact-cta .wrap>div{display:block}.contact-cta .button{margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-contact{border-top:1px solid #58747a;grid-column:1/-1;padding-top:22px}.footer-bottom{flex-direction:column;align-items:start}.footer-personal{flex-wrap:wrap;gap:15px}.footer-personal>span{width:100%}.footer-personal>a:last-child{font-size:10px}.about-grid h2{font-size:37px}.about-art img{height:330px}.inquiry-form{padding:23px 18px}.form-grid{grid-template-columns:1fr;gap:22px}.field select{font-size:14px}.contact-aside h2{font-size:30px}.empty-work{grid-template-columns:1fr;gap:30px;padding:0}.empty-work h3{font-size:30px}.player{padding:18px}.player-screen{padding:17px 12px}.player-controls{gap:9px}.player-controls input{width:57px}.project,.project.featured{grid-template-columns:1fr;gap:28px}.case-hero h1{font-size:40px}.comparison{padding:20px}.prose{padding-block:35px 55px}.legal-page .page-head h1{font-size:clamp(28px,7.5vw,40px)}.legal-page .page-head,.legal-page .prose{width:86%}.error-page{padding-block:70px}.error-page h1{font-size:55px}.button{gap:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.button:active{transform:none}}.page-head{isolation:isolate}.page-head:before{content:"";z-index:-1;opacity:.18;background:url(/_astro/refraction-small.Bj2SETHv.avif) 70%/cover;width:44%;position:absolute;inset:10% 0 0 auto;mask-image:linear-gradient(90deg,#0000,#000)}.page-head h1 em{color:var(--blue)}.legal-page .page-head:before{display:none}.legal-index{font:12px/1.7 var(--utility);flex-wrap:wrap;gap:12px 22px;margin:0 0 30px;display:flex}.home-content .home-tutorials{border-top:1px solid #9bb7c1}.home-content .home-tutorials h2{margin:22px 0;font-size:32px}.home-content .home-tutorials p{max-width:600px;font-size:15px}.home-content .home-tutorials article{max-width:600px;margin-top:30px}.home-content .home-faq h2{font-size:36px;line-height:1.2}.home-content .home-faq .wrap{width:84%}.service-detail .price{font-size:38px}
