:root{--paper:#eeede6;--ink:#11151a;--acid:#e7ff40;--blue:#3158ee;--orange:#ff6241}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans CJK JP','Arial',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}nav{position:fixed;z-index:90;top:0;left:0;right:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:rgba(238,237,230,.93);border-bottom:1px solid #1115;backdrop-filter:blur(18px)}.brand{font:900 26px Arial;letter-spacing:-.08em}.brand i{color:var(--blue);font-style:normal}.navlinks{display:flex;gap:24px;font-size:12px;font-weight:800}.cta{background:var(--ink);color:white;padding:13px 19px;border-radius:100px}.progress{position:fixed;top:70px;height:3px;background:var(--blue);width:0;z-index:100}.stamp{font:700 11px Arial;letter-spacing:.13em}.hero{height:140vh;position:relative;background:var(--paper)}.sticky{height:100vh;position:sticky;top:0;overflow:hidden}.hero .h-inner{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:8vw 6vw 4vw}.hero-kicker{display:flex;gap:16px;align-items:center;margin-bottom:30px}.dash{width:42px;height:2px;background:var(--ink)}h1,h2,h3,p{margin:0}.hero h1{font-size:clamp(64px,10.3vw,170px);line-height:1.12;letter-spacing:-.115em;position:relative;font-weight:900;z-index:4;max-width:1350px}.hero h1 span{display:inline-block}.hero h1 em{color:var(--blue);font-style:normal}.hero-bottom{margin-top:4vw;display:flex;justify-content:space-between;align-items:end;gap:20px;line-height:1.8;font-size:16px;font-weight:650;position:relative;z-index:5}.hero-note{position:absolute;right:9%;top:22%;width:22vw;aspect-ratio:4/3;transform:rotate(8deg);background:var(--acid);border:2px solid var(--ink);z-index:1;display:grid;place-items:center;box-shadow:14px 14px 0 var(--blue)}.hero-note b{font-size:clamp(17px,2.3vw,35px);line-height:1.2;letter-spacing:-.08em;transform:rotate(-9deg)}.spinmark{position:absolute;right:-7vw;bottom:-20vw;width:38vw;aspect-ratio:1;border:3vw solid var(--blue);border-radius:50%}.hero .h-inner{transform:translateY(calc(var(--heroP,0)*-90px))}.hero-note{transform:translate(calc(var(--heroP,0)*-80px),calc(var(--heroP,0)*95px)) rotate(calc(8deg + var(--heroP,0)*18deg))}.chapter{height:310vh;position:relative}.chapter .sticky{background:#101319;color:#fff}.chapter .topline{position:absolute;top:100px;left:5vw;right:5vw;display:flex;justify-content:space-between;color:#aaa;font-size:11px}.chapter .seq{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);width:min(90vw,1500px);height:45vw;max-height:380px}.chapter svg{width:100%;height:100%;overflow:visible}.chapter .outline{fill:transparent;stroke:var(--paper);stroke-width:2.2;paint-order:stroke;stroke-dasharray:2500;stroke-dashoffset:calc(2500px * (1 - var(--trace,0)));opacity:1}.chapter .fill{fill:var(--acid);clip-path:inset(0 var(--fillClip,100%) 0 0)}.chapter .under{position:absolute;bottom:8vh;left:6vw;right:6vw;display:flex;justify-content:space-between;gap:20px;font-size:15px;line-height:1.8}.chapter .dots{font:900 clamp(20px,3vw,48px) Arial;color:var(--acid)}.chapter .sweep{position:absolute;inset:0;background:var(--acid);clip-path:inset(calc((1 - var(--sweep,0))*100%) 0 0 0);pointer-events:none}.split{height:280vh;position:relative}.split .sticky{background:var(--acid);color:var(--ink);display:grid;place-items:center}.split-header{position:absolute;left:5vw;top:14vh;font-size:12px;font-weight:900}.split-word{position:absolute;z-index:10;font-size:clamp(90px,20vw,330px);font-weight:900;letter-spacing:-.12em;line-height:1;transform:translateY(calc(var(--splitP,0)*-20vh)) scale(calc(1 - var(--splitP,0)*.6));opacity:calc(1 - var(--splitP,0)*1.5)}.split-cards{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:12vh 3vw 8vh;transform:scale(calc(.72 + var(--splitP,0)*.28));opacity:var(--splitP,0)}.visual{position:relative;overflow:hidden;border:2px solid var(--ink);display:flex;flex-direction:column;justify-content:end;padding:22px;min-height:300px}.visual:before{content:'';position:absolute;inset:0;opacity:.9}.visual:nth-child(1){background:#343e4c;color:white}.visual:nth-child(2){background:#ee744f;color:#151515}.visual:nth-child(3){background:#3158ee;color:white}.visual:nth-child(1):before{background:radial-gradient(ellipse at 55% 24%,#d3d4cd 0 4%,transparent 4.5%),linear-gradient(132deg,transparent 35%,#111 35% 41%,transparent 41%),linear-gradient(30deg,#65788c,#11161e)}.visual:nth-child(2):before{background:radial-gradient(ellipse at 50% 32%,#222 0 15%,transparent 15.5%),linear-gradient(22deg,#ffbea3,#a63727)}.visual:nth-child(3):before{background:radial-gradient(ellipse at 40% 38%,#c9a386 0 16%,transparent 16.5%),linear-gradient(140deg,#102a6c,#8094d9)}.visual .in{position:relative;z-index:2}.visual strong{font-size:clamp(25px,4vw,64px);line-height:1.2;letter-spacing:-.07em}.visual small{font-size:11px;font-weight:800;display:block;margin-bottom:15px}.ticker{background:var(--blue);color:#fff;padding:20px 0;overflow:hidden;font:900 clamp(36px,6vw,94px) Arial;white-space:nowrap;letter-spacing:-.04em}.ticker div{display:inline-block;animation:marq 16s linear infinite}@keyframes marq{to{transform:translateX(-50%)}}.section{padding:110px 6vw;position:relative;min-height:90vh}.sec-label{font:900 12px Arial;letter-spacing:.14em;display:flex;align-items:center;gap:12px;margin-bottom:32px}.sec-label:before{content:'';width:44px;height:2px;background:currentColor}.statement h2{font-size:clamp(48px,8.5vw,145px);letter-spacing:-.1em;line-height:1.2;max-width:1300px}.statement h2 .line{display:block}.statement h2 .blue{color:var(--blue)}.statement .sub{margin-top:45px;max-width:630px;font-size:17px;line-height:2}.service{background:#15191e;color:var(--paper)}.service>h2{font-size:clamp(60px,11vw,170px);line-height:1;letter-spacing:-.09em;margin-bottom:70px}.service .service-row{border-top:1px solid #ffffff65;padding:24px 0;display:grid;grid-template-columns:70px 1fr 1fr 40px;align-items:center;gap:12px;transition:background .25s, color .25s}.service-row:hover{background:var(--acid);color:#111}.service-row b{font-size:clamp(28px,4.5vw,70px);letter-spacing:-.07em}.service-row p{font-size:13px;line-height:1.8}.process{background:var(--blue);color:white;min-height:110vh}.process h2{font-size:clamp(50px,9vw,130px);letter-spacing:-.09em;line-height:1.15}.steps{display:grid;grid-template-columns:repeat(5,1fr);margin-top:75px}.step{border-left:1px solid white;padding:18px;min-height:250px}.step strong{font:900 clamp(34px,5vw,70px) Arial}.step h3{font-size:24px;margin:40px 0 20px}.step p{font-size:13px;line-height:1.8}.studio{background:var(--paper)}.studio .two{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center}.studio h2{font-size:clamp(65px,10vw,155px);letter-spacing:-.08em;line-height:1}.studio .photo{height:450px;background:linear-gradient(145deg,transparent 55%,#111 55% 60%,transparent 60%),radial-gradient(ellipse at 65% 45%,#f4f4ef 0 15%,transparent 15.5%),linear-gradient(130deg,#5c676c,#141a20);position:relative;overflow:hidden}.studio .photo:after{content:'STUDIO  /  SET READY';position:absolute;left:20px;bottom:20px;color:white;font:900 15px Arial}.studio p{font-size:16px;line-height:2.2;margin-top:36px}.pricing{background:#dcd9d0}.pricing h2,.quality h2{font:900 clamp(68px,11vw,150px) Arial;letter-spacing:-.08em}.pricegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:60px}.price{border:2px solid #111;padding:32px;min-height:230px;background:var(--paper)}.price:nth-child(2){background:var(--acid)}.price h3{font-size:24px;margin:24px 0}.price p{font-size:14px;line-height:2}.quality{background:var(--paper)}.quality p{font-size:clamp(22px,3vw,42px);font-weight:800;letter-spacing:-.04em;line-height:1.7;max-width:1000px;margin-top:50px}.end{background:#11151a;color:white;min-height:85vh;display:flex;flex-direction:column;justify-content:space-between}.end h2{font-size:clamp(70px,12vw,175px);line-height:1.15;letter-spacing:-.11em}.end .contact{border-top:1px solid #888;padding-top:30px;display:flex;justify-content:space-between;gap:24px;align-items:center}.end .contact a{padding:22px 30px;background:var(--acid);color:#111;font-weight:900;border-radius:100px}.v6-motion .reveal{transform:translateY(65px);opacity:0;transition:transform .75s cubic-bezier(.2,.8,.2,1),opacity .65s}.v6-motion .reveal.on{transform:none;opacity:1}.auto{position:fixed;z-index:101;bottom:18px;right:18px;background:var(--orange);color:#111;border:2px solid #111;padding:13px 20px;border-radius:100px;font-weight:900;cursor:pointer}.hint{position:fixed;z-index:10;bottom:25px;left:4vw;color:#888;font:800 10px Arial;mix-blend-mode:difference}@media(max-width:750px){nav{height:62px}.navlinks{gap:8px}.navlinks a:not(.cta){display:none}.hero h1{font-size:clamp(55px,13vw,90px)}.hero-note{right:-3%;top:22%;width:38vw}.hero-bottom{font-size:12px}.chapter .seq{height:55vw;width:95vw}.chapter .under{font-size:12px}.split-cards{grid-template-columns:1fr;padding:7vh 4vw;gap:8px}.visual{min-height:23vh}.visual strong{font-size:29px}.visual:nth-child(3){display:none}.service .service-row{grid-template-columns:35px 1fr 25px}.service-row p{display:none}.steps{grid-template-columns:repeat(2,1fr)}.studio .two,.pricegrid{grid-template-columns:1fr}.studio .photo{height:290px}.end .contact{display:block}.end .contact a{display:inline-block;margin-top:24px}.auto{font-size:12px}}

body.home .wp-site-blocks{padding:0;margin:0}body.home .entry-content{max-width:none!important;margin:0!important;padding:0!important}.bs-v6{margin:0!important;max-width:none!important}.bs-v6>*{margin-block-start:0;margin-block-end:0}.bs-v6 h1{font-size:clamp(64px,10.3vw,170px)!important}.bs-v6 .hero h1{font-weight:900}.bs-v6 .service-row{color:inherit;text-decoration:none}.v6-legal{display:flex;gap:24px;flex-wrap:wrap;background:var(--ink);color:#ccc;border-top:1px solid #ffffff40;padding:24px 6vw;font:11px Arial,sans-serif}.v6-legal span{margin-left:auto}.bs-v6 a:focus-visible,.bs-v6 button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}@media(max-width:750px){.bs-v6 .hero h1{font-size:clamp(55px,13vw,90px)!important}.v6-legal{gap:16px}.v6-legal span{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero,.chapter,.split{height:auto!important}.sticky{position:relative;height:auto;min-height:100svh}.chapter .sticky{min-height:75svh}.chapter{--trace:1!important;--fillClip:0%!important;--sweep:0!important}.split{--splitP:1!important}.split .sticky{min-height:110svh}.split-word{display:none}.reveal{opacity:1!important;transform:none!important}.ticker div{animation:none}.auto{display:none}.hero-note,.h-inner{transform:none!important}}
.v6-lettering{width:100%;height:100%}.v6-lettering>span{font-size:20vw;font-weight:900;color:var(--acid);white-space:nowrap}

body.home{font-size:16px;line-height:normal;font-weight:400}.bs-v6 h2,.bs-v6 h3{font-weight:700}.bs-v6 .pricing h2,.bs-v6 .quality h2{font-weight:900}

.admin-bar .bs-v6 nav{top:32px}.admin-bar .bs-v6 .progress{top:102px}@media(max-width:782px){.admin-bar .bs-v6 nav{top:46px}.admin-bar .bs-v6 .progress{top:106px}}

/* Real studio environments in the original V6 editorial composition. */
.studio .two{grid-template-columns:1.05fr 1fr;gap:5vw}.v6-studio-gallery{display:grid;grid-template-columns:1fr 1fr;gap:22px 16px;min-width:0}.v6-studio-gallery figure{margin:0;min-width:0}.v6-studio-gallery .v6-studio-main{grid-column:1/-1}.v6-studio-gallery a{display:block}.v6-studio-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;filter:saturate(.88) contrast(1.025);transition:filter .3s}.v6-studio-gallery .v6-studio-main img{aspect-ratio:16/10;object-position:center 52%}.v6-studio-gallery figcaption{display:flex;flex-direction:column;gap:6px;padding-top:12px;font-size:12px;line-height:1.5}.v6-studio-gallery figcaption span{font:700 9px Arial,sans-serif;letter-spacing:.1em;color:var(--blue)}.v6-studio-gallery a:hover img{filter:saturate(1) contrast(1.025)}
@media(max-width:750px){.studio .two{grid-template-columns:1fr;gap:36px}.v6-studio-gallery{gap:20px 12px}.v6-studio-gallery figcaption{font-size:11px}.v6-studio-gallery figcaption span{font-size:8px;letter-spacing:.04em}}

.bs-v6 .v6-outline-copy{position:relative}.bs-v6 .split-word.v6-outline-copy{position:absolute}
.bs-v6 .v6-copy-outline{display:block;filter:url(#v6-copy-edge)}
.bs-v6 .v6-copy-fill{display:block;position:absolute;left:0;top:0;width:100%;clip-path:inset(0 100% 0 0);pointer-events:none}
@media(prefers-reduced-motion:reduce){.bs-v6 .v6-copy-outline{filter:none}.bs-v6 .v6-copy-fill{display:none}}

/* Actual production scenes replace the three temporary graphic panels. */
.split .visual{isolation:isolate;color:#fff;background:var(--ink);padding:30px 24px}
.split .visual .split-photo{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.035)}
.split .visual:nth-child(1) .split-photo{object-position:62% center}.split .visual:nth-child(2) .split-photo{object-position:55% center}.split .visual:nth-child(3) .split-photo{object-position:50% 38%}
.split .visual:nth-child(n)::before{z-index:1;opacity:1;background:linear-gradient(180deg,rgba(5,12,20,.05) 30%,rgba(5,12,20,.30) 58%,rgba(5,12,20,.92) 100%)}
.split .visual .in{width:100%;padding-top:44px;text-shadow:0 2px 16px #0008}
.split .visual strong{font-size:clamp(25px,3.4vw,52px);line-height:1.3;letter-spacing:-.065em}
.split .visual small{font:700 10px Arial,sans-serif;letter-spacing:.09em;line-height:1.6;margin-bottom:16px}
@media(max-width:750px){.split .visual{padding:20px}.split .visual strong{font-size:29px}.split .visual .in{padding-top:20px}.split .visual small{font-size:9px;margin-bottom:10px}.split .visual:nth-child(1) .split-photo{object-position:62% 54%}.split .visual:nth-child(2) .split-photo{object-position:center 50%}}

@media(max-width:750px){.split-cards{padding-top:10vh}.split .visual:nth-child(3){display:flex}}

/* Keep the moving note in the space above the headline. */
.bs-v6 .hero-note{right:6vw;top:var(--note-top,86px);width:var(--note-width,120px);transform:translateY(calc(var(--heroP,0)*-90px)) rotate(calc(8deg + var(--heroP,0)*8deg));box-shadow:8px 8px 0 var(--blue)}
.bs-v6 .hero-note b{font-size:var(--note-font,16px);transform:rotate(-8deg)}

/* Give display headings a little more breathing room. */
.bs-v6 .hero h1{letter-spacing:-.065em;line-height:1.2}
.bs-v6 .split-word{letter-spacing:-.07em;line-height:1.08}
.bs-v6 .statement h2{letter-spacing:-.045em;line-height:1.3}
.bs-v6 .service>h2{letter-spacing:-.025em;line-height:1.1}
.bs-v6 .service-row b{letter-spacing:-.035em}
.bs-v6 .process h2{letter-spacing:-.045em;line-height:1.25}
.bs-v6 .studio h2{letter-spacing:-.025em;line-height:1.08}
.bs-v6 .pricing h2,.bs-v6 .quality h2{letter-spacing:-.025em;line-height:1.18}
.bs-v6 .end h2{letter-spacing:-.055em;line-height:1.25}
.bs-v6 .split .visual strong{letter-spacing:-.035em;line-height:1.35}

@media(max-width:750px){.bs-v6 .pricing h2,.bs-v6 .quality h2{font-size:clamp(48px,15vw,68px)}}

.bs-v6 .v6-glyph-title{position:relative}.bs-v6 .split-word.v6-glyph-title{position:absolute}
.bs-v6 .v6-glyph-source{display:block}
.bs-v6 .is-glyph-tracing>.v6-glyph-source{visibility:hidden}
.bs-v6 .v6-glyph-overlay{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
@media(prefers-reduced-motion:reduce){.bs-v6 .is-glyph-tracing>.v6-glyph-source{visibility:visible}.bs-v6 .v6-glyph-overlay{display:none}}

/* Let the note move even before scrolling; keep its reserved text-safe space. */
.bs-v6 .hero-note{animation:v6-note-drift 3.6s ease-in-out infinite;will-change:translate,rotate}
@keyframes v6-note-drift{0%,100%{translate:0 -7px;rotate:-3deg}50%{translate:0 7px;rotate:3deg}}
@media(prefers-reduced-motion:reduce){.bs-v6 .hero-note{animation:none;translate:none;rotate:none;will-change:auto}}

.bs-v6 .is-glyph-solid>.v6-glyph-source{visibility:visible}.bs-v6 .is-glyph-solid>.v6-glyph-overlay{display:none}

/* Keep the opening copy close to the navigation without the decorative card. */
.bs-v6 .hero-note{display:none}
.bs-v6 .hero .h-inner{justify-content:flex-start;padding-top:clamp(100px,14vh,150px)}

.bs-v6 .navlinks{align-items:center;gap:20px}
@media(max-width:750px){.bs-v6 nav{height:108px;align-items:flex-start;padding-top:14px}.bs-v6 .navlinks{position:absolute;left:4vw;right:4vw;top:62px;gap:18px;overflow-x:auto;white-space:nowrap;padding-bottom:10px;font-size:11px}.bs-v6 .navlinks a:not(.cta){display:block}.bs-v6 .navlinks .cta{padding:6px 12px}.bs-v6 .progress{top:106px}.bs-v6 .hero .h-inner{padding-top:140px}}

.bs-v6 .chapter .dots{display:none}

.bs-v6 .hero{height:auto}
.bs-v6 .hero>.sticky{position:relative;height:auto;min-height:0}
.bs-v6 .hero .h-inner{position:relative;padding-bottom:80px}
@media(max-width:750px){.bs-v6 .hero .h-inner{padding-bottom:56px}}

.bs-v6 .chapter .sweep{display:none}

/* Hold the complete opening composition while its lettering fills. */
.bs-v6 .hero{height:calc(var(--hero-stage,100svh) + 50vh)}
.bs-v6 .hero>.sticky{position:sticky;top:0;height:var(--hero-stage,100svh)}
.bs-v6 .hero .h-inner{transform:none}
@media(prefers-reduced-motion:reduce){.bs-v6 .hero{height:auto!important}.bs-v6 .hero>.sticky{position:relative;height:auto;min-height:0}}

.bs-v6 .hero .h-inner{padding-top:clamp(140px,20vh,240px)}
@media(max-width:750px){.bs-v6 .hero .h-inner{padding-top:clamp(140px,21vh,180px)}}

.bs-v6 .hero .h-inner{padding-top:clamp(160px,26vh,300px)}
.bs-v6 .hero .spinmark{width:clamp(160px,28vw,360px);bottom:32px;right:-6vw}
@media(max-width:750px){.bs-v6 .hero .h-inner{padding-top:clamp(140px,23vh,190px)}.bs-v6 .hero .spinmark{width:40vw;bottom:24px;right:-10vw}}

@media(min-width:751px) and (max-height:850px){.bs-v6 .hero .spinmark{width:22vw;right:-10vw;opacity:.18}}

/* The ring settles exactly as the opening lettering finishes filling. */
.bs-v6 .hero .spinmark{transform-origin:center;transform:scale(calc(1 + (1 - var(--circleP,0))*19));will-change:transform;pointer-events:none}
@media(prefers-reduced-motion:reduce){.bs-v6 .hero .spinmark{transform:none;will-change:auto}}

.bs-v6 .hero .spinmark{opacity:1}

/* Let the settled circle extend below the browser edge. */
.bs-v6 .hero .spinmark{bottom:clamp(-180px,-14vw,-80px)}

.bs-v6 .chapter.is-lettering-solid .outline{opacity:0}

@media(min-width:751px){.bs-v6 .split-cards{align-items:center;padding:140px 3vw 64px}.bs-v6 .split .visual{width:100%;aspect-ratio:3/4;min-height:0;max-height:min(560px,72vh)}}

.bs-v6 .service .service-row:hover,.bs-v6 .service .service-row:focus-visible,.bs-v6 .service .service-row:hover *,.bs-v6 .service .service-row:focus-visible *{color:var(--ink)}

.bs-v6 .service .service-row:focus-visible{background:var(--acid)}

.bs-v6 .step strong{display:inline-block;transform-origin:left center}
.bs-v6 .steps.is-number-motion .step strong{animation:v6-step-pulse 5s cubic-bezier(.22,.7,.3,1) infinite}
.bs-v6 .steps .step:nth-child(2) strong{animation-delay:1s}
.bs-v6 .steps .step:nth-child(3) strong{animation-delay:2s}
.bs-v6 .steps .step:nth-child(4) strong{animation-delay:3s}
.bs-v6 .steps .step:nth-child(5) strong{animation-delay:4s}
@keyframes v6-step-pulse{0%,18%,100%{transform:scale(1);color:inherit}7%{transform:scale(1.3);color:var(--acid)}}
@media(prefers-reduced-motion:reduce){.bs-v6 .steps.is-number-motion .step strong{animation:none}}

.bs-v6 .pricing .price{display:block;background:var(--paper);color:var(--ink);transition:transform .25s ease,background-color .25s ease;position:relative}
.bs-v6 .pricing .price:hover,.bs-v6 .pricing .price:focus-visible{background:var(--acid);transform:scale(1.035);z-index:1}
.bs-v6 .v6-price-guide{margin-top:30px;font-size:14px;line-height:1.8}
.bs-v6 .v6-price-guide a{text-decoration:underline;text-underline-offset:4px;font-weight:700}
@media(prefers-reduced-motion:reduce){.bs-v6 .pricing .price{transition:none}.bs-v6 .pricing .price:hover,.bs-v6 .pricing .price:focus-visible{transform:none}}