.att-ugoki{--void:var(--intro-base-background,#050507);--ugoki-ink:#0a0a0f;--bone:var(--intro-base-ink,#ececf4);--ash:#949aa4;--ash-2:#3a3a46;--ash-deco:#62626f;--ultra:var(--brand,#3d40ff);--ultra-soft:var(--brand-light,#7b7dff);--ugoki-accent:var(--brand-accent,#ff2e9a);--line:rgba(236,236,244,0.12);--line-2:rgba(236,236,244,0.06);--edge:clamp(20px,5vw,80px);--att-header-surface:var(--void);--att-header-ink:var(--bone);--att-header-surface-alpha:92%;--att-header-blur:14px;--font-display:"Helvetica Neue",Helvetica,"Arial Black",Arial,system-ui,sans-serif;--ugoki-mono:ui-monospace,"SF Mono",Menlo,Consolas,"Courier New",monospace;--intro-background:var(--void);--intro-ink:var(--bone);--intro-accent:var(--ultra);--intro-accent-secondary:var(--ugoki-accent);--intro-duration:1200ms;--intro-soft-duration:900ms;--intro-duration-ms:1200;--intro-soft-duration-ms:900;--intro-motion-distance:32px;--intro-motion-distance-negative:-32px;--intro-soft-motion-distance:16px;--intro-soft-motion-distance-negative:-16px;--intro-particle-radius:24vmin;--intro-soft-particle-radius:12vmin;--intro-particle-size:6px;--intro-particle-glow:20px;--intro-particle-angle-deg:30;--intro-stagger-ms:45;--intro-character-tilt:-8deg;--intro-title-weight:900;--intro-title-tracking:-0.02em;--intro-particle-count:12;--att-motion-scale:1;--att-decoration-opacity:1;--att-decor-density:1;--ugoki-hero-duration:1s;--ugoki-hero-fade-duration:0.8s;--ugoki-hero-distance:16px;--ugoki-character-entry:110%;background:var(--void);color:var(--bone);font-size:17px;line-height:1.7;letter-spacing:.01em;overflow-x:hidden;min-height:100svh}.att-ugoki[data-tone=soft]{--att-motion-scale:0.25;--att-decoration-opacity:0.25;--att-decor-density:0.25;--ugoki-hero-duration:0.36s;--ugoki-hero-fade-duration:0.3s;--ugoki-hero-distance:4px;--ugoki-character-entry:30%;--intro-particle-count:3;--intro-soft-motion-distance:7px;--intro-soft-motion-distance-negative:-7px;--intro-soft-particle-radius:8vmin;--ultra:color-mix(in srgb,var(--brand) 58%,var(--void));--ultra-soft:color-mix(in srgb,var(--brand-light) 58%,var(--void));--ugoki-accent:color-mix(in srgb,var(--brand-accent) 58%,var(--void))}.att-ugoki ::selection{background:var(--ultra);color:#fff}.att-ugoki a{text-decoration:none}.att-ugoki .lede,.att-ugoki .mani,.att-ugoki h1,.att-ugoki h2,.att-ugoki h3{text-wrap:balance}.att-ugoki .sent{display:inline-block;max-width:100%}.att-ugoki .h2-jp{font-size:15px;letter-spacing:.14em;color:#c4c4d0;margin:12px 0 0}.att-ugoki .ugoki-field{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.att-ugoki .ugoki-veil{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 0,rgba(5,5,7,0) 0,rgba(5,5,7,.35) 55%,rgba(5,5,7,.82) 100%)}.att-ugoki .ugoki-grain{position:fixed;inset:-50%;z-index:2;pointer-events:none;opacity:calc(.05 * var(--att-decoration-opacity));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.att-ugoki .ugoki-prog{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,var(--ultra),var(--ultra-soft));z-index:60}.att-ugoki .topbar,.att-ugoki main{position:relative;z-index:10}.att-ugoki .topbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px var(--edge);mix-blend-mode:difference;transition:background-color .3s ease,backdrop-filter .3s ease,box-shadow .3s ease,mix-blend-mode .3s ease}.att-ugoki .topbar.is-scrolled{background-color:color-mix(in srgb,var(--att-header-surface) var(--att-header-surface-alpha),transparent);backdrop-filter:blur(var(--att-header-blur));-webkit-backdrop-filter:blur(var(--att-header-blur));box-shadow:0 1px 0 color-mix(in srgb,var(--att-header-ink) 16%,transparent);mix-blend-mode:normal}.att-ugoki .topbar.is-scrolled .brand-mark,.att-ugoki .topbar.is-scrolled .topnav{color:var(--att-header-ink)}.att-ugoki .brand-mark{display:flex;align-items:baseline;gap:10px;font-weight:800;letter-spacing:.04em;color:#fff}.att-ugoki .brand-mark .mk{font-size:20px}.att-ugoki .brand-mark .en{font-family:var(--ugoki-mono);font-size:15px;letter-spacing:.35em;text-transform:uppercase}.att-ugoki .topnav{display:flex;gap:26px;font-family:var(--ugoki-mono);font-size:15px;letter-spacing:.18em;color:#fff}.att-ugoki .topnav a{opacity:.8;transition:opacity .3s}.att-ugoki .topnav a:hover{opacity:1}@media (max-width:640px){.att-ugoki .topnav{display:none}}.att-ugoki .m-nav-btn{display:none;position:fixed;top:16px;right:var(--edge);z-index:70;font-family:var(--ugoki-mono);font-size:15px;letter-spacing:.25em;color:#fff;background:none;border:1px solid rgba(255,255,255,.4);padding:8px 14px;cursor:pointer;mix-blend-mode:difference}.att-ugoki.attitude-header-active .m-nav-btn{background-color:color-mix(in srgb,var(--att-header-surface) var(--att-header-surface-alpha),transparent);border-color:color-mix(in srgb,var(--att-header-ink) 48%,transparent);color:var(--att-header-ink);backdrop-filter:blur(var(--att-header-blur));-webkit-backdrop-filter:blur(var(--att-header-blur));mix-blend-mode:normal}.att-ugoki .m-nav-panel{position:fixed;inset:0;z-index:65;background:rgba(5,5,7,.97);display:flex;align-items:center;padding:0 var(--edge)}.att-ugoki .m-nav-panel nav{display:flex;flex-direction:column;gap:8px;width:100%}.att-ugoki .m-nav-panel a{font-family:var(--font-display);font-weight:800;font-size:clamp(34px,10vw,56px);letter-spacing:-.02em;line-height:1.25;color:var(--bone);border-bottom:1px solid var(--line-2);padding:10px 0;display:flex;align-items:baseline;gap:14px}.att-ugoki .m-nav-panel a .no{font-family:var(--ugoki-mono);font-size:15px;letter-spacing:.2em;color:var(--ultra-soft);font-weight:400}@media (max-width:640px){.att-ugoki .m-nav-btn{display:inline-flex}}.att-ugoki section{padding:clamp(90px,14vh,180px) var(--edge)}.att-ugoki .idx{font-family:var(--ugoki-mono);font-size:15px;letter-spacing:.3em;color:var(--ash);display:flex;align-items:center;gap:14px}.att-ugoki .idx:before{content:"";width:34px;height:1px;background:var(--ash-2);display:inline-block}.att-ugoki .hero{min-height:100svh;padding-top:clamp(88px,13vh,138px);padding-bottom:clamp(26px,6vh,60px);flex-direction:column;gap:clamp(18px,3vh,40px)}.att-ugoki .hero,.att-ugoki .hero-top{display:flex;justify-content:space-between}.att-ugoki .hero-top{align-items:flex-start;gap:24px}.att-ugoki .hero-eyebrow{max-width:34ch}.att-ugoki .hero-eyebrow .idx{margin-bottom:16px}.att-ugoki .hero-eyebrow p{font-size:clamp(13px,1.5vw,15px);color:#c9c9d6;margin:0}.att-ugoki .hero-coord{font-family:var(--ugoki-mono);font-size:15px;letter-spacing:.15em;color:var(--ash);text-align:right;line-height:2;flex:0 0 auto}.att-ugoki .hero-mid{display:flex;align-items:center;min-height:0;position:relative;isolation:isolate;overflow:hidden}.att-ugoki .hero-shot{z-index:-1;opacity:.3;object-fit:cover;object-position:center;filter:saturate(1.15) contrast(1.1)}.att-ugoki .hero-mid:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--void) 0,rgba(5,5,7,.2) 75%,var(--void) 100%)}.att-ugoki .hero-word{font-family:var(--font-display);font-weight:900;line-height:.84;letter-spacing:-.03em;text-transform:uppercase;margin:0;font-size:min(clamp(42px,13.5vw,200px),var(--ugoki-hero-max-size,200px))}.att-ugoki .hero-word .row{display:block;overflow:hidden;white-space:nowrap}.att-ugoki .hero-word .ch{display:inline-block;will-change:transform,opacity}.att-ugoki .hero-word .ch.sp{width:.24em}.att-ugoki .hero-sub{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;border-top:1px solid var(--line);padding-top:20px}.att-ugoki .hero-sub .lede{max-width:40ch;font-size:clamp(14px,1.6vw,17px);color:#cdcdd8;margin:0}.att-ugoki .hero-cta{display:inline-flex;align-items:center;gap:10px;font-family:var(--ugoki-mono);font-size:15px;letter-spacing:.18em;color:#fff;border:1px solid var(--ultra-soft);padding:14px 22px;transition:background .35s,color .35s;white-space:nowrap}.att-ugoki .hero-cta:hover{background:var(--ultra)}.att-ugoki .scrollcue{font-family:var(--ugoki-mono);font-size:15px;letter-spacing:.25em;color:var(--ash);white-space:nowrap;display:flex;align-items:center;gap:10px}.att-ugoki .scrollcue i{width:1px;height:34px;background:linear-gradient(var(--ultra),transparent);display:inline-block;animation:ugoki-cue 1.8s ease-in-out infinite}@keyframes ugoki-cue{0%,to{transform:scaleY(.3);opacity:.4}50%{transform:scaleY(1);opacity:1}}@media (max-width:640px){.att-ugoki .hero-coord{display:none}.att-ugoki .hero-sub{flex-direction:column;align-items:flex-start;gap:16px}.att-ugoki .hero-shot{opacity:.18}}.anim .att-ugoki .hero-word .ch{opacity:0;transform:translateY(var(--ugoki-character-entry)) rotate(8deg)}.anim .att-ugoki .hero.in .ch{opacity:1;transform:none;transition:transform var(--ugoki-hero-duration) cubic-bezier(.16,1,.3,1),opacity var(--ugoki-hero-fade-duration) ease}.anim .att-ugoki .hero-coord,.anim .att-ugoki .hero-eyebrow,.anim .att-ugoki .hero-sub{opacity:0;transform:translateY(var(--ugoki-hero-distance))}.anim .att-ugoki .hero.in .hero-coord,.anim .att-ugoki .hero.in .hero-eyebrow,.anim .att-ugoki .hero.in .hero-sub{opacity:1;transform:none;transition:opacity .9s ease .6s,transform .9s cubic-bezier(.16,1,.3,1) .6s}.att-ugoki .marquee{padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:rgba(10,10,15,.5);backdrop-filter:blur(2px)}.att-ugoki .marquee .track{display:flex;gap:0;white-space:nowrap;width:max-content;animation:ugoki-slide 34s linear infinite}.att-ugoki .marquee span{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(28px,5vw,64px);letter-spacing:-.01em;padding:18px 34px;color:transparent;-webkit-text-stroke:1px var(--ash-2)}.att-ugoki .marquee span em{font-style:normal;color:var(--ultra-soft);-webkit-text-stroke:0}@keyframes ugoki-slide{to{transform:translateX(-50%)}}.att-ugoki .manifesto{max-width:1180px}.att-ugoki .mani{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,5vw,72px);line-height:1.06;letter-spacing:-.02em;margin:26px 0 0}.att-ugoki .mani .dim{color:var(--ash)}.att-ugoki .mani .live{color:var(--bone)}.att-ugoki .motion-vocabulary-note{width:fit-content;max-width:100%;margin:clamp(28px,5vw,52px) 0 0;padding:12px 16px;border:1px solid var(--line);color:var(--bone);font-family:var(--ugoki-mono);font-size:15px;line-height:1.7;letter-spacing:.08em}.att-ugoki .reveal .w{display:inline-block}.anim .att-ugoki .reveal .w{opacity:.12;transition:opacity .5s ease}.anim .att-ugoki .reveal.in .w{opacity:1}.att-ugoki .reel{padding:0}.att-ugoki .reel-head{display:flex;justify-content:space-between;align-items:flex-end;padding:clamp(70px,10vh,120px) var(--edge) 34px;gap:20px}.att-ugoki .reel-head h2{font-family:var(--font-display);font-weight:900;font-size:clamp(30px,5vw,66px);letter-spacing:-.02em;margin:14px 0 0;line-height:.9}.att-ugoki .reel-head p{max-width:30ch;color:var(--ash);font-size:14px;margin:0}.att-ugoki .reel-strip{padding-bottom:clamp(72px,10vh,120px)}.att-ugoki .reel-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:14px;padding:0 var(--edge) 20px}.att-ugoki .reel-arrow{width:44px;height:44px;border:1px solid var(--line);background:color-mix(in srgb,var(--void) 82%,transparent);color:var(--bone);display:inline-grid;place-items:center;font-family:var(--ugoki-mono);font-size:18px;line-height:1;cursor:pointer;transition:border-color .25s ease,color .25s ease,background-color .25s ease,opacity .25s ease}.att-ugoki .reel-arrow:hover:not(:disabled){border-color:var(--ultra-soft);background:color-mix(in srgb,var(--ultra) 22%,var(--void))}.att-ugoki .reel-arrow:focus-visible,.att-ugoki .reel-track:focus-visible{outline:2px solid var(--ultra-soft);outline-offset:3px}.att-ugoki .reel-arrow:disabled{cursor:not-allowed;opacity:.35}.att-ugoki .reel-hint{display:flex;align-items:center;gap:12px;min-width:0}.att-ugoki .reel-hint .lbl{font-family:var(--ugoki-mono);font-size:15px;letter-spacing:.18em;color:var(--ash);white-space:nowrap}.att-ugoki .reel-prog{position:relative;flex:1;height:2px;background:var(--line)}.att-ugoki .reel-prog i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,var(--ultra),var(--ultra-soft))}.att-ugoki .reel-track{display:flex;gap:clamp(20px,3vw,48px);overflow-x:auto;overscroll-behavior-x:contain;padding:0 var(--edge) 14px;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--ultra-soft) var(--void);cursor:grab;touch-action:pan-x}.att-ugoki .reel-track[data-dragging=true]{cursor:grabbing;scroll-snap-type:none;user-select:none}.att-ugoki .reel-track::-webkit-scrollbar{height:6px}.att-ugoki .reel-track::-webkit-scrollbar-track{background:var(--void)}.att-ugoki .reel-track::-webkit-scrollbar-thumb{background:var(--ultra-soft)}.att-ugoki .reel-card{position:relative;width:clamp(280px,44vw,560px);flex:0 0 auto;border:1px solid var(--line);background:rgba(12,12,18,.55);aspect-ratio:4/5;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;scroll-snap-align:start;scroll-snap-stop:always;padding:26px}.att-ugoki .reel-card .num{font-family:var(--ugoki-mono);font-size:15px;letter-spacing:.2em;color:var(--ultra-soft)}.att-ugoki .reel-card .visual{position:absolute;inset:0;z-index:-1;opacity:.9;transition:transform .9s cubic-bezier(.16,1,.3,1)}.att-ugoki .reel-card:hover .visual{transform:scale(1.06)}.att-ugoki .reel-card .meta{align-self:flex-end;text-align:left;width:100%}.att-ugoki .reel-card .meta .cn{font-family:var(--font-display);font-weight:800;font-size:clamp(22px,3vw,34px);letter-spacing:-.01em;line-height:1}.att-ugoki .reel-card .meta .role{margin-top:8px}.att-ugoki .reel-card .meta .role,.att-ugoki .reel-card .tag{font-family:var(--ugoki-mono);font-size:15px;letter-spacing:.14em;color:var(--ash)}.att-ugoki .reel-card .tag{position:absolute;top:26px;right:26px}.att-ugoki .approach{display:grid;grid-template-columns:1fr;gap:0;max-width:1180px}.att-ugoki .approach .head{margin-bottom:20px}.att-ugoki .approach h2{font-family:var(--font-display);font-weight:900;font-size:clamp(30px,5vw,64px);letter-spacing:-.02em;margin:14px 0 0}.att-ugoki .steps{display:grid;grid-template-columns:1fr}.att-ugoki .step{display:grid;grid-template-columns:96px 1fr;gap:clamp(16px,4vw,48px);padding:clamp(26px,4vh,46px) 0;border-top:1px solid var(--line)}.att-ugoki .step:last-child{border-bottom:1px solid var(--line)}.att-ugoki .step .n{font-family:var(--font-display);font-weight:900;font-size:clamp(38px,6vw,84px);line-height:.8;color:var(--ash-deco);transition:color .5s}.att-ugoki .step:hover .n{color:var(--ultra-soft)}.att-ugoki .step .st-title{font-family:var(--font-display);font-weight:800;font-size:clamp(20px,2.6vw,30px);letter-spacing:-.01em;margin:0 0 10px}.att-ugoki .step .st-jp{font-size:17px;color:#c4c4d0;margin:0 0 8px}.att-ugoki .step .st-body{font-size:14px;color:var(--ash);margin:0;max-width:52ch}.att-ugoki .big-cta{text-align:left;position:relative}.att-ugoki .big-cta .big{font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:clamp(46px,13vw,200px);line-height:.84;letter-spacing:-.03em;margin:22px 0 0}.att-ugoki .big-cta .big a{display:inline-block;transition:transform .6s cubic-bezier(.16,1,.3,1)}.att-ugoki .big-cta .big a:hover{transform:translateX(.06em) skewX(-4deg);color:var(--ultra-soft)}.att-ugoki .big-cta .row{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px;margin-top:40px;border-top:1px solid var(--line);padding-top:22px}.att-ugoki .big-cta .row p{margin:0;max-width:38ch;color:#c4c4d0;font-size:17px}.att-ugoki .mailto{font-family:var(--ugoki-mono);font-size:clamp(13px,1.6vw,16px);letter-spacing:.08em;border-bottom:1px solid var(--ultra);padding-bottom:3px}.att-ugoki .contact-panel{padding:0}.att-ugoki .contact-panel>section{border-top:1px solid var(--line)}.att-ugoki .ugoki-footer{padding:40px var(--edge) 54px;border-top:1px solid var(--line-2);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;align-items:center}.att-ugoki .ugoki-footer .foot-note{font-family:var(--ugoki-mono);font-size:15px;letter-spacing:.12em;color:var(--ash)}@media (max-width:768px){.att-ugoki .reel-strip{padding-bottom:20px}.att-ugoki .reel-controls{display:none}.att-ugoki .reel-track{flex-direction:column;overflow:visible;padding:0 var(--edge) 20px;scroll-snap-type:none;touch-action:auto}.att-ugoki .reel-card{width:100%;aspect-ratio:16/11}.att-ugoki .step{grid-template-columns:60px 1fr}.att-ugoki .reel-note{display:none}}@media (prefers-reduced-motion:reduce){.anim .att-ugoki .hero-coord,.anim .att-ugoki .hero-eyebrow,.anim .att-ugoki .hero-sub,.anim .att-ugoki .hero-word .ch{opacity:1!important;transform:none!important;transition:none!important}.anim .att-ugoki .reveal .w{opacity:1!important}.att-ugoki .marquee .track,.att-ugoki .scrollcue i{animation:none}.att-ugoki .reel-track{scroll-behavior:auto}}