/* The portfolio below the hero is a separate visual system. Hero rules stay untouched. */
.studio-section{position:relative;isolation:isolate;scroll-margin-top:0;overflow:clip;font-weight:500}
.studio-container{width:min(1440px,88%);margin-inline:auto}
.studio-section h2{font-family:Montserrat,Arial,sans-serif;font-size:clamp(44px,6.7vw,100px);line-height:1.04;letter-spacing:-.065em;font-weight:500;margin:0;text-wrap:balance}
.studio-section p{line-height:1.65;letter-spacing:-.025em}
.studio-section a{color:inherit;text-decoration:none}
.studio-section-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:38px;gap:24px}
.studio-eyebrow,.studio-index{font-size:10px;font-weight:800;letter-spacing:.12em}
.studio-index{opacity:.5}
.studio-button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:18px 24px;border-radius:99px;font-size:12px;font-weight:800;transition:transform .3s,background .3s}
.studio-button:hover{transform:translateY(-3px)}
.studio-button-light{background:#f4f3ef;color:#171717!important}
.studio-button>span:last-child{font-size:23px;line-height:1}
.studio-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:65px}
.studio-heading-row h2{max-width:850px}
.studio-heading-row>p{font-size:14px;min-width:200px;max-width:300px;margin:0 0 6px}
.studio-intro{background:#171717;color:#fff;padding:calc(var(--header-h) + 45px) 0 58px;min-height:100svh}
.studio-intro-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:9%;align-items:center}
.studio-intro-heading h2{max-width:820px;text-transform:none}
.studio-intro-heading p{font-size:clamp(16px,1.5vw,22px);margin:0 0 28px;max-width:490px}
.studio-toolbox{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:16px;background:#252525;border:1px solid #ffffff0d;border-radius:30px;margin:56px 0 35px;perspective:1400px}
.studio-tool{position:relative;aspect-ratio:1.4;border-radius:20px;overflow:hidden;transform:translateY(calc(var(--tool-lift,0px)*var(--studio-travel,0)));transition:translate .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s;box-shadow:0 15px 25px #0002}
.studio-tool:hover{translate:0 -9px;box-shadow:0 25px 40px #0004}
.studio-tool-video{background:linear-gradient(145deg,#ff9c5a,#ea5b0c 65%);color:#fff;--tool-lift:-22px}
.studio-tool-type{background:linear-gradient(140deg,#f5f5f0,#babbb8);color:#171717;--tool-lift:14px}
.studio-tool-brand{background:radial-gradient(ellipse at 65% 30%,#555,#2d2d2d 60%);color:#fff;--tool-lift:-14px}
.tool-number,.tool-caption{position:absolute;left:20px;font-size:9px;font-weight:800;letter-spacing:.1em;z-index:2}
.tool-number{top:20px;opacity:.65}.tool-caption{bottom:20px}
.play-sculpture{position:absolute;inset:22% 25%;border-radius:25%;background:linear-gradient(135deg,#ffb983,#ff7e28 45%,#bd3c00);box-shadow:inset 2px 3px 3px #ffd4adba,inset -4px -4px 8px #9731007d,12px 18px 16px #8c28004d;transform:rotate(-12deg);display:grid;place-items:center;animation:studio-float 8s ease-in-out infinite}
.play-sculpture i{width:38%;height:45%;background:linear-gradient(125deg,#fff,#e8e4d5);clip-path:polygon(0 0,100% 50%,0 100%);margin-left:10%;filter:drop-shadow(1px 4px 3px #8a300077)}
.mini-timecode{position:absolute;right:17px;bottom:18px;font-size:9px;font-family:monospace;opacity:.7}
.type-sculpture{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:clamp(70px,11vw,170px);letter-spacing:-.12em;line-height:1;text-shadow:1px 1px #fff,3px 4px 0 #6663;transform:rotate(-7deg)}
.type-sculpture>span{font-size:.26em;margin:4px 10px 55px 20px;letter-spacing:0;color:#ea5b0c}
.type-baseline{position:absolute;left:10%;right:10%;top:70%;height:1px;background:#17171730}
.brand-sculpture{position:absolute;inset:8% 10%;display:grid;place-items:center;animation:studio-float 10s ease-in-out infinite reverse}
.brand-sculpture img{width:82%;height:100%;object-fit:contain;filter:drop-shadow(12px 18px 12px #0006)}
.studio-intro-note{display:grid;grid-template-columns:1fr 2fr;gap:9%;align-items:center;padding-top:14px}
.studio-intro-note p{max-width:770px;font-size:clamp(14px,1.3vw,19px);margin:0;color:#d2d2cc}
.studio-spark{font-size:75px;line-height:1;color:#ea5b0c;display:inline-block;width:fit-content}
.studio-projects{background:#f3f3ef;color:#171717;padding:110px 0 125px}
.studio-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 22px}
.studio-project{padding:0;border:0;background:none;text-align:left;cursor:pointer;min-width:0}
.studio-project-image{display:block;aspect-ratio:4/5;overflow:hidden;position:relative;border-radius:22px;background:#deded7;isolation:isolate}
.studio-project-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.75,.25,1),filter .5s}
.studio-project:hover .studio-project-image img{transform:scale(1.04)}
.studio-project-open{position:absolute;bottom:18px;right:18px;width:45px;height:45px;border-radius:50%;background:#f4f3ef;color:#171717;display:grid;place-items:center;font-size:23px;transition:transform .4s}
.studio-project:hover .studio-project-open{transform:rotate(45deg)}
.studio-project-caption{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-inline:4px}
.studio-project-caption strong{font-size:18px;font-weight:500;letter-spacing:-.04em}
.studio-project-caption>span{font-size:10px;color:#757571}
.studio-repertoire{background:#ea5b0c;color:#fff;padding:100px 0 80px;border-radius:38px 38px 0 0;margin-top:-32px}
.studio-repertoire-heading{display:flex;align-items:center;justify-content:space-between;gap:40px}
.studio-repertoire-heading h2{max-width:850px}
.studio-orbit{width:190px;height:190px;position:relative;flex-shrink:0;animation:studio-turn 28s linear infinite}
.studio-orbit i{position:absolute;inset:15%;border:2px solid #fff;border-radius:50%;transform:rotateY(65deg)}
.studio-orbit i:nth-child(2){transform:rotate(60deg) rotateY(65deg)}
.studio-orbit i:nth-child(3){transform:rotate(-60deg) rotateY(65deg)}
.studio-repertoire-copy{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin:55px 0 65px}
.studio-repertoire-copy p{font-size:15px;color:#fff;margin:0 0 18px}
.studio-repertoire-copy .studio-lead{font-size:clamp(24px,3vw,43px);line-height:1.25;letter-spacing:-.055em;max-width:540px}
.studio-interests{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;list-style:none;margin:0;padding:0}
.studio-interest{min-width:0;aspect-ratio:1.3;display:flex;align-items:center;justify-content:space-between;flex-direction:column;border:1px solid #ffffff55;border-radius:22px;padding:20px;background:linear-gradient(140deg,#ffffff14,#ffffff00);transition:background .4s,translate .4s}
.studio-interest:hover{background:#ffffff24;translate:0 -5px}
.studio-interest>span:last-child{font-size:9px;letter-spacing:.13em;font-weight:800}
.interest-art{height:calc(100% - 24px);width:100%;display:flex;align-items:center;justify-content:center;position:relative;min-height:70px}
.interest-film{gap:7px;transform:rotate(-10deg)}
.interest-film i{width:22%;height:47%;border:2px solid #fff;border-block:6px dotted #fff;border-radius:2px}
.interest-music{gap:6px}.interest-music i{width:8px;height:32%;border-radius:10px;background:#fff;animation:studio-equalizer 2.8s ease-in-out infinite alternate}
.interest-music i:nth-child(2n){height:62%;animation-delay:-.8s}.interest-music i:nth-child(3n){height:85%;animation-delay:-1.9s}
.interest-thought{font-size:100px;line-height:1}.interest-thought:hover{animation:studio-turn 12s linear infinite}
.interest-mind i{width:53px;height:72px;border:2px solid white;border-radius:50%;position:absolute}.interest-mind i:nth-child(1){translate:-24px 0}.interest-mind i:nth-child(3){translate:24px 0}
.interest-anime{font-size:110px;line-height:1;text-shadow:10px 5px #ffffff40}
.interest-design{font-family:Georgia,serif;font-size:80px;letter-spacing:-.08em}
.interest-book i{width:36%;height:65%;border:2px solid #fff;background:repeating-linear-gradient(0deg,transparent 0 9px,#ffffff3d 9px 10px);transform:skewY(10deg);border-radius:5px 0 0 5px}.interest-book i+i{transform:skewY(-10deg);border-radius:0 5px 5px 0}
.interest-ball i{width:85px;height:85px;border:2px solid #fff;border-radius:50%;position:relative;overflow:hidden}.interest-ball i::before,.interest-ball i::after{content:'';position:absolute;inset:-2px 25%;border:2px solid #fff;border-radius:50%;transform:rotate(25deg)}.interest-ball i::after{inset:25% -2px;transform:rotate(25deg)}
.studio-repertoire-end{text-align:center;font-size:14px;margin:40px 0 0}
.studio-process{padding:110px 0 120px;background:#f3f3ef;color:#171717}
.studio-process-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:start}
.studio-step{border-top:1px solid #17171730;padding:24px 0}
.studio-step:last-child{border-bottom:1px solid #17171730}
.studio-step summary{display:flex;gap:24px;align-items:center;cursor:pointer;list-style:none}.studio-step summary::-webkit-details-marker{display:none}
.studio-step summary>span{font-size:11px;color:#777}.studio-step h3{font-size:clamp(24px,3vw,42px);font-weight:500;letter-spacing:-.055em;margin:0}
.studio-step summary>i{margin-left:auto;font-size:26px;font-style:normal;font-weight:500;color:#ea5b0c;transition:transform .3s}
.studio-step[open] summary>i{transform:rotate(45deg)}
.studio-step p{margin:22px 0 0 38px;font-size:14px;max-width:430px;animation:studio-copy-in .45s ease-out}
.studio-editor{background:#202020;color:#fff;border-radius:25px;padding:20px;box-shadow:0 32px 50px -30px #15151577;--playhead:0%;--editor-rotation:-15deg}
.studio-editor-bar{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.06em;color:#b4b4ae;margin-bottom:20px;align-items:center}
.studio-editor-bar i{display:inline-block;width:6px;height:6px;background:#ea5b0c;border-radius:50%;margin-right:6px}
.studio-editor-preview{height:270px;border-radius:12px;background:#ea5b0c;position:relative;overflow:hidden;display:grid;place-items:center}
.editor-word{font-size:clamp(44px,6vw,88px);letter-spacing:-.075em;z-index:1;line-height:1;color:#fff;font-weight:800;transform:rotate(-5deg);transition:transform .5s}
.editor-orbit{position:absolute;width:60%;aspect-ratio:1;border:18px solid #ffa262;border-radius:50%;transform:rotate(var(--editor-rotation)) scaleX(.6);box-shadow:4px 2px #b8370033;transition:transform .45s}
.editor-cross{position:absolute;width:12px;height:12px}.editor-cross::before,.editor-cross::after{content:'';position:absolute;inset:5px 0;background:#ffffffaa}.editor-cross::after{transform:rotate(90deg)}.cross-a{top:18px;left:18px}.cross-b{bottom:18px;right:18px}
.editor-preview-label{position:absolute;bottom:18px;left:18px;font:9px monospace}
.studio-editor-controls{display:flex;justify-content:space-between;margin:24px 0 14px;font-size:8px;letter-spacing:.04em;color:#cbcbc6}
.studio-editor-controls output{font:10px monospace;color:#fff}
.studio-timeline{position:relative;display:grid;gap:6px;overflow:hidden;padding-top:6px;border-top:1px solid #ffffff22}
.studio-timeline>div{display:flex;gap:5px;height:28px}.studio-timeline i{display:block;width:33%;background:#f0a274;border-radius:3px;border:1px solid #ffca9d55}.studio-timeline i:nth-child(2){width:40%;background:#ea5b0c}.studio-timeline>div:nth-child(2){padding-left:15%}.studio-timeline>div:nth-child(2) i{width:43%;background:#cccac1}.studio-timeline>div:nth-child(2) i+i{width:30%;background:#96958d}
.studio-timeline .timeline-wave{height:23px;background:repeating-linear-gradient(90deg,#8d967a 0 2px,#4b5143 2px 5px);clip-path:polygon(0 35%,5% 22%,9% 40%,14% 10%,19% 28%,25% 0,32% 23%,40% 38%,46% 0,52% 25%,60% 10%,69% 28%,77% 0,85% 24%,93% 13%,100% 40%,100% 70%,93% 85%,85% 76%,77% 100%,69% 72%,60% 90%,52% 75%,46% 100%,40% 62%,32% 77%,25% 100%,19% 72%,14% 90%,9% 60%,5% 78%,0 65%)}
.studio-playhead{position:absolute;left:clamp(1px,var(--playhead),calc(100% - 2px));top:0;bottom:0;width:2px;background:white;box-shadow:0 0 8px #000;pointer-events:none}
.studio-scrubber{display:flex;align-items:center;gap:20px;font-size:9px;margin-top:20px;color:#d2d2cc}.studio-scrubber input{min-width:0;flex:1;accent-color:#ea5b0c;cursor:ew-resize}
.studio-testimonials{background:#171717;color:#f8f8f4;padding:95px 0 70px}
.studio-quote-controls{display:flex;gap:20px;align-items:center;flex-shrink:0}.studio-quote-controls>span{font-size:10px;letter-spacing:.08em;color:#aaa}
.studio-quote-controls button{width:45px;height:45px;border:1px solid #ffffff55;border-radius:50%;background:none;color:#fff;font-size:22px;cursor:pointer;transition:background .3s,color .3s}.studio-quote-controls button:hover{background:white;color:#171717}
.studio-quote-layout{display:grid;grid-template-columns:1fr 4fr;gap:20px;align-items:start;min-height:360px}
.studio-quote-mark{font:180px/.9 Georgia,serif;color:#ea5b0c}
.studio-quote{margin:0;padding:5px 0 45px;max-width:1050px}
.studio-quote blockquote{font-size:clamp(19px,2.1vw,31px);letter-spacing:-.035em;line-height:1.48;margin:0;text-wrap:pretty;user-select:text}
.studio-quote figcaption{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#bcbcb5;margin-top:26px}
.studio-quote.is-changing{animation:studio-copy-in .5s ease both}
.studio-clients{display:flex;justify-content:space-between;gap:22px;border-top:1px solid #ffffff22;padding-top:30px;flex-wrap:wrap}
.studio-clients button{border:0;background:none;color:#898984;font-size:clamp(16px,2vw,27px);font-weight:500;letter-spacing:-.055em;cursor:pointer;padding:5px 0;transition:color .3s}.studio-clients button[aria-pressed=true],.studio-clients button:hover{color:white}
.studio-footer{background:#ea5b0c;color:white;padding:42px 0 30px}
.studio-footer-top,.studio-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:10px}
.studio-footer-top{font-size:10px;letter-spacing:.04em}.studio-footer-top a{display:flex;align-items:center;gap:15px}
.studio-signature{font-family:'Bebas Neue',Impact,sans-serif;font-size:clamp(65px,14.5vw,240px);line-height:.95!important;letter-spacing:-.025em!important;margin:65px 0 40px;white-space:nowrap}
.studio-signature span{display:inline-block;font:500 .15em Montserrat,Arial;vertical-align:top;margin-top:.3em;margin-left:.4em}
.studio-footer-bottom{border-top:1px solid #ffffff4d;padding-top:22px;font-size:9px}.studio-footer-bottom>div{display:flex;gap:20px}.studio-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.studio-section a:focus-visible,.studio-section summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.studio-motion .studio-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .9s cubic-bezier(.22,.61,.36,1)}
.studio-motion .studio-reveal.is-visible{opacity:1;transform:none}
.studio-modal{border:1px solid #ffffff33;border-radius:22px;background:#171717;color:#fff;width:min(1040px,94vw);max-height:94svh;padding:20px;overflow:auto;z-index:3000}
.studio-modal::backdrop{background:#080808d9;backdrop-filter:blur(12px)}
.studio-modal-head,.studio-modal-nav{display:flex;align-items:center;justify-content:space-between;gap:20px}.studio-modal-head h2{font-size:18px;font-weight:500;margin:0}.studio-modal button{border:1px solid #ffffff55;background:transparent;color:white;border-radius:50%;width:42px;height:42px;font-size:22px;cursor:pointer}.studio-modal-media{display:grid;place-items:center;min-height:150px;margin:16px 0}.studio-modal-media img,.studio-modal-media video{max-width:100%;max-height:70svh;object-fit:contain;border-radius:8px}.studio-modal-nav{justify-content:center;font-size:11px}.studio-modal-nav[hidden]{display:none}.studio-modal-open{overflow:hidden}
@keyframes studio-float{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -9px;rotate:3deg}}
@keyframes studio-turn{to{rotate:360deg}}
@keyframes studio-equalizer{to{transform:scaleY(.5)}}
@keyframes studio-copy-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.studio-toolbox{max-width:1250px;margin-inline:auto}.studio-tool{aspect-ratio:1.6}}
@media(max-width:1000px){.studio-container{width:90%}.studio-section h2{font-size:clamp(42px,7vw,76px)}.studio-toolbox{margin-top:40px;gap:10px;padding:10px;border-radius:24px}.studio-tool{aspect-ratio:1.1}.tool-number,.tool-caption{font-size:8px;left:14px}.tool-number{top:14px}.tool-caption{bottom:14px}.mini-timecode{display:none}.studio-orbit{width:130px;height:130px}.studio-editor-preview{height:240px}.studio-quote-layout{grid-template-columns:.6fr 4fr}.studio-project-grid{gap:35px 16px}.studio-project-image{border-radius:16px}}
@media(max-width:760px){
 .studio-container{width:calc(100% - 36px)}.studio-section-top{padding-bottom:30px}.studio-eyebrow,.studio-index{font-size:8px;letter-spacing:.08em}
 .studio-section h2{font-size:clamp(38px,10vw,66px);letter-spacing:-.06em}.studio-intro{padding:calc(var(--header-h) + 28px) 0 40px}
 .studio-intro-heading{grid-template-columns:1fr;gap:25px}.studio-intro-heading h2{max-width:530px}.studio-intro-heading p{font-size:15px;max-width:500px;margin-bottom:20px}.studio-button{padding:14px 21px;font-size:11px}
 .studio-toolbox{margin:35px 0 28px;gap:7px;padding:8px;border-radius:18px}.studio-tool{border-radius:11px;aspect-ratio:.8;transform:none}.tool-number{left:8px;top:10px;font-size:6px}.tool-caption{left:8px;bottom:10px;font-size:5px;letter-spacing:.02em}.play-sculpture{inset:26% 17%;border-radius:16px}.type-sculpture{font-size:15vw}.type-sculpture>span{font-size:.27em;margin:0 0 28px 5px}.brand-sculpture{inset:15% 0}.brand-sculpture img{width:100%}
 .studio-intro-note{grid-template-columns:40px 1fr;gap:20px}.studio-spark{font-size:42px}.studio-intro-note p{font-size:12px}
 .studio-projects,.studio-process{padding:75px 0 80px}.studio-heading-row{align-items:flex-start;flex-direction:column;gap:24px;margin-bottom:36px}.studio-heading-row>p{font-size:13px;max-width:100%;min-width:0}
 .studio-project-grid{grid-template-columns:1fr 1fr;gap:28px 12px}.studio-project-caption{margin-top:12px;padding:0}.studio-project-caption strong{font-size:15px}.studio-project-caption>span{font-size:8px}.studio-project-open{width:32px;height:32px;bottom:10px;right:10px;font-size:18px}.studio-project-image{border-radius:12px}
 .studio-repertoire{padding:65px 0 50px;border-radius:25px 25px 0 0;margin-top:-22px}.studio-repertoire-heading{gap:12px}.studio-repertoire-heading h2{max-width:80%}.studio-orbit{width:65px;height:85px}.studio-orbit i{border-width:1px;inset:15% 0}.studio-repertoire-copy{grid-template-columns:1fr;gap:15px;margin:35px 0}.studio-repertoire-copy .studio-lead{font-size:26px;max-width:400px}.studio-repertoire-copy p{font-size:13px}
 .studio-interests{grid-template-columns:repeat(2,1fr);gap:10px}.studio-interest{padding:15px;aspect-ratio:1.15;border-radius:16px}.studio-interest>span:last-child{font-size:8px}.interest-thought{font-size:80px}.interest-anime{font-size:90px}.interest-design{font-size:70px}.interest-mind i{height:62px;width:42px}.interest-ball i{width:65px;height:65px}.studio-repertoire-end{font-size:12px;max-width:270px;margin:30px auto 0}
 .studio-process-layout{grid-template-columns:1fr;gap:32px}.studio-step h3{font-size:28px}.studio-step{padding:22px 0}.studio-step p{margin-top:20px;font-size:13px}.studio-editor{border-radius:20px;padding:16px}.studio-editor-preview{height:250px}.editor-word{font-size:64px}.studio-scrubber{font-size:9px}
 .studio-testimonials{padding:65px 0 50px}.studio-testimonials .studio-heading-row{flex-direction:row;align-items:center;gap:15px}.studio-quote-controls{gap:8px}.studio-quote-controls button{width:32px;height:32px;font-size:18px}.studio-quote-controls>span{font-size:8px}.studio-testimonials h2{font-size:38px}.studio-quote-layout{display:block;min-height:470px}.studio-quote-mark{display:block;font-size:95px;height:70px}.studio-quote blockquote{font-size:19px}.studio-quote figcaption{font-size:10px}.studio-clients{gap:14px 22px;justify-content:flex-start;padding-top:24px}.studio-clients button{font-size:19px}
 .studio-footer{padding:30px 0 25px}.studio-footer-top{font-size:8px}.studio-signature{font-size:14vw;margin:45px 0 30px}.studio-footer-bottom{flex-wrap:wrap;gap:15px;font-size:8px}.studio-footer-bottom>span:last-child{width:100%;padding-top:8px}.studio-modal{padding:12px;border-radius:15px}.studio-modal-media img,.studio-modal-media video{max-height:65svh}
}
@media(prefers-reduced-motion:reduce){.studio-section *,.studio-modal *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.studio-motion .studio-reveal{opacity:1;transform:none}.studio-tool{transform:none}}
@media(hover:none){.studio-tool:hover,.studio-interest:hover{translate:none}}

/* Original five-chapter structure, enriched with spatial graphic layers. */
.studio-section{min-height:100svh;border-radius:0;margin-top:0}
.studio-container{position:relative;z-index:1}
.studio-section-top{padding-bottom:24px;min-height:20px}
.scene-coordinates{font:10px monospace;letter-spacing:.15em;opacity:.55}
.studio-button{border:0;cursor:pointer;text-align:left}.studio-button>span:first-child{line-height:1.3}.studio-button>span:first-child br{display:revert}
.studio-toolbox{position:relative;z-index:1;overflow:visible;background:#242424b0;backdrop-filter:blur(10px)}
.studio-toolbox::before{content:'';position:absolute;left:-20px;right:-20px;top:42%;height:1px;background:linear-gradient(90deg,transparent,#fff3,transparent);z-index:-1}
.studio-tool-video::after{content:'';position:absolute;inset:30% 10%;border:1px solid #fff5;border-radius:12px;transform:rotate(16deg);pointer-events:none}
.studio-tool-type::after{content:'';position:absolute;inset:18% 8%;border:1px solid #17171730;background:radial-gradient(circle at 0 0,#171717 2px,transparent 3px);pointer-events:none}
.studio-tool-brand::after{content:'';position:absolute;inset:15% 22%;border:1px solid #f5f4ec50;border-radius:50%;transform:rotate(-35deg) scaleX(.8);pointer-events:none}
.scene-ornaments{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;contain:paint}
.scene-ornaments i{display:block;position:absolute;font-style:normal}
.scene-ring{width:42vw;height:42vw;border:1px solid #ffffff1a;border-radius:50%;right:-20vw;top:10%;box-shadow:0 0 0 22px #ffffff04,0 0 0 65px #ffffff03;animation:scene-breathe 13s ease-in-out infinite alternate}
.scene-ring::after{content:'';width:9px;height:9px;position:absolute;left:14%;top:14%;border-radius:50%;background:#ea5b0c;box-shadow:0 0 30px #ea5b0c60}
.ring-secondary{width:28vw;height:28vw;right:auto;left:-17vw;top:65%;animation-delay:-5s}
.scene-grid{inset:0;background-image:radial-gradient(circle,#ffffff36 .7px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(120deg,transparent 28%,black);opacity:.25}
.scene-star{color:#ea5b0c;right:6%;top:6%;font-size:54px;opacity:.2;animation:studio-turn 36s linear infinite}
.scene-cross{left:3%;top:57%;font:32px monospace;opacity:.2}
.studio-repertoire .scene-ring{border-color:#ffffff40;top:20%;right:-12vw;box-shadow:0 0 0 40px #ffffff06,0 0 0 95px #ffffff03}
.studio-repertoire .scene-ring::after{background:white}.studio-repertoire .scene-star{color:white}
.studio-process .scene-ring{border-color:#1717171a;box-shadow:0 0 0 30px #17171703}.studio-process .scene-grid{background-image:radial-gradient(circle,#17171740 .7px,transparent 1px)}
.studio-testimonials .scene-star{right:8%;top:17%;font-size:160px;opacity:.08}.studio-testimonials .scene-ring{right:-20%;top:45%;width:70vw;height:70vw}
.studio-process-copy{display:grid;gap:25px;counter-reset:process;max-width:540px}
.studio-process-copy p{position:relative;margin:0;padding:0 0 25px 42px;border-bottom:1px solid #17171720;font-size:clamp(14px,1.2vw,18px)}
.studio-process-copy p::before{counter-increment:process;content:'0' counter(process);position:absolute;left:0;top:4px;font:10px monospace;color:#ea5b0c}
.studio-process-copy p:last-child{border:0;padding-bottom:0}
.studio-legal{display:flex;gap:20px;justify-content:flex-end;border-top:1px solid #ffffff12;padding-top:18px;margin-top:24px;font-size:9px;color:#999;position:relative}
.studio-legal a:hover{color:white}
.studio-portfolio{width:min(1120px,94vw);max-height:92svh;border:1px solid #ffffff30;border-radius:25px;padding:25px;background:#efefeb;color:#171717;overscroll-behavior:contain}
.studio-portfolio::backdrop{background:#080808dd;backdrop-filter:blur(14px)}
.studio-portfolio-head{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}
.studio-portfolio-head h2{font-size:20px;line-height:1.3;letter-spacing:-.03em;margin:0;font-weight:500}.studio-portfolio-head h2 br{display:revert}
.studio-portfolio-close{width:42px;height:42px;border-radius:50%;border:1px solid #17171740;background:none;font-size:24px;cursor:pointer;flex-shrink:0}
.studio-portfolio .studio-project{color:#171717}.studio-portfolio .studio-project-grid{padding-bottom:8px}
.scene-transition-stage{position:fixed;inset:0;z-index:860;overflow:hidden;pointer-events:none;isolation:isolate;contain:paint}
.scene-frame{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;will-change:clip-path,transform}
.scene-frame>.studio-section{min-height:100%;pointer-events:none}
.scene-frame .studio-reveal{opacity:1!important;transform:none!important;transition:none!important}
.studio-section:focus{outline:none}
.scene-frame .studio-container{width:min(1440px,88%)}
.scene-frame .studio-container{will-change:transform;transform-origin:50% 50%}
.is-scene-transition .site-header{transition:color .3s}
@keyframes scene-breathe{from{transform:rotate(-12deg) scale(.94)}to{transform:rotate(18deg) scale(1.08)}}
@media(min-width:1001px){
 .studio-section{padding:calc(var(--header-h) + 20px) 0 32px;display:flex;align-items:center}
 .studio-section h2{font-size:clamp(42px,5vw,78px)}
 .studio-toolbox{margin:30px 0 22px;gap:14px;padding:12px}.studio-tool{aspect-ratio:1.8;max-height:260px}.type-sculpture{font-size:clamp(80px,9vw,135px)}
 .studio-intro-note{padding-top:0}.studio-intro-note p{font-size:14px}.studio-spark{font-size:60px}
 .studio-repertoire>.studio-container{display:grid;grid-template-columns:1.05fr 1fr;column-gap:7%;grid-template-areas:'meta meta' 'title cards' 'copy cards' 'end cards';align-items:center}
 .studio-repertoire .studio-section-top{grid-area:meta}.studio-repertoire-heading{grid-area:title;align-self:start}
 .studio-repertoire-heading h2{max-width:100%;font-size:clamp(40px,4.2vw,65px)}.studio-repertoire-heading>.studio-orbit{display:none}
 .studio-repertoire-copy{grid-area:copy;display:block;margin:26px 0 0}.studio-repertoire-copy .studio-lead{font-size:clamp(20px,2vw,30px);margin-bottom:20px}.studio-repertoire-copy p{font-size:13px;margin-bottom:15px}
 .studio-interests{grid-area:cards;grid-template-columns:repeat(4,1fr);gap:10px;perspective:1000px;align-items:center}
 .studio-interest{aspect-ratio:.57;padding:16px 7px;border-radius:50px;box-shadow:inset 0 1px 0 #fff4,0 15px 30px #88300018}
 .studio-interest:nth-child(even){translate:0 15px}.studio-interest:nth-child(3n){translate:0 -12px}
 .studio-interest>span:last-child{font-size:7px;letter-spacing:.06em}.interest-art{min-height:60px}.interest-art.interest-thought{font-size:70px}.interest-art.interest-anime{font-size:80px}.interest-art.interest-design{font-size:60px}.interest-ball i{width:58px;height:58px}.interest-mind i{width:35px;height:60px}.interest-mind i:nth-child(1){translate:-15px 0}.interest-mind i:nth-child(3){translate:15px 0}
 .studio-repertoire-end{grid-area:end;text-align:left;font-size:13px;margin:10px 0 0}
 .studio-heading-row{margin-bottom:40px}.studio-process-layout{align-items:center}.studio-editor-preview{height:200px}.studio-editor{padding:18px}.studio-editor-controls{margin:16px 0 12px}.studio-timeline>div{height:23px}
 .studio-quote-layout{min-height:260px}.studio-quote blockquote{font-size:clamp(18px,1.85vw,28px)}.studio-quote{padding-bottom:25px}.studio-clients{padding-top:20px}
}
@media(max-width:1000px){.scene-frame .studio-container{width:90%}}
@media(max-width:760px){
 .studio-section{padding-top:calc(var(--header-h) + 25px);padding-bottom:35px}.studio-section-top{padding-bottom:22px}
 .scene-frame .studio-container{width:calc(100% - 36px)}
 .studio-repertoire{margin-top:0;border-radius:0}.studio-repertoire-copy{margin:25px 0}.studio-interests{gap:10px}.studio-interest{aspect-ratio:1.35}.interest-art{min-height:50px}.interest-thought{font-size:65px}.interest-anime{font-size:70px}.interest-design{font-size:60px}.interest-ball i{width:56px;height:56px}
 .studio-process-copy{gap:22px}.studio-process-copy p{font-size:13px;padding-left:30px;padding-bottom:22px}.studio-process-layout{gap:30px}
 .studio-testimonials .studio-heading-row{flex-wrap:wrap}.studio-testimonials h2{font-size:38px}.studio-quote-layout{min-height:0}.studio-quote blockquote{font-size:17px}.studio-quote-mark{height:55px;font-size:80px}.studio-quote{padding-bottom:30px}
 .scene-star{font-size:35px;top:11%}.scene-ring{width:80vw;height:80vw;right:-55vw;top:40%}.ring-secondary{left:-65vw;right:auto;top:70%}
 .studio-portfolio{padding:18px;border-radius:18px}.studio-portfolio-head h2{font-size:16px}.studio-legal{font-size:8px;gap:16px;justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){.scene-transition-stage{display:none}.scene-ornaments *{animation:none!important}}

/* Quiet decoration, without starbursts or chapter counters. */
.scene-ring::after{display:none}
.studio-intro-note{display:block;max-width:770px;margin-left:auto}
.studio-intro-note p{max-width:none}
.interest-thought{font-family:Georgia,serif}

/* A shared editorial grid and quieter surfaces carry the same rhythm between chapters. */
.studio-section h2{letter-spacing:-.055em;line-height:1.06}
.studio-intro-heading,.studio-process-layout{column-gap:7%}
.studio-toolbox{border-radius:20px;backdrop-filter:none;background:#222}
.studio-tool{border-radius:12px}
.studio-interest{transition:background .45s,translate .55s cubic-bezier(.22,.61,.36,1)}
.scene-grid{opacity:.12}
.scene-ring{animation-duration:22s}
.studio-heading-row{gap:32px}
@media(min-width:1001px){
 .studio-section{padding-top:calc(var(--header-h) + 28px);padding-bottom:40px}
 .studio-intro-heading{grid-template-columns:1.05fr 1fr}
 .studio-intro-heading h2{max-width:600px}
 .studio-toolbox{margin:32px 0 26px}
 .studio-intro-note{max-width:none;width:calc(48.5% - 3.5%)}
 .studio-repertoire-heading h2{font-size:clamp(40px,4.5vw,68px)}
 .studio-interests{gap:12px}
 .studio-interest{aspect-ratio:.78;border-radius:14px;padding:18px 8px;box-shadow:none;background:#ffffff06}
 .studio-interest:nth-child(even),.studio-interest:nth-child(3n){translate:none}
 .studio-interest:hover{translate:0 -4px;background:#ffffff15}
 .studio-interest>span:last-child{font-size:8px;letter-spacing:.08em}
 .studio-repertoire-copy p{font-size:14px;line-height:1.65}
 .studio-process-copy{gap:28px}
 .studio-quote-layout{grid-template-columns:.65fr 4fr;gap:32px}
 .studio-quote-mark{font-size:140px}
}
@media(max-width:760px){
 .studio-toolbox{border-radius:16px}
 .studio-tool{border-radius:10px}
 .studio-interest{border-radius:12px}
 .studio-intro-note{width:auto}
}