/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme{:host,:root{--font-sans:"OPPO Sans","Source Han Sans SC","Noto Sans CJK SC","Inter",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"OPPO Sans","Source Han Sans SC","Noto Sans CJK SC","Inter",sans-serif;--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.block{display:block}.grid{display:grid}.hidden{display:none}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--yito-black:#030403;--yito-panel:#090a09;--yito-paper:#f4f4ef;--yito-muted:#9a9c93;--yito-dim:#5e625b;--yito-green:#8bcf4a;--yito-line:#f4f4ef33}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--yito-black)}body{color:var(--yito-paper);font-family:var(--font-sans);background:radial-gradient(circle at 76% 8%,#ffffff17,#0000 18rem),linear-gradient(#020302,#080908 42%,#020302);margin:0}a{color:inherit;text-decoration:none}.site-footer{z-index:2;color:var(--yito-muted);background:#030403;border-top:1px solid #f4f4ef24;justify-content:space-between;gap:1.4rem;padding:1.4rem clamp(1rem,3vw,2rem);font-size:.78rem;display:flex;position:relative}.footer-brand,.footer-meta{gap:.35rem;display:grid}.footer-brand strong{color:var(--yito-paper);font-size:1rem;font-weight:400}.footer-meta{text-align:right;justify-items:end}.site-footer a{align-items:center;gap:.45rem;transition:color .18s;display:inline-flex}.site-footer a:hover{color:var(--yito-paper)}.site-footer img{object-fit:contain;width:18px;height:20px}::selection{background:var(--yito-green);color:#061004}.site-shell{background-image:linear-gradient(#f4f4ef11 1px,#0000 0),linear-gradient(90deg,#f4f4ef0e 1px,#0000 0);background-size:100% 19rem,33.333% 100%;min-height:100vh;padding-top:4.4rem;display:block;position:relative;overflow-x:hidden}.site-shell:before{z-index:5;pointer-events:none;content:"";mix-blend-mode:overlay;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.32'/%3E%3C/svg%3E");position:fixed;inset:0}.floating-nav{z-index:20;border-bottom:1px solid var(--yito-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030403ad;justify-content:space-between;align-items:center;gap:1rem;min-height:4.4rem;padding:0 2rem;display:flex;position:fixed;top:0;left:0;right:0}.floating-nav img{object-fit:contain;width:2.15rem;height:2.15rem}.floating-nav nav{color:var(--yito-muted);text-transform:uppercase;align-items:center;gap:clamp(1rem,3vw,2.3rem);font-size:.76rem;display:flex}.floating-nav a{transition:color .18s}.floating-nav a:hover{color:var(--yito-green)}.hover-nav-link{place-items:center;min-width:4.2rem;min-height:1.4rem;font-weight:500;display:inline-grid;position:relative;overflow:hidden}.hover-nav-link span{grid-area:1/1;transition:transform .24s,opacity .24s,color .24s}.hover-nav-link .nav-zh{opacity:0;color:var(--yito-green);transform:translateY(80%)}.hover-nav-link:hover .nav-en{opacity:0;transform:translateY(-80%)}.hover-nav-link:hover .nav-zh{opacity:1;transform:translateY(0)}.nav-cta{min-height:1.9rem;color:var(--yito-green);border:1px solid #8bcf4a57;align-items:center;padding:0 .65rem;display:inline-flex}.chapter{border-bottom:1px solid var(--yito-line);background:linear-gradient(120deg,#ffffff07,#0000 42%),#030403db;gap:clamp(1.2rem,2.2vw,2.6rem);min-height:calc(100vh - 4.4rem);padding:clamp(2rem,3.8vw,4.6rem);scroll-margin-top:4.4rem;display:grid;position:relative;overflow:hidden}.chapter-no{color:var(--yito-green);font-size:.92rem;line-height:1;position:absolute;top:1.65rem;right:clamp(1.4rem,3vw,2.4rem)}.chapter-heading{align-self:start;max-width:36rem;padding-right:3.2rem}.chapter-heading h2,.hero-copy h1{letter-spacing:0;margin:0;font-weight:300}.chapter-heading h2{max-width:34rem;font-size:clamp(2.2rem,4.4vw,5.4rem);line-height:1.02}.chapter-heading p,.hero-subtitle{color:var(--yito-muted);margin:.55rem 0 0;font-size:clamp(.9rem,1.15vw,1.25rem)}.hero-description,.hero-note,.hero-positioning{color:var(--yito-muted);margin:.65rem 0 0;line-height:1.7}.hero-positioning{color:var(--yito-paper);font-size:clamp(1rem,1.25vw,1.35rem)}.hero-description{max-width:30rem;color:var(--yito-paper);font-size:clamp(1rem,1.35vw,1.45rem)}.hero-note{max-width:31rem;font-size:.86rem}.category-tags,.hero-tags{flex-wrap:wrap;gap:.45rem;margin-top:1rem;display:flex}.category-tags span,.hero-tags span{color:var(--yito-muted);border:1px solid #8bcf4a3d;padding:.32rem .48rem;font-size:.68rem;line-height:1}.hero-chapter{grid-template-columns:minmax(18rem,.34fr) minmax(30rem,.66fr);align-items:stretch}.hero-chapter .cinematic-visual{grid-column:2}.hero-copy{z-index:1;flex-direction:column;justify-content:center;max-width:34rem;display:flex}.brand-lockup img{object-fit:contain;width:clamp(5rem,7vw,8rem);height:auto}.hero-copy h1{margin-top:clamp(1.4rem,2.3vw,2rem);font-size:clamp(3rem,6vw,7.4rem);line-height:1.08}.green-rule{background:var(--yito-green);width:3.6rem;height:1px;margin-top:1.2rem;box-shadow:0 0 18px #8bcf4a8c}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.5rem;display:flex}.hero-actions a,.text-link{min-height:2.4rem;color:var(--yito-green);align-items:center;gap:.45rem;font-size:.86rem;display:inline-flex}.hero-actions a{background:#8bcf4a0b;border:1px solid #8bcf4a5c;padding:0 .9rem}.scroll-world-hero{border-bottom:1px solid var(--yito-line);background:#030403;height:calc(100svh - 4.4rem);min-height:42rem;scroll-margin-top:4.4rem;position:relative;overflow:hidden}.scroll-world-sticky{height:100%;min-height:inherit;isolation:isolate;position:relative;overflow:hidden}.scroll-world-media,.scroll-world-vignette{position:absolute;inset:0}.scroll-world-media{z-index:0;contain:paint;background:#030403}.scroll-world-media video,.scroll-world-poster{object-fit:cover;object-position:58% 50%;backface-visibility:hidden;will-change:transform;width:100%;height:100%;position:absolute;inset:0;transform:translateZ(0)}.scroll-world-media video{z-index:2}.scroll-world-poster{z-index:1;filter:grayscale(.08)contrast(1.14)brightness(.72);transform:translateZ(0)scale(1.025)}.scroll-world-vignette{z-index:3;pointer-events:none;background:linear-gradient(90deg,#030403f5,#030403bd 34%,#03040333 62%,#030403d1),linear-gradient(#0304038f,#0304032e 44%,#030403eb),radial-gradient(circle at 76% 52%,#8bcf4a21,#0000 30rem)}.scroll-world-vignette:after{content:"";opacity:.8;background-image:linear-gradient(#f4f4ef11 1px,#0000 0),linear-gradient(90deg,#f4f4ef0d 1px,#0000 0);background-size:100% 19rem,33.333% 100%;position:absolute;inset:0}.scroll-world-copy{z-index:4;flex-direction:column;justify-content:center;max-width:36rem;min-height:100%;padding:clamp(2rem,3.8vw,4.6rem);display:flex;position:relative}.scroll-world-copy h1{color:var(--yito-paper);letter-spacing:0;margin:clamp(1.2rem,2vw,1.8rem) 0 0;font-size:clamp(3.8rem,8vw,9.5rem);font-weight:300;line-height:.92}.scroll-world-kicker{color:var(--yito-green);margin:clamp(1rem,1.4vw,1.5rem) 0 0;font-size:.72rem}.scroll-world-kicker,.scroll-world-progress{letter-spacing:.08em;text-transform:uppercase}.scroll-world-progress{z-index:4;color:#f4f4ef85;align-items:center;gap:.8rem;font-size:.66rem;display:flex;position:absolute;bottom:clamp(1.2rem,2.4vw,2rem);right:clamp(1.4rem,3vw,2.4rem)}.scroll-world-progress:before{content:"";background:linear-gradient(90deg,#0000,#8bcf4a99);width:clamp(4rem,12vw,12rem);height:1px}.scroll-world-status{z-index:4;color:#f4f4ef94;margin:0;font-size:.72rem;position:absolute;top:clamp(1.2rem,2.4vw,2rem);right:clamp(1.4rem,3vw,2.4rem)}.scroll-world-scene-card{z-index:4;color:#f4f4efad;border-left:1px solid #8bcf4a75;gap:.55rem;width:min(31rem,34vw);padding-left:1.1rem;display:grid;position:absolute;bottom:clamp(6.5rem,14vh,9rem);right:clamp(1.4rem,4vw,4.6rem)}.scroll-world-scene-card span{color:#8bcf4ae6;font-size:.72rem}.scroll-world-scene-card p,.scroll-world-scene-card small,.scroll-world-scene-card strong{margin:0}.scroll-world-scene-card p{color:var(--yito-paper);font-size:clamp(1.35rem,2.1vw,2.55rem);font-weight:300;line-height:1.1}.scroll-world-scene-card strong{color:#f4f4efbf;font-size:.9rem;font-weight:400}.scroll-world-scene-card small{color:#f4f4ef94;max-width:27rem;font-size:.82rem;line-height:1.75}.scroll-world-rail{z-index:4;gap:.55rem;display:flex;position:absolute;bottom:clamp(1.3rem,2.5vw,2rem);left:50%;transform:translate(-50%)}.scroll-world-rail span{color:#f4f4ef75;border:1px solid #f4f4ef1f;place-items:center;width:1.95rem;height:1.95rem;font-size:.62rem;transition:border-color .22s,color .22s,background .22s,transform .22s;display:grid}.scroll-world-rail span.is-active{color:var(--yito-green);background:#8bcf4a14;border-color:#8bcf4aa8;transform:translateY(-2px)}.about-chapter{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(22rem,.52fr) minmax(28rem,.48fr)}.about-chapter .chapter-heading,.about-chapter .chapter-text{grid-column:1}.about-background{z-index:0;pointer-events:none;position:absolute;inset:0}.about-background:after{content:"";background:linear-gradient(90deg,#030403f0,#030403c7 38%,#03040347 68%,#03040373),linear-gradient(#0304038c,#0000 30% 72%,#030403d1);position:absolute;inset:0}.about-chapter .chapter-heading,.about-chapter .chapter-text{z-index:1;position:relative}.chapter-text{max-width:45rem;color:var(--yito-paper);align-self:end}.chapter-text p{color:var(--yito-paper);margin:0;font-size:clamp(1rem,1.25vw,1.35rem);line-height:2}.chapter-text p+p{margin-top:1rem}.chapter-text .statement{color:var(--yito-muted);margin-top:1.2rem}.capability-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;margin:2.4rem 0 1.8rem;display:grid}.capability-row span{color:var(--yito-paper);gap:.65rem;font-size:.86rem;display:grid}.capability-row strong{font-weight:400}.capability-row small{max-width:11rem;color:var(--yito-muted);font-size:.72rem;line-height:1.55}.capability-row svg{color:var(--yito-green)}.services-chapter,.works-chapter{min-height:calc(100vh - 4.4rem)}.selected-strip,.service-strip{gap:.7rem;display:grid}.service-strip{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));align-self:end;gap:clamp(.7rem,1.1vw,1.1rem)}.selected-card,.service-card,.why-card{background:#ffffff0b;border:1px solid #f4f4ef1f;min-width:0;overflow:hidden;box-shadow:0 28px 80px #00000038}.service-card{min-height:clamp(18rem,24vw,28rem)}.card-visual{border-bottom:1px solid #f4f4ef1a;min-height:clamp(12rem,16vw,19rem)}.card-body{gap:.34rem;padding:1rem;display:grid}.card-body svg,.why-card svg{color:var(--yito-green)}.card-body h3,.selected-card h3,.why-card h3{color:var(--yito-paper);margin:0;font-size:clamp(1rem,1.2vw,1.35rem);font-weight:400}.card-body p,.micro-copy,.selected-card p,.why-card p,.works-intro p{color:var(--yito-muted);margin:0;font-size:.78rem;line-height:1.65}.card-body .service-description{color:#f4f4efbd;margin-top:.35rem}.service-scenes,.work-tag-row{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.service-scenes span,.work-tag-row span{color:var(--yito-green);border:1px solid #8bcf4a38;padding:.22rem .34rem;font-size:.62rem;line-height:1.25}.service-world-chapter{isolation:isolate;background:#030403;grid-template-rows:auto 1fr;grid-template-columns:minmax(20rem,.36fr) minmax(32rem,.64fr);align-items:end;min-height:calc(100vh - 4.4rem)}.service-world-chapter,.service-world-chapter *{transform-style:flat}.service-world-chapter.is-reversed{grid-template-columns:minmax(20rem,.36fr) minmax(32rem,.64fr)}.service-world-background{z-index:0;contain:paint;background:#030403;position:absolute;inset:0;overflow:hidden}.service-world-background:after,.service-world-background:before{z-index:2;pointer-events:none;content:"";position:absolute;inset:0}.service-world-background:before{background:linear-gradient(90deg,#030403f5,#030403d1 31%,#0304035c 62%,#030403b8),linear-gradient(#030403cc,#0000 30%,#030403db)}.service-world-background:after{opacity:.46;background:radial-gradient(circle at 78% 24%,#8bcf4a1f,#0000 24%),linear-gradient(#f4f4ef09 1px,#0000 0) 0 0/100% 50%,linear-gradient(90deg,#f4f4ef09 1px,#0000 0) 0 0/33.333% 100%}.service-bg-layer{z-index:1;opacity:0;backface-visibility:hidden;transition:opacity .36s;position:absolute;inset:0}.service-bg-layer.is-active{opacity:1}.service-bg-layer .visual-media{object-position:62% 50%}.service-world-chapter .chapter-heading{z-index:3;grid-column:1;position:relative}.service-world-copy{z-index:3;color:#f4f4efb8;grid-area:2/1;align-self:end;gap:1rem;max-width:30rem;display:grid;position:relative}.service-world-copy>svg{color:var(--yito-green)}.service-world-copy p{margin:0;font-size:clamp(.95rem,1.1vw,1.15rem);line-height:1.9}.service-world-visual{backface-visibility:hidden;contain:layout paint style;isolation:isolate;border:1px solid #f4f4ef1f;grid-area:1/2/3;min-height:clamp(28rem,68vh,46rem);position:relative;overflow:hidden}.selected-visual:after,.service-related-thumb:after,.service-world-visual:after{z-index:2;pointer-events:none;content:"";opacity:0;background:linear-gradient(#0000 42%,#0304032e),radial-gradient(circle at 68% 22%,#8bcf4a1a,#0000 32%);transition:opacity .18s;position:absolute;inset:0}.service-related-works{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03040394;border:1px solid #f4f4ef24;grid-area:2/2;place-self:end;gap:0;width:min(42rem,100%);display:grid;position:relative}.service-world-chapter.is-reversed .chapter-heading,.service-world-chapter.is-reversed .service-world-copy{grid-column:1}.service-world-chapter.is-reversed .service-related-works,.service-world-chapter.is-reversed .service-world-visual{grid-column:2}.service-related-works>span{color:var(--yito-green);border-bottom:1px solid #f4f4ef1a;padding:.8rem 1rem;font-size:.72rem;display:block}.service-related-card{min-height:6.2rem;color:inherit;background:#ffffff05;border:0;border-bottom:1px solid #f4f4ef1a;grid-template-columns:3rem 1fr;align-items:center;gap:.25rem .9rem;padding:.85rem 1rem;transition:background .18s,color .18s;display:grid;position:relative}.service-related-works:has(.service-related-card:nth-child(6)) .service-related-card{min-height:4.8rem;padding:.6rem 1rem}.service-related-card:after{z-index:3;pointer-events:none;content:"";opacity:0;background:linear-gradient(90deg,#8bcf4a14,#0000 45%);border-left:1px solid #0000;transition:border-color .18s,opacity .18s;position:absolute;inset:0}.service-related-card:last-of-type{border-bottom:0}.service-related-card.is-active,.service-related-card:focus-visible,.service-related-card:hover{background:#fff1}.service-related-card.is-active:after,.service-related-card:focus-visible:after,.service-related-card:hover:after{opacity:1;border-color:#8bcf4ab8}.service-related-index{color:var(--yito-green);font-size:.76rem;line-height:1.2;font-family:var(--font-mono);grid-row:1/4;align-self:start}.service-world-chapter .service-bg-layer .visual-media{filter:none!important;will-change:auto!important;transition:none!important;transform:none!important}.service-world-chapter .text-link:hover{transform:none}.service-related-card em,.service-related-card small{color:var(--yito-muted);grid-column:2;font-size:.68rem;font-style:normal}.service-related-card strong{color:var(--yito-paper);grid-column:2;font-size:clamp(1rem,1.35vw,1.38rem);font-weight:400;line-height:1.25;transition:color .18s}.service-related-card.is-active strong,.service-related-card:focus-visible strong,.service-related-card:hover strong{color:var(--yito-green)}.service-more{width:fit-content;color:var(--yito-green);align-items:center;gap:.35rem;margin:.9rem 1rem 1rem;font-size:.74rem;display:inline-flex}.micro-copy{align-self:end}.works-chapter{grid-template-columns:minmax(18rem,.25fr) minmax(34rem,.75fr)}.works-chapter .chapter-heading,.works-intro{grid-column:1}.works-intro{align-self:end;max-width:21rem}.selected-strip{grid-area:1/2/4;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));align-self:end}.selected-card{min-height:clamp(25rem,34vw,40rem);padding:.42rem}.work-card-link{min-height:100%;color:inherit;cursor:pointer;display:grid}.work-card-link:hover .selected-visual{border-color:#8bcf4a9e}.work-card-link:hover .selected-visual:after{opacity:1}.work-card-link:hover .open-work-link{color:var(--yito-paper)}.selected-visual{min-height:clamp(13rem,18vw,23rem);margin-bottom:.75rem}.selected-card-body{gap:.36rem;display:grid}.work-category{color:var(--yito-green);font-size:.68rem}.selected-card .work-subtitle{color:#f4f4efb8}.selected-card .work-description{color:var(--yito-muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.open-work-link{color:var(--yito-green);align-items:center;gap:.35rem;margin-top:.7rem;font-size:.72rem;display:inline-flex}.process-chapter{min-height:calc(100vh - 4.4rem)}.section-intro{max-width:46rem;color:var(--yito-muted);align-self:start;margin:0;font-size:.96rem;line-height:1.8}.process-map{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;gap:1rem;padding-top:clamp(6rem,14vw,12rem);display:grid;position:relative}.process-map:before{content:"";background:linear-gradient(90deg,#0000,#8bcf4aa6,#0000);height:1px;transition:opacity .18s,filter .18s;position:absolute;top:calc(clamp(6rem,14vw,12rem) + 1.35rem);left:4rem;right:4rem}.process-map:hover:before{opacity:.9;filter:drop-shadow(0 0 10px #8bcf4a57)}.process-step{z-index:1;text-align:center;transform-origin:top;justify-items:center;gap:.8rem;transition:opacity .18s,filter .18s;display:grid;position:relative}.process-step:before{z-index:-1;content:"";pointer-events:none;opacity:0;background:radial-gradient(circle,#8bcf4a2e,#8bcf4a0a 38%,#0000 68%);width:clamp(8rem,13vw,13rem);height:clamp(8rem,13vw,13rem);transition:opacity .2s,transform .22s;position:absolute;top:-1.2rem;left:50%;transform:translate(-50%)scale(.72)}.process-dot{width:3.4rem;height:3.4rem;color:var(--yito-green);background:#030403f0;border:1px solid #8bcf4a8c;border-radius:999px;place-items:center;font-size:.75rem;transition:border-color .18s,background .18s,box-shadow .18s,color .18s;display:inline-grid;box-shadow:0 0 #8bcf4a00}.process-step strong{color:#f4f4efdb;font-size:1rem;font-weight:400;transition:color .18s}.process-step em{color:var(--yito-green);margin-top:-.5rem;font-size:.7rem;font-style:normal;transition:color .18s}.process-step small{max-width:8rem;color:var(--yito-muted);font-size:.76rem;line-height:1.55;transition:color .18s}@media (hover:hover) and (pointer:fine){.process-map:hover .process-step:not(:hover){opacity:.46;filter:grayscale(.5)}.process-step:hover{z-index:3}.process-step:hover:before{opacity:1;transform:translate(-50%)scale(1)}.process-step:hover .process-dot{color:var(--yito-paper);background:#0c100afa;border-color:#8bcf4af5;box-shadow:0 0 0 1px #8bcf4a33,0 0 34px #8bcf4a61}.process-step:hover strong{color:var(--yito-paper)}.process-step:hover em{color:#8bcf4afa}.process-step:hover small{color:#f4f4efc2}}.why-chapter{isolation:isolate;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(20rem,.34fr) minmax(34rem,.66fr);align-content:stretch;min-height:calc(100vh - 4.4rem)}.why-chapter .chapter-heading{z-index:2;grid-column:1}.why-trust-copy{z-index:2;grid-area:2/1;align-self:end;gap:clamp(1.2rem,2vw,1.8rem);max-width:36rem;margin-bottom:clamp(1.4rem,3.2vw,3rem);display:grid}.why-trust-copy .section-intro{color:#f4f4efad;max-width:34rem;margin:0}.why-trust-copy>p:not(.section-intro){color:#f4f4ef80;max-width:32rem;margin:0;font-size:.8rem;line-height:1.7}.why-background{z-index:0;pointer-events:none;opacity:.5;position:absolute;inset:0}.why-background .visual-media{object-position:68% 48%;filter:grayscale(.2)contrast(1.1)brightness(.72);transform:scale(1.05)}.why-background:after{content:"";background:linear-gradient(90deg,#030403eb,#0304038c 40%,#030403bf),linear-gradient(#03040338,#03040366 48%,#030403eb);position:absolute;inset:0}.why-chapter:after{z-index:1;content:"";opacity:.5;background:linear-gradient(90deg,#0000,#8bcf4a9e,#0000);width:min(36rem,42vw);height:1px;position:absolute;bottom:clamp(4rem,10vh,8rem);right:clamp(2rem,5vw,5rem)}.ai-studio-chapter{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(18rem,.31fr) minmax(0,.69fr);align-content:stretch;align-items:stretch}.ai-studio-chapter .chapter-heading{align-self:start;max-width:31rem}.ai-studio-chapter .chapter-heading h2{max-width:32rem;font-size:clamp(2.8rem,4.8vw,5.8rem);line-height:.98}.ai-studio-layout{display:contents}.ai-studio-copy{max-width:28rem;color:var(--yito-muted);grid-area:2/1;align-self:end;gap:clamp(1rem,2vw,1.6rem);margin-bottom:clamp(1rem,2vw,2rem);display:grid}.ai-studio-body{max-width:40rem}.ai-studio-copy p{margin:0;font-size:clamp(.94rem,1vw,1.05rem);line-height:1.82}.ai-studio-copy p+p{margin-top:.75rem}.ai-studio-copy strong{color:var(--yito-paper);align-self:start;margin:0;font-size:clamp(1.32rem,1.75vw,2.25rem);font-weight:300;line-height:1.42;display:block}.ai-studio-panel{background:radial-gradient(at 52% 0,#8bcf4a1f,#0000 24rem),linear-gradient(120deg,#ffffff0b,#0000 42%),#050605d1;border:1px solid #f4f4ef21;grid-area:2/2;align-self:end;min-height:clamp(20rem,38vh,30rem);margin-bottom:clamp(1rem,2vw,2rem);display:block;position:relative;overflow:hidden}.ai-studio-panel>.visual-media{z-index:0;opacity:.32;filter:grayscale(.12)contrast(1.18)brightness(.78);object-position:center}.ai-studio-panel:before{background-color:#0000;background-image:linear-gradient(#f4f4ef06 1px,#0000 0),linear-gradient(90deg,#f4f4ef06 1px,#0000 0);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:9rem 9rem;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.ai-studio-panel:after,.ai-studio-panel:before{z-index:1;content:"";pointer-events:none;position:absolute;inset:0}.ai-studio-panel:after{background:linear-gradient(90deg,#04050494,#0405046b),linear-gradient(#0003,#00000085),radial-gradient(circle at 24% 34%,#8bcf4a14,#0000 20rem)}.ai-studio-visual{background:radial-gradient(at 28% 18%,#8bcf4a24,#0000 42%),linear-gradient(135deg,#0a0c0a,#1a1c1a 50%,#0a0c0a);min-height:100%;position:relative;overflow:hidden}.ai-studio-visual .visual-media{object-position:center}.ai-capability-grid{z-index:3;height:100%;min-height:inherit;background:#f4f4ef1a;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:1px;display:grid;position:relative}.ai-capability-grid span{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);color:#f4f4efe0;background:#070907ad;grid-template-rows:auto 1fr auto;align-content:space-between;gap:1.2rem;min-height:clamp(9rem,16vh,12.5rem);padding:clamp(1rem,1.5vw,1.45rem);font-size:clamp(.95rem,1.18vw,1.45rem);font-weight:400;line-height:1.32;transition:background .18s,color .18s,transform .18s;display:grid}.ai-capability-grid span:hover{color:var(--yito-paper);background:#0d100cdb;transform:translateY(-2px)}.ai-capability-grid span em{color:#8bcf4ac7;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.68rem;font-style:normal}.ai-capability-grid svg{color:var(--yito-green);flex:none}.workflow-linear{z-index:3;border-top:1px solid #f4f4ef1a;grid-area:3/1/auto/-1;grid-template-columns:minmax(16rem,.26fr) minmax(0,.74fr);align-items:start;gap:clamp(1.2rem,2vw,2rem);padding-top:clamp(1rem,2vh,1.6rem);display:grid;position:relative}.workflow-linear-heading{gap:.55rem;max-width:24rem;display:grid}.workflow-linear-heading p{color:var(--yito-paper);margin:0;font-size:clamp(1.15rem,1.5vw,1.7rem);font-weight:300}.workflow-linear-heading span{color:var(--yito-muted);font-size:.78rem;line-height:1.7}.workflow-linear ol{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid;position:relative}.workflow-linear ol:before{content:"";background:linear-gradient(90deg,#8bcf4abd,#f4f4ef24);height:1px;position:absolute;top:1.1rem;left:.5rem;right:.5rem}.workflow-linear li{border-left:1px solid #f4f4ef14;gap:.45rem;min-height:8.6rem;padding:2.6rem clamp(.65rem,1vw,1rem) 0;display:grid;position:relative}.workflow-linear li:before{content:"";background:#030403f5;border:1px solid #8bcf4acc;width:.62rem;height:.62rem;position:absolute;top:.8rem;left:clamp(.65rem,1vw,1rem);transform:rotate(45deg);box-shadow:0 0 18px #8bcf4a29}.workflow-linear li:hover:before{background:var(--yito-green);box-shadow:0 0 24px #8bcf4a6b}.workflow-linear em{color:var(--yito-green);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.68rem;font-style:normal}.workflow-linear strong{color:#f4f4efe6;font-size:.95rem;font-weight:400;line-height:1.25}.workflow-linear small{color:#8bcf4ad1;font-size:.68rem}.workflow-linear li p{max-width:12rem;color:var(--yito-muted);margin:0;font-size:.72rem;line-height:1.55}.why-grid{z-index:2;background:#f4f4ef1a;border:1px solid #f4f4ef1f;grid-area:2/2;grid-template-columns:repeat(2,minmax(0,1fr));align-self:end;gap:1px;margin-bottom:clamp(1.4rem,3.2vw,3rem);padding:1px;box-shadow:0 30px 110px #00000057}.why-card,.why-grid{display:grid;position:relative}.why-card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,#ffffff0a,#0000 46%),#050705c2;border:0;align-content:space-between;min-height:clamp(13rem,20vh,16rem);padding:clamp(1.1rem,1.55vw,1.7rem);transition:background .18s,transform .18s}.why-card:hover{background:linear-gradient(135deg,#8bcf4a11,#0000 48%),#080a08db;transform:translateY(-2px)}.why-card-top{color:var(--yito-green);justify-content:space-between;align-items:center;display:flex}.why-card-top em{opacity:.84;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.68rem;font-style:normal}.why-card-body{align-self:end;gap:.8rem;display:grid}.why-card h3{margin-top:0;font-size:clamp(1.08rem,1.25vw,1.45rem)}.why-card p{max-width:21rem}.why-industries{border-left:1px solid #8bcf4a6b;gap:.9rem;max-width:34rem;padding-left:clamp(1rem,1.6vw,1.4rem);display:grid;position:relative}.why-industries .client-group{background:0 0;border:0;min-height:auto;padding:0}.why-industries .client-group h3{color:#f4f4efcc;font-size:.86rem;font-weight:400}.why-industries .client-group div{gap:.42rem;margin-top:.7rem}.why-industries .client-group span{background:#ffffff09;border-color:#f4f4ef1f;padding:.36rem .5rem;font-size:.72rem}.clients-chapter{grid-template-columns:minmax(20rem,.34fr) minmax(34rem,.66fr)}.clients-chapter .chapter-heading,.clients-chapter .section-intro{grid-column:1}.client-groups{grid-area:1/2/4;grid-template-columns:repeat(2,minmax(0,1fr));align-self:end;gap:1rem;display:grid}.client-group{background:linear-gradient(#0000,#8bcf4a0f),#ffffff0a;border:1px solid #f4f4ef1f;align-content:end;min-height:clamp(23rem,34vw,36rem);padding:clamp(1rem,2vw,1.6rem);display:grid}.client-group h3,.client-group p{margin:0}.client-group p{color:var(--yito-green);font-size:.75rem}.client-group h3{color:var(--yito-paper);margin-top:.35rem;font-size:clamp(1.4rem,2.3vw,2.6rem);font-weight:300}.client-group div{flex-wrap:wrap;gap:.55rem;margin-top:2rem;display:flex}.client-group span{color:var(--yito-muted);border:1px solid #f4f4ef24;padding:.45rem .62rem;font-size:.78rem}.contact-chapter{grid-template-columns:minmax(20rem,.4fr) minmax(34rem,.6fr);min-height:calc(100vh - 4.4rem)}.contact-chapter .chapter-heading,.contact-list{grid-column:1}.contact-chapter .cinematic-visual{grid-area:1/2/3}.contact-list{align-self:center;gap:.9rem;max-width:32rem;display:grid}.contact-list p,.contact-list small,.contact-list span{color:var(--yito-muted);margin:0;line-height:1.75}.contact-list p{color:var(--yito-paper);font-size:clamp(1rem,1.25vw,1.25rem)}.contact-list a{font-size:.96rem}.contact-list .contact-reveal,.contact-list a{width:fit-content;color:var(--yito-muted);align-items:center;gap:.65rem;display:inline-flex}.contact-list .contact-reveal{font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.96rem}.contact-list .contact-reveal:hover{color:var(--yito-paper)}.contact-list svg{color:var(--yito-green)}.cinematic-visual{backface-visibility:hidden;contain:paint;isolation:isolate;background:radial-gradient(at 20% 20%,#8bcf4a26,#0000 45%),linear-gradient(135deg,#0a0c0a,#1a1c1a 50%,#0a0c0a);min-height:100%;position:relative;overflow:hidden}.cinematic-visual.has-video video{z-index:1}.cinematic-visual.has-video video,.visual-media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.visual-media{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;backface-visibility:hidden}.video-link-badge{z-index:3;color:var(--yito-green);background:#030403ad;border:1px solid #8bcf4a6b;align-items:center;gap:.35rem;padding:.42rem .58rem;font-size:.72rem;display:inline-flex;position:absolute;bottom:1rem;right:1rem}.card-visual,.selected-visual{backface-visibility:hidden;contain:paint;isolation:isolate;background:radial-gradient(at 20% 20%,#8bcf4a1f,#0000 40%),linear-gradient(135deg,#0a0c0a,#1a1c1a 50%,#0a0c0a);transition:border-color .18s;position:relative;overflow:hidden}.works-page-shell{min-height:100vh;color:var(--yito-paper);background:radial-gradient(circle at 74% 8%,#8bcf4a1a,#0000 18rem),linear-gradient(#030403,#0b0c0a 48%,#030403)}.works-page-nav{z-index:30;border-bottom:1px solid var(--yito-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030403b8;justify-content:space-between;align-items:center;min-height:4.4rem;padding:0 clamp(1rem,3vw,2rem);display:flex;position:sticky;top:0}.works-page-nav a{color:var(--yito-muted);align-items:center;gap:.5rem;font-size:.86rem;transition:color .18s;display:inline-flex}.works-page-nav a:hover{color:var(--yito-green)}.works-page-content,.works-page-hero{width:min(100%,1480px);margin:0 auto;padding:clamp(1.4rem,4vw,4rem)}.works-page-hero{border-bottom:1px solid var(--yito-line);align-content:end;min-height:clamp(28rem,58vh,42rem);display:grid}.works-group-heading span,.works-list-category,.works-list-index,.works-page-hero span{color:var(--yito-green);font-size:.78rem}.works-page-hero h1{max-width:70rem;margin:.9rem 0 0;font-size:clamp(3rem,8vw,8.2rem);font-weight:300;line-height:.96}.works-page-hero p{max-width:42rem;color:var(--yito-muted);margin:1.6rem 0 0;font-size:clamp(1rem,1.35vw,1.35rem);line-height:1.8}.works-page-content{gap:clamp(2rem,4vw,4rem);display:grid}.works-group{border-bottom:1px solid #f4f4ef24;grid-template-columns:minmax(14rem,.24fr) minmax(0,.76fr);gap:clamp(1rem,2.5vw,2.4rem);padding-bottom:clamp(2rem,4vw,4rem);display:grid}.works-group-heading{align-self:start;position:sticky;top:5.4rem}.works-group-heading h2{margin:.5rem 0 0;font-size:clamp(1.6rem,2.6vw,3rem);font-weight:300;line-height:1.08}.works-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.works-list-card{background:#ffffff0a;border:1px solid #f4f4ef1f;transition:border-color .24s,background .24s;display:grid;overflow:hidden}.works-list-card:hover{background:#ffffff0e;border-color:#8bcf4a6b}.works-list-media{aspect-ratio:16/9;background:radial-gradient(at 24% 18%,#8bcf4a24,#0000 40%),linear-gradient(135deg,#0a0c0a,#1a1c1a 48%,#0a0c0a);position:relative;overflow:hidden}.works-list-media:after{pointer-events:none;content:"";background:linear-gradient(#0000,#0000005c),linear-gradient(120deg,#ffffff24,#0000 24%);position:absolute;inset:0}.works-list-media>span{z-index:2;color:#f4f4efb8;font-size:.76rem;position:absolute;bottom:.9rem;left:1rem}.works-list-image{z-index:1}.case-cinematic-media,.works-list-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.case-cinematic-media{z-index:0}.works-list-body{gap:.55rem;padding:clamp(1rem,1.6vw,1.35rem);display:grid}.works-list-body>div:first-child{justify-content:space-between;gap:1rem;display:flex}.works-list-body h3,.works-list-body p{margin:0}.works-list-body h3{color:var(--yito-paper);font-size:clamp(1.25rem,1.65vw,1.8rem);font-weight:300;line-height:1.2}.works-list-subtitle{color:#f4f4efbd;font-size:.86rem}.works-list-description{color:var(--yito-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.7;display:-webkit-box;overflow:hidden}.works-list-tags{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.works-list-tags span{color:var(--yito-green);border:1px solid #8bcf4a38;padding:.22rem .34rem;font-size:.62rem;line-height:1.25}.case-detail-shell{min-height:100vh;color:var(--yito-paper);background:radial-gradient(circle at 78% 0,#8bcf4a1a,#0000 22rem),linear-gradient(#020302,#0a0b09 48%,#020302);overflow-x:hidden}.case-detail-nav{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030403b8;border-bottom:1px solid #f4f4ef24;justify-content:space-between;align-items:center;min-height:4.4rem;padding:0 clamp(1rem,3vw,2rem);display:flex;position:sticky;top:0}.case-contact-section a,.case-detail-nav a{color:var(--yito-muted);align-items:center;gap:.45rem;font-size:.82rem;transition:color .18s,border-color .18s,transform .18s;display:inline-flex}.case-contact-section a:hover,.case-detail-nav a:hover{color:var(--yito-green)}.case-contact-section,.case-detail-hero,.case-direction-section,.case-gallery-section,.case-longform-section,.case-narrative-grid,.case-overview-section,.case-process-section,.case-result-section,.case-services-section,.case-video-section{border-bottom:1px solid #f4f4ef21;width:min(100%,1500px);margin:0 auto;padding:clamp(1.6rem,4vw,4.5rem)}.case-detail-hero{grid-template-columns:minmax(0,.58fr) minmax(18rem,.42fr);align-items:end;gap:clamp(1.6rem,4vw,4.5rem);min-height:calc(100vh - 4.4rem);display:grid}.case-detail-hero-media{min-height:clamp(28rem,66vh,46rem)}.case-cinematic-image{width:100%;height:100%;min-height:inherit;background-color:#11130f;background-position:50%;background-size:cover;border:1px solid #f4f4ef24;place-items:end start;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff06}.case-cinematic-image:after{content:"";pointer-events:none;background:linear-gradient(#0000 52%,#000000b3),linear-gradient(90deg,#0000004d,#0000 42%);position:absolute;inset:0}.case-cinematic-image svg{z-index:2;color:#f4f4efb8;margin:1rem;position:relative}.case-detail-hero-copy{padding-bottom:clamp(0rem,4vw,3rem)}.case-detail-no,.case-section-heading span{color:var(--yito-green);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.78rem}.case-detail-hero-copy>p,.case-section-heading p{color:var(--yito-muted);letter-spacing:.08em;text-transform:uppercase;margin:.9rem 0 0;font-size:.78rem}.case-detail-hero h1{max-width:32rem;margin:1rem 0 0;font-size:clamp(1.9rem,3vw,3.2rem);font-weight:300;line-height:1.1}.case-detail-hero h2{color:#f4f4efb8;max-width:42rem;margin:1.1rem 0 0;font-size:clamp(1rem,1.8vw,1.55rem);font-weight:300;line-height:1.4}.case-detail-meta{flex-wrap:wrap;gap:.55rem;margin-top:2rem;display:flex}.case-detail-meta span,.case-keyword-grid span,.case-services-section span{color:var(--yito-muted);border:1px solid #8bcf4a47;align-items:center;gap:.35rem;padding:.45rem .62rem;font-size:.78rem;display:inline-flex}.case-section-heading{align-content:start;gap:.2rem;display:grid}.case-section-heading h2{letter-spacing:.01em;margin:.3rem 0 0;font-size:clamp(1.15rem,1.7vw,1.7rem);font-weight:300;line-height:1.25}.case-overview-section,.case-result-section{grid-template-columns:minmax(13rem,.28fr) minmax(0,.72fr);gap:clamp(1.4rem,4vw,4rem);display:grid}.case-overview-section>p,.case-result-section>p{color:#f4f4efc7;max-width:46rem;margin:0;font-size:clamp(.92rem,1vw,1.05rem);line-height:1.9}.case-narrative-grid{background:#f4f4ef21;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:0;display:grid}.case-narrative-grid article{background:radial-gradient(circle at 90% 16%,#8bcf4a14,#0000 16rem),#050605;min-height:26rem;padding:clamp(1.6rem,4vw,4.5rem)}.case-narrative-grid article>p:last-child{max-width:44rem;color:var(--yito-muted);margin:2rem 0 0;font-size:1.02rem;line-height:1.95}.case-direction-section,.case-process-section,.case-services-section,.case-video-section{grid-template-columns:minmax(13rem,.28fr) minmax(0,.72fr);align-items:start;gap:clamp(1.4rem,4vw,4rem);display:grid}.case-keyword-grid{flex-wrap:wrap;gap:.7rem;display:flex}.case-process-section ol{background:#f4f4ef1f;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid}.case-process-section li{color:#f4f4efd1;background:#080a08;align-content:space-between;min-height:11rem;padding:1rem;line-height:1.6;display:grid}.case-process-section li span{color:var(--yito-green);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.76rem}.case-gallery-section{gap:2rem;display:grid}.case-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;display:grid}.case-gallery-grid figure{min-height:18rem;margin:0;position:relative}.case-gallery-grid figure.is-featured{grid-area:span 2/span 2;min-height:36.85rem}.case-gallery-grid figure:last-child:nth-child(4){grid-column:span 2}.case-gallery-grid figcaption{z-index:2;color:#f4f4efc7;font-size:.72rem;position:absolute;bottom:.75rem;right:.8rem}.case-longform-section{gap:2rem;display:grid}.case-longform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.case-longform-card{color:inherit;background:#11130f;border:1px solid #f4f4ef24;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.case-longform-media{height:clamp(20rem,34vw,32rem);position:relative;overflow:hidden}.case-longform-image{object-fit:cover;object-position:top center;transition:transform .6s}.case-longform-media:after{content:"";pointer-events:none;background:linear-gradient(#0000 62%,#000000b8);position:absolute;inset:0}.case-longform-card:hover .case-longform-image{transform:scale(1.02)}.case-longform-meta{border-top:1px solid #f4f4ef1a;flex:1;align-items:center;gap:.6rem;padding:.85rem 1rem 1rem;display:flex}.case-longform-meta span{color:var(--yito-green);letter-spacing:.18em;font-size:.72rem}.case-longform-meta strong{flex:1;font-size:.86rem;font-weight:500}.case-longform-meta small{color:#f4f4ef99;align-items:center;gap:.25rem;font-size:.72rem;display:inline-flex}.case-video-section video{object-fit:cover}.case-video-section iframe,.case-video-section video{aspect-ratio:16/9;background:#000;border:1px solid #f4f4ef24;width:100%}.case-video-section>a{width:fit-content;color:var(--yito-green);border:1px solid #8bcf4a5c;align-items:center;gap:.55rem;padding:.72rem .9rem;display:inline-flex}.case-contact-section>div,.case-services-section>div{flex-wrap:wrap;gap:.65rem;display:flex}.case-contact-section{background:linear-gradient(90deg,#0003,#8bcf4a0d),#030403;align-content:center;justify-items:start;min-height:52vh;display:grid}.case-contact-section p{color:var(--yito-green);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .8rem;font-size:.8rem}.case-contact-section h2{max-width:38rem;margin:0;font-size:clamp(1.7rem,3vw,3rem);font-weight:300;line-height:1.15}.case-contact-section>span{color:var(--yito-muted);margin-top:1rem;font-size:clamp(1rem,1.4vw,1.25rem)}.case-contact-section>div{margin-top:2rem}.case-contact-section a{border:1px solid #8bcf4a5c;padding:.72rem .9rem}.admin-shell{color-scheme:light;color:#151612;background:#f2f4f5;grid-template-columns:18rem 1fr;min-height:100vh;display:grid}.admin-sidebar{color:#f4f4ef;background:#090a09;border-right:1px solid #0000001a;flex-direction:column;gap:1.5rem;height:100vh;padding:1.1rem;display:flex;position:sticky;top:0}.admin-brand{color:#f4f4ef;text-transform:uppercase;align-items:center;gap:.8rem;padding:.65rem;font-size:.88rem;display:flex}.admin-brand img{object-fit:contain;width:2.4rem;height:2.4rem}.admin-sidebar nav{overscroll-behavior:contain;gap:.35rem;min-height:0;display:grid;overflow-y:auto}.add-button,.admin-actions button,.admin-sidebar button,.admin-status a,.admin-topbar button,.editable-card button,.editable-card header a,.upload-field{color:#151612;min-height:2.45rem;font:inherit;cursor:pointer;background:#fff;border:1px solid #1516121f;transition:border-color .18s,background .18s,color .18s,transform .18s}.admin-sidebar button{color:#9a9c93;text-align:left;background:0 0;border-color:#f4f4ef1f;gap:.1rem;width:100%;padding:.55rem .8rem;display:grid}.admin-sidebar button span{font-size:.82rem}.admin-sidebar button small{color:#f4f4ef6b;font-size:.66rem}.admin-sidebar button.is-active,.admin-sidebar button:hover{color:#f4f4ef;background:#8bcf4a14;border-color:#8bcf4a7a}.admin-status{color:#9a9c93;border:1px solid #f4f4ef1a;flex-shrink:0;gap:.7rem;margin-top:auto;padding:.8rem;font-size:.8rem;display:grid}.admin-status.is-ok{border-color:#8bcf4a57}.admin-status.is-pending{border-color:#d7b14e6b}.admin-status.is-error{border-color:#d6484873}.admin-status p{margin:0;line-height:1.6}.admin-status a,.admin-status button{color:#071004;background:#8bcf4a;border-color:#8bcf4a80;justify-content:center;align-items:center;display:inline-flex}.admin-status a{color:#f4f4ef;background:0 0}.admin-main{min-width:0;padding:clamp(1rem,3vw,2.5rem)}.admin-topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.admin-panel-heading p,.admin-topbar p{color:#6c7067;margin:0;font-size:.82rem}.admin-panel-heading h2,.admin-topbar h1{letter-spacing:0;margin:.25rem 0 0;font-weight:400}.admin-topbar h1{font-size:1.75rem}.admin-topbar span{color:#62655f;margin-top:.55rem;font-size:.82rem;display:inline-block}.add-button,.admin-actions button,.admin-topbar button{color:#f4f4ef;background:#151612;padding:0 1rem}.admin-panel{background:#fff}.admin-panel-heading{border-bottom:1px solid #1516121a;padding:1.2rem}.admin-panel-heading h2{font-size:1.6rem}.admin-form{gap:1rem;padding:1.2rem;display:grid}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid,.admin-stack{gap:1rem;display:grid}.admin-field{gap:.45rem;display:grid}.admin-field span,.upload-field span{color:#62655f;font-size:.78rem}.admin-field input,.admin-field select,.admin-field textarea,.json-editor{color:#151612;width:100%;font:inherit;background:#fff;border:1px solid #15161224;outline:none}.admin-field input,.admin-field select{min-height:2.8rem;padding:0 .85rem}.admin-field textarea{resize:vertical;min-height:7rem;padding:.8rem;line-height:1.7}.admin-field input:focus,.admin-field select:focus,.admin-field textarea:focus,.json-editor:focus{border-color:#8bcf4a}.visual-editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:1rem;display:grid}.visual-editor.is-compact{grid-template-columns:minmax(9rem,.7fr) minmax(12rem,1fr) auto}.upload-field{background:#fff;gap:.45rem;padding:.45rem .75rem;display:grid}.upload-field input{color:#62655f;max-width:11rem;font-size:.78rem}.image-guide{color:#62655f;border-left:2px solid #8bcf4a;gap:.25rem;padding-left:.65rem;font-size:.76rem;line-height:1.45;display:grid}.image-guide strong{color:#151612;font-weight:500}.image-guide small{color:#62655f;font-size:.74rem}.admin-choice-group,.admin-video-editor{background:#f4f4ef85;border:1px solid #1516121a;gap:.65rem;padding:.85rem;display:grid}.admin-video-heading{grid-template-columns:minmax(0,1fr) minmax(14rem,.42fr);align-items:end;gap:1rem;display:grid}.admin-video-heading>div{gap:.3rem;display:grid}.admin-video-heading strong{color:#151612;font-size:.9rem;font-weight:500}.admin-video-heading>div>span{color:#62655f;font-size:.78rem;line-height:1.55}.admin-video-type{min-width:0}.admin-choice-group>span{color:#62655f;font-size:.78rem}.admin-choice-group>div{flex-wrap:wrap;gap:.55rem;display:flex}.admin-choice-group label{color:#151612;background:#fff;border:1px solid #1516121f;align-items:center;gap:.38rem;padding:.42rem .58rem;font-size:.8rem;display:inline-flex}.admin-choice-group input{accent-color:#8bcf4a}.upload-status{color:#62655f;align-self:center;margin:0;font-size:.78rem;line-height:1.5}.admin-help{color:#62655f;background:#8bcf4a14;border-left:2px solid #8bcf4a;margin:0;padding:.65rem .85rem;font-size:.8rem;line-height:1.7}.admin-callout,.admin-selected-summary{color:#62655f;background:#8bcf4a14;border:1px solid #8bcf4a38;border-left:3px solid #8bcf4a;gap:.55rem;padding:.85rem 1rem;font-size:.82rem;line-height:1.7;display:grid}.admin-callout strong,.admin-selected-summary strong{color:#151612;font-weight:500}.admin-callout p{margin:0}.admin-selected-summary div{flex-wrap:wrap;gap:.45rem;display:flex}.admin-selected-summary span{background:#fff;border:1px solid #1516121a;padding:.35rem .5rem}.admin-preview{background:#e7ebee;border:1px solid #1516121f;grid-column:1/-1;min-width:0;display:grid;position:relative;overflow:hidden}.admin-preview-media{width:100%;height:clamp(200px,40vh,440px);position:relative;overflow:hidden}.admin-preview-toolbar{background:#fff;border-top:1px solid #1516121f;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem;padding:.65rem .8rem;display:flex}.admin-preview-toolbar a{color:#315e20;text-underline-offset:3px;text-decoration:underline}.admin-preview-image{object-fit:contain}.admin-preview button{z-index:2;color:#f4f4ef;background:#030403b8;border:1px solid #f4f4ef59;min-height:2rem;padding:0 .7rem;position:relative}.editable-card{background:#fff;border:1px solid #1516121a;gap:1rem;padding:1rem;display:grid}.editable-card header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.editable-card h3{margin:0;font-size:1rem;font-weight:500}.editable-card-title{gap:.5rem;display:grid}.editable-card-title p{flex-wrap:wrap;gap:.35rem;margin:0;display:flex}.editable-card-title span{color:#62655f;background:#f4f4ef;border:1px solid #1516121a;padding:.22rem .42rem;font-size:.7rem}.admin-actions,.editable-card header div{flex-wrap:wrap;gap:.45rem;display:flex}.editable-card header .editable-card-title{overflow-wrap:anywhere;min-width:0;display:grid}.admin-editing-fields{border:0;min-width:0;margin:0;padding:0}.admin-shell :is(button,a,input,textarea,select):focus-visible{outline-offset:3px;outline:2px solid #427b22}.admin-shell button:disabled{opacity:.5;cursor:wait;transform:none}.admin-toggle{cursor:pointer;flex-wrap:wrap;align-items:center;gap:.65rem;min-height:44px;display:flex}.admin-toggle input{accent-color:#427b22;width:18px;height:18px}.admin-toggle small{color:#62655f}.editable-card .admin-delete{color:#a52b32}.admin-cover-editor{background:#f8f8f4;border:1px solid #1516121a;grid-template-columns:minmax(11rem,14rem) minmax(0,1fr);align-items:stretch;gap:1rem;padding:.75rem;display:grid}.admin-cover-editor-media{isolation:isolate;background:#e7ebee;min-height:9rem;position:relative;overflow:hidden}.admin-cover-editor-controls{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.75rem;min-width:0;display:grid}.admin-cover-editor-controls>.admin-field{grid-column:1/-1}.admin-cover-editor-controls>button{color:#a52b32;min-height:2.7rem}@media (max-width:767px){.admin-topbar,.editable-card header{flex-wrap:wrap;align-items:flex-start}.admin-sidebar nav{max-height:16rem}}@media (prefers-reduced-motion:reduce){.admin-shell *,.admin-shell :after,.admin-shell :before{scroll-behavior:auto!important;transition:none!important}}.editable-card button{background:#f4f4ef;min-height:2rem;padding:0 .65rem}.editable-card header a{color:#f4f4ef;background:#151612;align-items:center;min-height:2rem;padding:0 .65rem;font-size:.78rem;display:inline-flex}.add-button:hover,.admin-actions button:hover,.admin-topbar button:hover,.editable-card button:hover{transform:translateY(-1px)}.add-button{width:fit-content}.admin-sublist{border-top:1px solid #15161214;gap:.8rem;padding-top:.4rem;display:grid}.admin-sublist h4{margin:0;font-size:.9rem}.admin-thumb-editor{grid-template-columns:1fr auto;align-items:end;gap:.8rem;display:grid}.admin-case-copy-preview{background:#f8f8f4;border:1px solid #1516121a;padding:.75rem;display:grid}.admin-case-preview-image{object-fit:cover;width:100%;height:100%;min-height:7rem;position:absolute;inset:0}.admin-case-copy-preview div{gap:.38rem;display:grid}.admin-case-copy-preview span{color:#62655f;font-size:.72rem}.admin-case-copy-preview strong{color:#151612;font-weight:500}.admin-case-copy-preview p{color:#62655f;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.8rem;line-height:1.55;display:-webkit-box;overflow:hidden}.json-editor{resize:vertical;min-height:62vh;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.82rem;line-height:1.65}.standalone-upload{width:fit-content;padding:.7rem .9rem}.work-detail-shell{min-height:100vh;color:var(--yito-paper);background:radial-gradient(circle at 74% 8%,#8bcf4a1f,#0000 18rem),linear-gradient(#030403,#0b0c0a 46%,#030403)}.detail-nav{z-index:30;border-bottom:1px solid var(--yito-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030403b8;justify-content:space-between;align-items:center;min-height:4.4rem;padding:0 2rem;display:flex;position:sticky;top:0}.detail-logo img{object-fit:contain;width:2.7rem;height:2.7rem}.back-link{color:var(--yito-muted);align-items:center;gap:.5rem;font-size:.86rem;display:inline-flex}.more-works,.work-detail-grid,.work-fit-section,.work-gallery-section,.work-hero,.work-story-section{width:min(100%,1440px);margin:0 auto;padding:clamp(1.4rem,4vw,4rem)}.work-hero{grid-template-columns:minmax(18rem,.42fr) minmax(30rem,.58fr);align-items:end;gap:clamp(2rem,5vw,5rem);min-height:calc(100vh - 4.4rem);display:grid}.work-kicker,.work-no,.work-section-label{color:var(--yito-green);text-transform:uppercase;font-size:.82rem}.work-hero h1{max-width:52rem;margin:1rem 0 0;font-size:clamp(3.2rem,8vw,8.6rem);font-weight:300;line-height:.96}.work-summary{max-width:42rem;color:var(--yito-paper);margin:1.6rem 0 0;font-size:clamp(1.05rem,1.6vw,1.55rem);line-height:1.8}.work-tags{flex-wrap:wrap;gap:.55rem;margin-top:2rem;display:flex}.work-tags span{color:var(--yito-muted);border:1px solid #8bcf4a57;align-items:center;gap:.35rem;padding:.42rem .62rem;font-size:.78rem;display:inline-flex}.work-media-stage{border:1px solid var(--yito-line);background:#121411;min-height:34rem;position:relative;overflow:hidden}.work-media-stage video{object-fit:cover;background:#000;width:100%;height:100%;min-height:34rem}.visual-tile:after,.work-media-stage:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0000006b),linear-gradient(120deg,#ffffff29,#0000 24%);position:absolute;inset:0}.media-badge{z-index:2;color:var(--yito-paper);font-size:.78rem;left:1rem}.media-badge,.work-video-link{align-items:center;gap:.4rem;display:inline-flex;position:absolute;bottom:1rem}.work-video-link{z-index:3;color:var(--yito-green);background:#030403c2;border:1px solid #8bcf4a73;padding:.55rem .72rem;font-size:.82rem;right:1rem}.work-detail-grid{border-top:1px solid var(--yito-line);grid-template-columns:minmax(20rem,.62fr) minmax(16rem,.38fr);gap:clamp(1.4rem,4vw,4rem);display:grid}.more-works h2,.work-description h2,.work-fit-section h2,.work-gallery-heading h2,.work-story-section h2{margin:.7rem 0 0;font-size:clamp(2rem,4vw,4.8rem);font-weight:300;line-height:1}.work-description>p:last-child{max-width:58rem;color:var(--yito-muted);margin:1.8rem 0 0;font-size:1.05rem;line-height:2}.work-meta-panel{border-left:1px solid var(--yito-line);align-content:start;gap:.8rem;padding-left:1.4rem;display:grid}.work-meta-panel p{color:var(--yito-muted);margin:0;line-height:1.7}.more-works,.work-fit-section,.work-gallery-section,.work-story-section{border-top:1px solid var(--yito-line)}.work-story-section{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.work-story-section article{background:#ffffff09;border:1px solid #f4f4ef1f;min-height:18rem;padding:clamp(1rem,1.7vw,1.4rem)}.work-fit-section p,.work-story-section p{color:var(--yito-muted);margin:0;line-height:1.85}.work-story-section article>p:last-child{margin-top:1.3rem}.work-fit-section{grid-template-columns:minmax(20rem,.48fr) minmax(20rem,.38fr) auto;align-items:end;gap:1.4rem;display:grid}.work-service-tags{flex-wrap:wrap;gap:.55rem;display:flex}.work-service-tags span{color:var(--yito-muted);border:1px solid #8bcf4a47;padding:.45rem .62rem;font-size:.78rem}.work-contact-cta{min-height:2.6rem;color:var(--yito-green);white-space:nowrap;border:1px solid #8bcf4a6b;justify-content:center;align-items:center;gap:.45rem;padding:0 .9rem;display:inline-flex}.work-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:2rem;display:grid}.visual-tile{border:1px solid var(--yito-line);backface-visibility:hidden;contain:paint;background:#151715;min-height:20rem;position:relative;overflow:hidden;transform:translateZ(0)}.visual-tile.is-compact{min-height:8rem}.visual-tile span{z-index:2;color:var(--yito-paper);align-items:center;gap:.35rem;font-size:.75rem;display:inline-flex;position:absolute;bottom:.8rem;left:.85rem}.more-works{grid-template-columns:minmax(14rem,.28fr) minmax(28rem,.72fr);align-items:start;gap:2rem;display:grid}.more-work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.more-work-card{border:1px solid var(--yito-line);color:var(--yito-paper);gap:.8rem;padding:.5rem;display:grid}.more-work-card span{padding:0 .3rem}.more-work-card svg{color:var(--yito-green);margin:0 .3rem .3rem auto}.work-not-found{text-align:center;place-content:center;gap:1rem;min-height:calc(100vh - 4.4rem);display:grid}.work-not-found p{color:var(--yito-green);margin:0}.work-not-found h1{margin:0;font-size:clamp(2.5rem,6vw,6rem);font-weight:300}@media (max-width:1120px){.client-groups,.selected-strip,.service-strip,.site-shell,.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-map{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-shell{grid-template-columns:1fr}.admin-sidebar{height:auto;position:static}.admin-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.case-detail-hero,.case-direction-section,.case-narrative-grid,.case-overview-section,.case-process-section,.case-services-section,.case-video-section,.more-works,.visual-editor,.visual-editor.is-compact,.work-detail-grid,.work-fit-section,.work-hero,.work-story-section,.works-group{grid-template-columns:1fr}.works-group-heading{position:static}.works-list-grid{grid-template-columns:1fr}.case-gallery-grid,.case-process-section ol,.more-work-grid,.work-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.case-gallery-grid figure.is-featured{grid-column:span 2;min-height:28rem}.process-map:before{display:none}}@media (max-width:820px){.site-shell{background-size:100% 16rem,100% 100%;grid-template-columns:1fr}.floating-nav{padding:0 1rem}.floating-nav nav{gap:.8rem;font-size:.68rem}.hover-nav-link{min-width:4.3rem}.admin-cover-editor,.admin-cover-editor-controls,.admin-grid,.admin-thumb-editor,.admin-video-heading{grid-template-columns:1fr}.admin-cover-editor-controls>.admin-field{grid-column:auto}.case-gallery-grid,.more-work-grid,.work-gallery{grid-template-columns:1fr}.case-detail-nav{min-height:3.8rem}.case-contact-section,.case-detail-hero,.case-direction-section,.case-gallery-section,.case-longform-section,.case-narrative-grid,.case-overview-section,.case-process-section,.case-result-section,.case-services-section,.case-video-section{padding:1.2rem}.case-detail-hero{min-height:auto;padding-top:2rem}.case-detail-hero-media{min-height:24rem}.case-gallery-grid figure,.case-gallery-grid figure.is-featured{grid-column:span 1;min-height:22rem}.case-longform-grid{grid-template-columns:1fr}.case-longform-media{height:24rem}.case-process-section ol{grid-template-columns:1fr}.work-media-stage,.work-media-stage video{min-height:24rem}.work-meta-panel{border-left:0;padding-left:0}.about-chapter,.ai-capability-chapter,.ai-studio-chapter,.chapter,.clients-chapter,.contact-chapter,.hero-chapter,.why-chapter,.works-chapter{grid-template-columns:1fr}.about-background:after{background:linear-gradient(#030403db,#0304039e 45%,#030403d9)}.chapter{min-height:auto}.hero-chapter{min-height:calc(100vh - 4.4rem)}.scroll-world-hero{height:calc(100svh - 4.4rem);min-height:40rem}.scroll-world-copy{max-width:34rem;padding:1.4rem}.scroll-world-copy h1{font-size:clamp(3rem,16vw,5.8rem)}.scroll-world-progress{justify-content:space-between;left:1.4rem;right:1.4rem}.scroll-world-media video,.scroll-world-poster{object-position:58% 50%}.hero-copy{max-width:32rem}.cinematic-visual{border-top:1px solid #f4f4ef1f;border-left:0;min-height:22rem}.about-chapter .chapter-heading,.about-chapter .chapter-text,.about-chapter .cinematic-visual,.ai-capability-copy,.ai-capability-grid,.ai-studio-copy,.ai-studio-layout,.ai-studio-panel,.client-groups,.clients-chapter .chapter-heading,.clients-chapter .section-intro,.contact-chapter .chapter-heading,.contact-chapter .cinematic-visual,.contact-list,.hero-chapter .cinematic-visual,.selected-strip,.why-chapter .chapter-heading,.why-chapter .section-intro,.why-grid,.why-industries,.why-trust-copy,.workflow-linear,.works-chapter .chapter-heading,.works-intro{grid-area:auto}.why-chapter .section-intro{max-width:none;transform:none}.why-industries{max-width:none}.why-background{opacity:.14}.why-grid{align-self:stretch}.capability-row{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-studio-layout{grid-template-rows:auto auto auto;min-height:auto;display:grid}.ai-studio-copy{grid-template-columns:1fr;max-width:none;margin-bottom:0}.ai-studio-body{max-width:none}.ai-studio-panel{min-height:24rem;margin-bottom:0}.ai-studio-panel:before{background:linear-gradient(#0000 38%,#030403e0)}.ai-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-linear{grid-template-columns:1fr}.workflow-linear ol{background:#f4f4ef14;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}.workflow-linear ol:before{display:none}.workflow-linear li{background:#070907ad;border-left:0;min-height:8rem}.why-grid,.why-trust-copy{margin-bottom:0}.why-trust-copy{max-width:none}}@media (max-width:560px){.floating-nav nav a:nth-child(2),.floating-nav nav a:nth-child(4){display:none}.hover-nav-link{min-width:3.8rem}.ai-capability-grid,.ai-studio-copy,.ai-studio-layout,.ai-studio-panel,.client-groups,.process-map,.selected-strip,.service-strip,.why-grid,.why-industries,.workflow-linear ol{grid-template-columns:1fr}.site-footer{display:grid}.footer-meta{text-align:left;justify-items:start}.hero-copy h1{font-size:2.55rem}.scroll-world-copy{justify-content:end;padding-bottom:5.5rem}.scroll-world-copy h1{font-size:3.4rem}.scroll-world-progress{display:none}.scroll-world-status{inset:auto 1rem 1rem}.chapter-heading h2{padding-right:2.8rem}.ai-studio-chapter .chapter-heading h2{font-size:3rem}.ai-studio-visual{min-height:18rem}.ai-capability-grid{padding:1px}.ai-capability-grid span{min-height:9rem}.workflow-linear li{min-height:auto;padding-bottom:1rem}.admin-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.editable-card header{flex-direction:column;align-items:start}.selected-card,.service-card{min-height:auto}}@media (max-width:980px){.service-world-chapter,.service-world-chapter.is-reversed{grid-template-rows:auto;grid-template-columns:1fr}.service-related-works,.service-world-chapter .chapter-heading,.service-world-chapter.is-reversed .chapter-heading,.service-world-chapter.is-reversed .service-related-works,.service-world-chapter.is-reversed .service-world-copy,.service-world-chapter.is-reversed .service-world-visual,.service-world-copy,.service-world-visual{grid-area:auto/1}.service-related-works,.service-world-copy{max-width:none}.service-world-visual{min-height:24rem}.service-related-card{grid-template-columns:7rem 1fr}.scroll-world-scene-card{width:auto;bottom:7rem;left:clamp(1rem,5vw,2rem);right:clamp(1rem,5vw,2rem)}.scroll-world-rail{left:clamp(1rem,5vw,2rem);transform:none}}@media (max-width:720px){.scroll-world-rail,.scroll-world-scene-card{display:none}.workflow-linear ol{grid-template-columns:1fr}.service-related-card{grid-template-columns:5.8rem 1fr}.service-related-thumb{min-height:4.8rem}.admin-choice-group>div{display:grid}}.work-media-stage.is-video{aspect-ratio:16/9;background:#000;height:auto;min-height:0}.work-media-stage.is-video:after{display:none}.work-media-stage.is-video iframe,.work-media-stage.is-video video{object-fit:contain;background:#000;border:0;width:100%;height:100%;min-height:0;position:absolute;inset:0}.work-bilibili-frame{display:block}.work-video-origin{z-index:4;color:var(--yito-green);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030403c7;border:1px solid #8bcf4a80;align-items:center;gap:.45rem;padding:.5rem .78rem;font-size:.82rem;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex;position:absolute;bottom:.9rem;right:.9rem}.work-video-origin:hover{border-color:var(--yito-green);background:#030403eb}.work-video-card{z-index:3;text-align:center;color:#fff;background:linear-gradient(#0000001f,#0000009e);flex-direction:column;justify-content:center;align-items:center;gap:.9rem;padding:1.5rem;text-decoration:none;transition:background .25s;display:flex;position:absolute;inset:0}.work-video-card>span{flex-direction:column;gap:.2rem;display:flex}.work-video-card strong{letter-spacing:.02em;font-size:1.05rem;font-weight:500}.work-video-card small{color:#ffffff9e;letter-spacing:.04em;text-transform:lowercase;font-size:.78rem}.work-video-card:hover{background:linear-gradient(#0000004d,#000000bd)}@media (max-width:900px){.work-video-origin{font-size:.78rem;bottom:.6rem;right:.6rem}}.work-hero-poster{cursor:pointer;background-color:#11130f;border:1px solid #f4f4ef24;width:100%;height:100%;min-height:clamp(28rem,66vh,46rem);padding:0;display:block;position:relative;overflow:hidden}.work-hero-poster .case-cinematic-media{object-fit:cover}.work-hero-play{z-index:2;color:#f4f4ef;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0304038c;border:1px solid #f4f4ef8c;border-radius:999px;place-items:center;width:4.5rem;height:4.5rem;transition:background .2s,color .2s,border-color .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.work-hero-poster:focus-visible .work-hero-play,.work-hero-poster:hover .work-hero-play{border-color:var(--yito-green);background:var(--yito-green);color:#050705}.work-hero-kind{z-index:2;color:#f4f4efd9;letter-spacing:.08em;background:#0304039e;border:1px solid #f4f4ef47;padding:.3rem .6rem;font-size:.72rem;position:absolute;bottom:1rem;left:1rem}.work-hero-player{background:#000;border:1px solid #f4f4ef24;width:100%;height:100%;min-height:clamp(28rem,66vh,46rem);position:relative;overflow:hidden}.work-hero-player iframe,.work-hero-player video{object-fit:contain;background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}@media (max-width:900px){.work-hero-player,.work-hero-poster{min-height:58vw}.work-hero-play{width:3.6rem;height:3.6rem}}.admin-case-group{border:1px solid var(--yito-line);background:#ffffff05;border-radius:10px;gap:.9rem;padding:1rem 1.1rem;display:grid}.admin-case-group-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.admin-case-group-head h4{letter-spacing:.04em;color:var(--yito-green);margin:0;font-size:.92rem;font-weight:500}.admin-case-group-head p{color:#ffffff8c;margin:0;font-size:.78rem}.admin-kind-badge{letter-spacing:.06em;color:var(--yito-green);background:#8bcf4a14;border:1px solid #8bcf4a66;border-radius:999px;align-items:center;margin-left:.55rem;padding:.18rem .6rem;font-size:.72rem;display:inline-flex}.admin-kind-badge.is-bilibili{color:#4fc3f7;background:#00a1d61a;border-color:#00a1d680}.admin-kind-badge.is-local-video{color:#ffd54f;background:#ffc10714;border-color:#ffc10773}.admin-kind-badge.is-external-video{color:#ffffffc7;background:#ffffff0a;border-color:#ffffff47}.admin-case-advanced{border:1px dashed var(--yito-line);background:#ffffff04;border-radius:10px;padding:.7rem 1rem}.admin-case-advanced summary{cursor:pointer;color:#ffffffb8;-webkit-user-select:none;user-select:none;font-size:.86rem;list-style:none}.admin-case-advanced summary:before{content:"▸";margin-right:.45rem;transition:transform .18s;display:inline-block}.admin-case-advanced[open] summary:before{transform:rotate(90deg)}.admin-case-advanced-body{border-top:1px solid var(--yito-line);gap:.85rem;margin-top:.9rem;padding-top:.9rem;display:grid}.admin-case-gallery-hidden{color:#ffffff9e;background:#8bcf4a0d;border-left:2px solid #8bcf4a73;margin:0;padding:.6rem .9rem;font-size:.82rem}.case-media-video{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.case-media-video iframe,.case-media-video video{object-fit:contain;background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.case-video-origin{z-index:4;color:var(--yito-green);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030403c7;border:1px solid #8bcf4a80;align-items:center;gap:.45rem;padding:.5rem .78rem;font-size:.82rem;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex;position:absolute;bottom:.9rem;right:.9rem}.case-video-origin:hover{border-color:var(--yito-green);background:#030403eb}.case-video-card{border:1px solid var(--yito-line);color:#fff;background:#ffffff05;border-radius:10px;align-items:center;gap:1rem;padding:1.2rem 1.4rem;text-decoration:none;transition:border-color .2s,background .2s;display:flex}.case-video-card>span{flex-direction:column;flex:1;gap:.2rem;display:flex}.case-video-card strong{font-size:1rem;font-weight:500}.case-video-card small{color:#ffffff8c;font-size:.8rem}.case-video-card:hover{border-color:var(--yito-green);background:#8bcf4a0f}@media (max-width:820px){.hero-copy h1{font-size:clamp(2.1rem,8.6vw,3rem);line-height:1.12}.chapter-heading h2{font-size:clamp(1.7rem,6.6vw,2.4rem)}.contact-list .contact-reveal,.contact-list a,.hero-actions a,.text-link{align-items:center;min-height:2.75rem;display:inline-flex}.hero-actions a{padding:0 1.1rem}.selected-strip{grid-template-columns:1fr}.service-world-chapter{min-height:0}.service-world-visual{min-height:54vw}.service-bg-layer{transition:none}.about-chapter .chapter-text p,.service-world-copy p{line-height:1.8}}@media (max-width:560px){.hero-copy h1{font-size:clamp(1.9rem,9.4vw,2.55rem)}}@media (max-width:820px){.scroll-world-copy h1{font-size:clamp(2.2rem,9vw,3rem);line-height:1.12}.scroll-world-copy .hero-actions a{align-items:center;min-height:2.75rem;display:inline-flex}}.case-carousel{gap:.85rem;display:grid}.case-carousel-stage{touch-action:pan-y;background:#0b0c09;border:1px solid #f4f4ef24;height:clamp(24rem,72vh,46rem);position:relative;overflow:hidden}.case-carousel-slide{opacity:0;pointer-events:none;transition:opacity .32s;position:absolute;inset:0}.case-carousel-slide.is-active{opacity:1;pointer-events:auto}.case-carousel-media{object-fit:contain;object-position:center}.case-carousel-nav{z-index:3;color:#f4f4ef;cursor:pointer;background:#0304038c;border:1px solid #f4f4ef47;border-radius:999px;place-items:center;width:2.75rem;height:2.75rem;transition:background .2s,border-color .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.case-carousel-nav:hover{border-color:var(--yito-green);background:var(--yito-green);color:#050705}.case-carousel-nav.is-prev{left:1rem}.case-carousel-nav.is-next{right:1rem}.case-carousel-counter{z-index:3;color:#f4f4efd9;letter-spacing:.12em;background:#03040399;border:1px solid #f4f4ef33;padding:.3rem .65rem;font-size:.72rem;position:absolute;bottom:.9rem;right:1rem}.case-carousel-thumbs{scrollbar-width:thin;grid-auto-columns:5.5rem;grid-auto-flow:column;gap:.6rem;padding-bottom:.35rem;display:grid;overflow-x:auto}.case-carousel-thumb{cursor:pointer;opacity:.55;background:#0b0c09;border:1px solid #f4f4ef24;height:4.4rem;padding:0;transition:opacity .2s,border-color .2s;position:relative;overflow:hidden}.case-carousel-thumb.is-active{border-color:var(--yito-green);opacity:1}.case-carousel-thumb-media{object-fit:cover;object-position:top center}@media (max-width:820px){.case-carousel-stage{height:68vh}.case-carousel-nav{width:2.4rem;height:2.4rem}}