@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.30bdpjkrtcces.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.1v5bejj26fx9h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{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}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{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:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-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{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--blue:#0036a3;--ink:#0a0a0a;--paper:#f7f7f4;--line:#c9c9c4;--soft-blue:#e7edfa;--section-label-scale:1.5;--motion-ease:cubic-bezier(.22, 1, .36, 1);--motion-distance-x:24px;--motion-distance-x-sm:20px;--motion-distance-x-hero:18px;--motion-distance-y:16px;--motion-distance-y-sm:14px;--motion-rise:110%;--motion-duration-title:.82s;--motion-duration-content:.7s;--motion-duration-illustration:.8s;--motion-stagger:.1s}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Helvetica Neue,Arial,Noto Sans JP,sans-serif}a{color:inherit;text-decoration:none}.text-arrow,.nav-contact>span,.lower-page.page-contact .send-button>span:last-child{font-variant-emoji:text;font-variation-settings:normal;-webkit-font-smoothing:antialiased;font-family:Helvetica Neue,Arial,Noto Sans JP,sans-serif;font-style:normal}.site-header{z-index:20;background:0 0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;width:100%;height:104px;padding:0 clamp(28px,4.2vw,72px);transition:opacity .24s,transform .32s cubic-bezier(.22,1,.36,1),background-color .24s,border-color .24s,-webkit-backdrop-filter .24s,backdrop-filter .24s;display:flex;position:fixed;top:0;left:0}.site-header.is-scrolled{-webkit-backdrop-filter:blur(8px);background:#f7f7f4f0;border-bottom-color:#0000000f}.site-header.is-hidden{opacity:0;pointer-events:none;transform:translateY(-14px)}.site-header.is-hidden:focus-within,.site-header.is-menu-open{opacity:1;pointer-events:auto;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.site-header{transition-duration:.01ms!important}}.brand{width:174px;line-height:0;display:block}.brand img{width:100%;height:auto;display:block}.site-nav{letter-spacing:.06em;align-items:center;gap:clamp(22px,2.2vw,36px);font-size:16px;font-weight:750;line-height:1;display:flex}.site-nav a,.header-compact .nav-contact,.nav-menu-toggle,.site-menu-panel a{letter-spacing:.06em;align-items:center;min-height:44px;font-size:16px;font-weight:750;line-height:1;display:flex;position:relative}.site-nav a:after{content:"";background:var(--blue);height:1px;transition:right .25s;position:absolute;bottom:8px;left:0;right:100%}.site-nav a:hover:after{right:0}.site-nav .nav-contact:after{display:none}.nav-contact{color:var(--blue);border-bottom:1px solid var(--blue);box-sizing:border-box;padding-bottom:2px}.nav-contact span{margin-left:8px;font-size:1em;line-height:1}.header-compact{align-items:center;gap:22px;display:none}.nav-menu-toggle{color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-family:inherit}.site-menu-panel{z-index:25;border-bottom:1px solid var(--line);background:#f7f7f4f7;flex-direction:column;gap:2px;padding:8px clamp(28px,4.2vw,72px) 24px;display:none;position:absolute;top:100%;left:0;right:0}.site-header.is-menu-open .site-menu-panel{display:flex}.site-menu-panel .nav-contact{align-self:flex-start}@media (max-width:1050px){.site-nav-desktop{display:none}.header-compact{display:flex}}@media (max-width:430px){.header-compact .nav-contact{display:none}}main#top:not(.lower-page) .hero{align-items:flex-start;height:100vh;min-height:920px;max-height:1040px;padding:154px clamp(28px,6vw,108px) 64px;display:flex;position:relative;overflow:hidden}main#top:not(.lower-page) .hero:before{content:"";background:#0000001f;width:1px;position:absolute;top:0;bottom:0;left:50%}main#top:not(.lower-page) .hero-copy{width:min(1040px,78vw);margin-top:60px;position:static}main#top:not(.lower-page) .eyebrow{color:var(--blue);letter-spacing:.2em;gap:58px;margin:0 0 34px;font-size:11px;font-weight:750;display:flex}main#top:not(.lower-page) .eyebrow,main#top:not(.lower-page) .hero h1{z-index:5;position:relative}main#top:not(.lower-page) .hero h1{letter-spacing:-.065em;margin:0;font-size:clamp(62px,6.05vw,104px);font-weight:650;line-height:1.02}main#top:not(.lower-page) .hero h1 span{white-space:nowrap;display:block}main#top:not(.lower-page) .hero-lower{z-index:7;flex-direction:column;align-items:flex-start;gap:28px;display:flex;position:absolute;bottom:92px;left:clamp(28px,6vw,108px)}main#top:not(.lower-page) .hero-lower>p{letter-spacing:.025em;margin:0;font-size:16px;font-weight:500;line-height:2}main#top:not(.lower-page) .text-link{border-bottom:1px solid var(--ink);justify-content:space-between;width:190px;padding-bottom:12px;font-size:13px;font-weight:650;display:flex}main#top:not(.lower-page) .text-link i{color:var(--blue);font-size:18px;font-style:normal;transition:transform .25s}main#top:not(.lower-page) .text-link:hover i{transform:translate(4px,4px)}main#top:not(.lower-page) .hero-visual{z-index:3;width:min(74vw,1160px);height:min(31vw,480px);position:absolute;bottom:22px;right:-1.8vw}main#top:not(.lower-page) .hero-parade-art{z-index:3;object-fit:contain;object-position:right bottom;width:100%;height:100%;position:absolute;inset:0}main#top:not(.lower-page) .parade-shape{z-index:1;background:var(--blue);display:block;position:absolute}main#top:not(.lower-page) .parade-semicircle{opacity:.1;border-radius:220px 220px 0 0;width:220px;height:110px;top:4%;right:8%;transform:rotate(12deg)}main#top:not(.lower-page) .parade-triangle{border-top:55px solid #0000;border-bottom:55px solid #0000;border-left:96px solid var(--blue);opacity:.1;background:0 0;width:0;height:0;bottom:8%;left:34%}main#top:not(.lower-page) .visual-note{z-index:5;letter-spacing:.16em;font-size:9px;font-weight:700;position:absolute}main#top:not(.lower-page) .note-parade{color:var(--blue);top:2%;right:2%}main#top:not(.lower-page) .note-direction{bottom:1%;left:30%}main#top:not(.lower-page) .hero-coordinate{letter-spacing:.16em;font-size:9px;font-weight:700;position:absolute;bottom:54px;left:clamp(28px,6vw,108px)}main#top:not(.lower-page) .scroll-label{letter-spacing:.16em;writing-mode:vertical-rl;font-size:9px;font-weight:700;position:absolute;bottom:52px;right:34px}main#top:not(.lower-page) .scroll-label span{color:var(--blue);margin-top:14px}main#top:not(.lower-page) .introduction{background:#fff;grid-template-columns:repeat(12,1fr);column-gap:24px;min-height:880px;padding:138px clamp(28px,6vw,108px) 170px;display:grid;position:relative;overflow:hidden}main#top:not(.lower-page) .introduction:after{content:"";z-index:0;background:var(--blue);border-radius:310px 0 0 310px;width:310px;height:620px;position:absolute;bottom:-260px;right:-150px}main#top:not(.lower-page) .section-label{gap:calc(16px * var(--section-label-scale));font-size:calc(11px * var(--section-label-scale));letter-spacing:.12em;align-items:flex-start;font-weight:750;display:flex}main#top:not(.lower-page) .section-label>span{color:var(--blue);border-style:solid;border-width:calc(1px * var(--section-label-scale));border-color:var(--blue);width:calc(38px * var(--section-label-scale));height:calc(38px * var(--section-label-scale));border-radius:50%;flex:none;place-items:center;display:grid}main#top:not(.lower-page) .section-label p{margin:calc(4px * var(--section-label-scale)) 0 0;line-height:1.5}main#top:not(.lower-page) .section-label small{font-size:calc(9px * var(--section-label-scale));letter-spacing:.04em;font-weight:500;display:block}main#top:not(.lower-page) .section-label--on-dark{color:#fff;filter:none}main#top:not(.lower-page) .section-label--on-dark>span{color:#fff;border-color:#fff}main#top:not(.lower-page) .introduction>.section-label{grid-column:1/3}main#top:not(.lower-page) .intro-statement{grid-column:3/11;margin-top:150px;position:relative}main#top:not(.lower-page) .intro-statement h2{letter-spacing:-.055em;margin:0;font-size:clamp(48px,4.3vw,70px);font-weight:650;line-height:1.2}main#top:not(.lower-page) .intro-statement h2 span,main#top:not(.lower-page) .intro-statement em{white-space:nowrap;display:block}main#top:not(.lower-page) .intro-statement em{color:var(--blue);font-style:normal;position:relative}main#top:not(.lower-page) .hand-circle{border:2px solid var(--blue);opacity:.75;border-radius:50%;width:530px;height:102px;position:absolute;bottom:-12px;left:4.5%;transform:rotate(-2deg)}main#top:not(.lower-page) .hand-circle:after{content:"";border:1px solid var(--blue);border-radius:51%;position:absolute;inset:-6px 5px 3px -8px;transform:rotate(1deg)}main#top:not(.lower-page) .intro-copy{z-index:2;grid-column:9/13;margin-top:120px;position:relative}main#top:not(.lower-page) .intro-copy>p{margin:0;font-size:18px;font-weight:500;line-height:2.25}main#top:not(.lower-page) .margin-note{color:var(--blue);letter-spacing:.15em;align-items:center;gap:14px;margin-top:72px;font-size:9px;font-weight:750;display:flex}main#top:not(.lower-page) .margin-note i{font-size:17px;font-style:normal}main#top:not(.lower-page) .bridge-sketch{height:80px;position:absolute;bottom:65px;left:8%;right:0}main#top:not(.lower-page) .bridge-line{border-top:1.5px solid var(--ink);border-radius:50%;width:76%;height:42px;position:absolute;top:20px;left:0;transform:rotate(1.5deg)}main#top:not(.lower-page) .bridge-label{font-family:Georgia,serif;font-size:12px;font-style:italic;position:absolute;top:2px;left:57%;transform:rotate(-5deg)}main#top:not(.lower-page) .bridge-arrow{color:var(--blue);font-size:24px;position:absolute;top:28px;left:75%;transform:rotate(9deg)}main#top:not(.lower-page) .domains{background:var(--blue);color:#fff;padding:150px clamp(28px,6vw,108px) 180px;position:relative;overflow:hidden}main#top:not(.lower-page) .domains:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:8.333vw 100%,100% 160px;position:absolute;inset:0}main#top:not(.lower-page) .domains-heading{z-index:2;grid-template-columns:2fr 5fr 3fr;align-items:start;gap:40px;display:grid;position:relative}main#top:not(.lower-page) .section-kicker{font-size:calc(10px * var(--section-label-scale));letter-spacing:.2em;margin:8px 0 0;font-weight:750}main#top:not(.lower-page) .domains-heading h2{letter-spacing:-.05em;margin:0;font-size:clamp(42px,4vw,64px);font-weight:600;line-height:1.14}main#top:not(.lower-page) .domains-heading h2 span{white-space:nowrap;display:block}main#top:not(.lower-page) .domains-lead{margin:10px 0 0;font-size:14px;line-height:2}main#top:not(.lower-page) .domain-map{z-index:2;max-width:1180px;height:760px;margin:120px auto 0;position:relative}main#top:not(.lower-page) .map-center{z-index:5;width:250px;height:250px;color:var(--ink);text-align:center;background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:260px;left:calc(50% - 125px)}main#top:not(.lower-page) .map-center span{color:var(--blue);letter-spacing:.18em;margin-bottom:17px;font-size:8px;font-weight:750}main#top:not(.lower-page) .map-center strong{letter-spacing:-.04em;font-size:23px;line-height:1.04}main#top:not(.lower-page) .map-center small{margin-top:18px;font-size:10px}main#top:not(.lower-page) .map-center:after{content:"";opacity:.7;border:1px solid #fff;border-radius:50%;width:278px;height:255px;position:absolute;transform:rotate(15deg)}main#top:not(.lower-page) .domain{border-top:1px solid #ffffffb8;width:300px;min-height:174px;padding-top:13px;position:absolute}main#top:not(.lower-page) .domain-top{justify-content:space-between;align-items:center;display:flex}main#top:not(.lower-page) .domain-top span{letter-spacing:.12em;font-size:9px;font-weight:700}main#top:not(.lower-page) .domain-top i{background:#fff;border-radius:50%;width:8px;height:8px;display:block}main#top:not(.lower-page) .domain h3{letter-spacing:-.035em;margin:25px 0 3px;font-size:27px}main#top:not(.lower-page) .domain h4{margin:0;font-size:13px;font-weight:600}main#top:not(.lower-page) .domain p{opacity:.75;margin:22px 0 0;font-size:11px;line-height:1.7}main#top:not(.lower-page) .domain-business{top:25px;left:0}main#top:not(.lower-page) .domain-experience{top:25px;right:0}main#top:not(.lower-page) .domain-operation{bottom:10px;left:0}main#top:not(.lower-page) .domain-technology{bottom:10px;right:0}main#top:not(.lower-page) .domain-business:after,main#top:not(.lower-page) .domain-experience:after,main#top:not(.lower-page) .domain-operation:after,main#top:not(.lower-page) .domain-technology:after{content:"";background:#ffffffb3;width:250px;height:1px;position:absolute}main#top:not(.lower-page) .domain-business:after{transform-origin:0;top:160px;left:250px;transform:rotate(29deg)}main#top:not(.lower-page) .domain-experience:after{transform-origin:100%;top:160px;right:250px;transform:rotate(-29deg)}main#top:not(.lower-page) .domain-operation:after{transform-origin:0;bottom:145px;left:250px;transform:rotate(-29deg)}main#top:not(.lower-page) .domain-technology:after{transform-origin:100%;bottom:145px;right:250px;transform:rotate(29deg)}main#top:not(.lower-page) .map-orbit{border:1px dashed #ffffff59;border-radius:50%;position:absolute;top:50%;left:50%}.orbit-one{width:540px;height:400px;margin:-200px 0 0 -270px;transform:rotate(17deg)}.orbit-two{width:480px;height:560px;margin:-280px 0 0 -240px;transform:rotate(-21deg)}main#top:not(.lower-page) .map-note{opacity:.8;font-family:Georgia,serif;font-size:11px;font-style:italic;position:absolute}.note-cross{top:30px;left:38%;transform:rotate(-8deg)}.note-real{bottom:35px;right:28%;transform:rotate(6deg)}main#top:not(.lower-page) .create-section{background:var(--paper);padding:150px clamp(28px,6vw,108px) 180px;position:relative;overflow:hidden}main#top:not(.lower-page) .create-intro{grid-template-columns:7fr 3fr;align-items:end;gap:8vw;margin:110px 0 90px 16.666%;display:grid}main#top:not(.lower-page) .create-intro h2{letter-spacing:-.06em;margin:0;font-size:clamp(48px,5.2vw,82px);font-weight:620;line-height:1.08}main#top:not(.lower-page) .create-intro h2 em{color:var(--blue);font-style:normal}main#top:not(.lower-page) .create-intro>p{margin:0 0 8px;font-size:16px;line-height:2.1}main#top:not(.lower-page) .create-scene{border-bottom:1px solid #00000040;margin:-34px 0 72px;position:relative;overflow:visible}main#top:not(.lower-page) .create-scene>span{z-index:2;color:var(--blue);letter-spacing:.16em;font-size:9px;font-weight:750;position:absolute;bottom:28px;left:16.666%}main#top:not(.lower-page) .sceneRotator{aspect-ratio:1720/920;pointer-events:none;width:min(100%,980px);margin-left:auto;margin-right:2%;position:relative;overflow:visible}main#top:not(.lower-page) .sceneLayer{position:absolute;inset:0}main#top:not(.lower-page) .sceneMotion,main#top:not(.lower-page) .scenePosition,main#top:not(.lower-page) .sceneDrift{transform-origin:bottom;position:absolute;inset:0}main#top:not(.lower-page) .sceneMotion{transform:translate(0)scale(1)}main#top:not(.lower-page) .scenePosition{transform:translate(var(--scene-x,0%), var(--scene-y,0%)) scale(var(--scene-scale,1))}main#top:not(.lower-page) .sceneDrift{transform:translate(0)}main#top:not(.lower-page) .sceneLayer--active .sceneDrift{will-change:transform}main#top:not(.lower-page) .sceneLayer img{object-fit:contain!important;object-position:center bottom!important}main#top:not(.lower-page) .sceneLayer--active{opacity:1;z-index:1;transition:opacity var(--scene-pre-fade-ms,.3s) ease-out}main#top:not(.lower-page) .sceneLayer--active[data-opacity=dim]{opacity:var(--scene-dim-opacity,.94);will-change:mask-image}main#top:not(.lower-page) .sceneLayer--next{opacity:.88;z-index:2;will-change:mask-image, opacity}main#top:not(.lower-page) .sceneLayer--next .sceneMotion{will-change:transform}main#top:not(.lower-page) .sceneLayer--idle{visibility:hidden;z-index:0;pointer-events:none}@media (max-width:820px){main#top:not(.lower-page) .sceneLayer--active[data-opacity=dim],main#top:not(.lower-page) .sceneLayer--next,main#top:not(.lower-page) .sceneLayer--next .sceneMotion{will-change:auto}main#top:not(.lower-page) .sceneLayer--active .sceneDrift{will-change:auto;transform:translate(0)!important}}main#top:not(.lower-page) .sceneLayer--preload{opacity:0;pointer-events:none;z-index:0;position:absolute;inset:0}@supports not ((-webkit-mask-image:linear-gradient(#000, #000)) or (mask-image:linear-gradient(#000, #000))){main#top:not(.lower-page) .sceneLayer--next{animation:1s cubic-bezier(.4,0,.2,1) forwards sceneRevealFallback;-webkit-mask-image:none!important;mask-image:none!important}@keyframes sceneRevealFallback{0%{opacity:0}to{opacity:1}}}@media (prefers-reduced-motion:reduce){main#top:not(.lower-page) .sceneLayer--next{will-change:auto;-webkit-mask-image:none!important;mask-image:none!important}main#top:not(.lower-page) .sceneLayer--next .sceneMotion{will-change:auto}main#top:not(.lower-page) .sceneLayer--active .sceneDrift{will-change:auto;transform:translate(0)!important}}.creation-list{border-top:1px solid var(--ink)}.creation-row{border-bottom:1px solid #00000047;grid-template-columns:.55fr 1.5fr 2.1fr 2.2fr 40px;align-items:center;gap:32px;min-height:164px;transition:color .25s,padding .25s;display:grid;position:relative}.creation-row:before{content:"";background:var(--blue);transition:right .35s;position:absolute;inset:0 100% 0 0}.creation-row:hover:before{right:0}.creation-row>*{z-index:1;position:relative}.creation-row:hover{color:#fff;padding:0 22px}main#top:not(.lower-page) .creation-number,.creation-en{letter-spacing:.14em;font-size:9px;font-weight:750}.creation-row h3{letter-spacing:-.04em;margin:0;font-size:clamp(24px,2.1vw,34px);font-weight:600}main#top:not(.lower-page) .creation-text{margin:0;font-size:13px;line-height:1.9}.creation-arrow{color:var(--blue);justify-self:end;font-size:24px}.creation-row:hover .creation-arrow{color:#fff}main#top:not(.lower-page) .work-section{color:#fff;background:#090909;padding:150px clamp(28px,6vw,108px) 120px;position:relative;overflow:hidden}.culture-motif{background-position:50%;background-repeat:no-repeat;background-size:contain;display:block}.motif-guitar{background-image:url(/motifs/guitar.png)}.motif-plant{background-image:url(/motifs/plant.png)}.motif-chair{background-image:url(/motifs/chair.png)}.motif-taxi{background-image:url(/motifs/taxi.png)}main#top:not(.lower-page) .work-motif{opacity:.22;filter:grayscale()brightness(0)invert();width:150px;height:130px;position:absolute;bottom:18px;right:4vw;transform:rotate(7deg)}main#top:not(.lower-page) .work-section:before{content:"";background:#ffffff1f;width:1px;position:absolute;top:0;bottom:0;left:33.333%}main#top:not(.lower-page) .work-top{z-index:1;grid-template-columns:1.5fr 6fr 2.5fr;align-items:start;gap:40px;display:grid;position:relative}main#top:not(.lower-page) .work-note{color:#8da8df;letter-spacing:.17em;margin:4px 0 36px;font-size:9px;font-weight:750}main#top:not(.lower-page) .work-top h2{letter-spacing:-.055em;margin:0;font-size:clamp(48px,5.2vw,78px);font-weight:580;line-height:1.08}main#top:not(.lower-page) .work-lead{color:#c7c7c7;margin:46px 0 0;font-size:17px;line-height:2.1}.workflow{grid-template-columns:repeat(8,1fr);margin-top:135px;padding-top:45px;display:grid;position:relative}.workflow article{z-index:2;border-left:1px solid #ffffff3d;min-height:170px;padding:0 16px;position:relative}.workflow article>span{background:#090909;border:1px solid #fff;border-radius:50%;place-items:center;width:30px;height:30px;margin:-60px 0 30px -31px;font-size:8px;display:grid}.workflow b{color:#8da8df;letter-spacing:.14em;font-size:9px;display:block}.workflow p{writing-mode:vertical-rl;min-height:126px;margin:18px 0 0;font-size:13px;line-height:1.6}main#top:not(.lower-page) .workflow-line{background:#ffffff7a;height:1px;position:absolute;top:0;left:0;right:0}main#top:not(.lower-page) .workflow-line i{background:var(--blue);border-radius:50%;width:9px;height:9px;animation:8s ease-in-out infinite travel;position:absolute;top:-4px;left:0}@keyframes travel{0%,10%{left:0}90%,to{left:calc(100% - 9px)}}.work-caption{color:#777;letter-spacing:.08em;text-align:right;margin:60px 0 0;font:italic 13px Georgia,serif}main#top:not(.lower-page) .projects-section{background:#fff;padding:150px clamp(28px,6vw,108px) 180px;position:relative;overflow:hidden}main#top:not(.lower-page) .projects-motif{opacity:.85;width:190px;height:110px;position:absolute;top:92px;right:4.5vw;transform:rotate(-3deg)}.projects-heading{grid-template-columns:6fr 3fr;align-items:end;gap:8vw;margin:100px 0 95px 16.666%;display:grid}.projects-heading h2{letter-spacing:-.06em;margin:0;font-size:clamp(50px,5.2vw,80px);font-weight:620;line-height:1.08}.projects-heading p{margin:0 0 7px;font-size:14px;line-height:2.05}.project-grid{background:var(--ink);border:2px solid var(--ink);grid-template-columns:1.3fr 1fr 1fr;gap:2px;display:grid}main#top:not(.lower-page) .project-card{background:var(--paper);flex-direction:column;min-height:620px;padding:28px;display:flex}main#top:not(.lower-page) .project-visual{background:#eee;height:310px;margin:-28px -28px 32px;position:relative;overflow:hidden}main#top:not(.lower-page) .project-visual>span{z-index:2;color:#fff;letter-spacing:-.1em;font-size:220px;font-weight:650;line-height:.8;position:absolute;bottom:-40px;left:22px}main#top:not(.lower-page) .project-visual i,main#top:not(.lower-page) .project-visual b{background:var(--blue);display:block;position:absolute}main#top:not(.lower-page) .project-1 .project-visual{background:var(--blue)}main#top:not(.lower-page) .project-1 .project-visual i{opacity:.25;background:#fff;border-radius:50% 50% 0 0;width:60%;height:36%;top:10%;right:-5%;transform:rotate(16deg)}main#top:not(.lower-page) .project-2 .project-visual{background:#0b0b0b}main#top:not(.lower-page) .project-2 .project-visual i{width:54%;height:100%;left:25%;transform:skew(-25deg)}main#top:not(.lower-page) .project-3 .project-visual{background:#dfe6f6}main#top:not(.lower-page) .project-3 .project-visual i{border-radius:50%;width:44%;height:44%;top:12%;right:8%}main#top:not(.lower-page) .project-3 .project-visual b{background:#090909;width:34%;height:60%;bottom:0;left:10%}.project-type{color:var(--blue);letter-spacing:.15em;margin:0;font-size:12px;font-weight:750}main#top:not(.lower-page) .project-card h3{letter-spacing:-.04em;margin:20px 0 0;font-size:28px}.project-role{color:#666;margin:18px 0 0;font-size:15px;line-height:1.7}main#top:not(.lower-page) .technology-section{background:var(--blue);color:#fff;padding:150px 0 130px;position:relative;overflow:hidden}main#top:not(.lower-page) .technology-head{grid-template-columns:2fr 5fr 3fr;gap:40px;padding:0 clamp(28px,6vw,108px);display:grid}main#top:not(.lower-page) .technology-head h2{letter-spacing:-.055em;margin:0;font-size:clamp(48px,5vw,78px);font-weight:600;line-height:1.08}main#top:not(.lower-page) .technology-head>p{margin:36px 0 0;font-size:17px;line-height:2}main#top:not(.lower-page) .technology-visual{z-index:1;height:clamp(260px,28vw,430px);margin:45px clamp(28px,6vw,108px) -54px;position:relative}main#top:not(.lower-page) .technology-visual:before{content:"";background:#fffffff0;border-radius:50%;width:min(48vw,670px);height:78%;position:absolute;bottom:5%;right:2%;transform:rotate(-4deg)}main#top:not(.lower-page) .technology-visual img{object-fit:contain;object-position:right bottom;opacity:.97;width:min(52vw,720px);height:100%;position:absolute;bottom:0;right:3%}main#top:not(.lower-page) .technology-visual>span{color:#bed0f3;letter-spacing:.16em;font-size:9px;font-weight:750;position:absolute;bottom:72px;left:16.666%}main#top:not(.lower-page) .tech-marquee{border-top:1px solid #ffffffa6;border-bottom:1px solid #ffffffa6;margin-top:125px;overflow:hidden}main#top:not(.lower-page) .tech-marquee>div{align-items:center;width:max-content;animation:30s linear infinite marquee;display:flex}main#top:not(.lower-page) .tech-marquee span{letter-spacing:-.035em;white-space:nowrap;align-items:center;gap:42px;padding:35px 30px;font-size:clamp(28px,3vw,48px);font-weight:550;display:flex}main#top:not(.lower-page) .tech-marquee i{color:#99b4eb;font-size:17px;font-style:normal}@keyframes marquee{to{transform:translate(-35%)}}.tech-focus{grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:72px clamp(28px,6vw,108px) 0;display:grid}.tech-focus p{letter-spacing:.16em;margin:0;font-size:9px;font-weight:750}main#top:not(.lower-page) .tech-axis{background:#fff9;height:1px;position:relative}main#top:not(.lower-page) .tech-axis:after{content:"→";font-size:20px;position:absolute;top:-13px;right:0}main#top:not(.lower-page) .tech-axis span,main#top:not(.lower-page) .tech-axis i{background:#fff;width:11px;height:11px;position:absolute;top:-5px}main#top:not(.lower-page) .tech-axis span{border-radius:50%;left:18%}main#top:not(.lower-page) .tech-axis i{right:18%;transform:rotate(45deg)}main#top:not(.lower-page) .studio-section{background:var(--paper);grid-template-columns:repeat(12,1fr);gap:24px;min-height:980px;padding:150px clamp(28px,6vw,108px);display:grid;position:relative;overflow:hidden}main#top:not(.lower-page) .studio-chair-motif{opacity:.85;width:190px;height:150px;position:absolute;top:82px;right:4.5vw;transform:rotate(4deg)}main#top:not(.lower-page) .studio-plant-motif{opacity:.7;width:150px;height:170px;position:absolute;bottom:32px;left:2vw;transform:rotate(-5deg)}main#top:not(.lower-page) .studio-section:after{content:"";background:var(--blue);border-radius:420px 420px 0 0;width:420px;height:210px;position:absolute;bottom:-40px;right:-40px;transform:rotate(-8deg)}main#top:not(.lower-page) .studio-section>.section-label{grid-column:1/3}main#top:not(.lower-page) .studio-copy{grid-column:3/10;margin-top:145px}main#top:not(.lower-page) .studio-kicker{color:var(--blue);letter-spacing:.17em;font-size:9px;font-weight:750}main#top:not(.lower-page) .studio-copy h2{letter-spacing:-.06em;margin:34px 0 0;font-size:clamp(52px,5.4vw,84px);font-weight:620;line-height:1.08}main#top:not(.lower-page) .studio-copy h2 em{color:var(--blue);font-style:normal}main#top:not(.lower-page) .studio-side{grid-column:10/13;margin-top:295px}main#top:not(.lower-page) .studio-side>p{margin:0;font-size:17px;line-height:2.1}main#top:not(.lower-page) .line-link{border-bottom:1px solid var(--ink);justify-content:space-between;margin-top:45px;padding-bottom:13px;font-size:12px;font-weight:650;display:flex}main#top:not(.lower-page) .career-note{border:1px solid var(--ink);background:#fff;grid-column:3/8;grid-template-columns:1fr 2fr;gap:16px 28px;margin-top:105px;padding:31px 34px;display:grid}main#top:not(.lower-page) .career-note>span{color:var(--blue);letter-spacing:.16em;font-size:8px;font-weight:750}main#top:not(.lower-page) .career-note h3{letter-spacing:-.035em;margin:0;font-size:24px}main#top:not(.lower-page) .career-note p{grid-column:2;margin:0;font-size:15px;line-height:1.85}main#top:not(.lower-page) .career-note a{color:var(--blue);letter-spacing:.14em;border-top:1px solid #aaa;grid-column:2;justify-content:space-between;padding-top:16px;font-size:9px;font-weight:750;display:flex}main#top:not(.lower-page) .career-note i{font-style:normal}main#top:not(.lower-page) .contact-section{background:#fff;padding:160px clamp(28px,6vw,108px) 150px;position:relative;overflow:hidden}main#top:not(.lower-page) .contact-mark{z-index:0;opacity:.11;width:48vw;height:42vw;max-height:650px;position:absolute;top:80px;right:-7vw}main#top:not(.lower-page) .contact-mark span,main#top:not(.lower-page) .contact-mark i,main#top:not(.lower-page) .contact-mark b{background:var(--blue);display:block;position:absolute}main#top:not(.lower-page) .contact-mark span{border-radius:999px 999px 0 0;width:52%;height:26%;top:8%;right:6%}main#top:not(.lower-page) .contact-mark i{width:22%;height:72%;top:10%;left:17%}main#top:not(.lower-page) .contact-mark b{border-top:105px solid #0000;border-bottom:105px solid #0000;border-left:180px solid var(--blue);background:0 0;width:0;height:0;bottom:4%;left:42%}main#top:not(.lower-page) .contact-kicker{z-index:1;color:var(--blue);font-size:calc(10px * var(--section-label-scale));letter-spacing:.17em;margin:0 0 38px;font-weight:750;position:relative}main#top:not(.lower-page) .contact-section h2{z-index:1;letter-spacing:-.065em;margin:0;font-size:clamp(54px,5vw,76px);font-weight:620;line-height:1.08;position:relative}main#top:not(.lower-page) .contact-lead{z-index:1;max-width:530px;margin:55px 0 80px;font-size:16px;line-height:2;position:relative}main#top:not(.lower-page) .contact-links{z-index:1;border-top:1px solid var(--ink);width:min(830px,75%);margin-left:auto;position:relative}main#top:not(.lower-page) .contact-links a{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;min-height:116px;font-size:20px;font-weight:600;transition:padding .25s,color .25s,background .25s;display:flex}main#top:not(.lower-page) .contact-links a:hover{background:var(--blue);color:#fff;padding:0 22px}main#top:not(.lower-page) .contact-links small{color:var(--blue);letter-spacing:.17em;margin-bottom:10px;font-size:8px;display:block}main#top:not(.lower-page) .contact-links a:hover small{color:#fff}main#top:not(.lower-page) .contact-links i{font-size:28px;font-style:normal}footer{color:#fff;background:#090909;grid-template-columns:2fr 3fr 4fr;align-items:start;gap:30px;min-height:270px;padding:62px clamp(28px,6vw,108px) 36px;display:grid}footer .brand{filter:brightness(0)invert()}footer .footer-brand{align-content:start;gap:18px;display:grid}footer .footer-company{color:#a0a0a0;letter-spacing:.02em;gap:6px;font-size:11px;line-height:1.7;display:grid}footer .footer-company p{margin:0}footer>p{color:#777;letter-spacing:.17em;margin:8px 0 0;font-size:12px;font-weight:750}footer nav{letter-spacing:.1em;grid-template-columns:1fr 1fr;gap:21px;font-size:13px;font-weight:700;display:grid}footer small{color:#777;letter-spacing:.14em;border-top:1px solid #333;grid-column:1/4;align-self:end;padding-top:55px;font-size:8px}@media (max-width:980px){main#top:not(.lower-page) .hero{align-items:flex-start;min-height:860px;padding-top:180px}main#top:not(.lower-page) .hero-copy{width:100%}main#top:not(.lower-page) .hero h1{font-size:clamp(46px,9vw,76px)}main#top:not(.lower-page) .hero h1 span{white-space:nowrap}main#top:not(.lower-page) .hero-visual{width:88vw;height:44vw;bottom:35px;right:-8vw}main#top:not(.lower-page) .hero-lower{flex-direction:column;align-items:flex-start;gap:24px;bottom:70px}main#top:not(.lower-page) .introduction{min-height:auto;padding-top:100px;display:block}main#top:not(.lower-page) .intro-statement{margin-top:100px}main#top:not(.lower-page) .intro-copy{width:75%;margin:100px 0 0 auto}main#top:not(.lower-page) .hand-circle{width:65vw}main#top:not(.lower-page) .domains-heading{grid-template-columns:1fr}main#top:not(.lower-page) .domains-heading h2{margin-top:40px}main#top:not(.lower-page) .domain-map{grid-template-columns:1fr 1fr;gap:50px 30px;height:auto;margin-top:80px;display:grid}main#top:not(.lower-page) .domain,main#top:not(.lower-page) .map-center{width:auto;min-height:200px;position:relative;inset:auto}main#top:not(.lower-page) .map-center{order:5;grid-column:1/3;justify-self:center;width:240px;height:240px}main#top:not(.lower-page) .domain:after,main#top:not(.lower-page) .map-orbit,main#top:not(.lower-page) .map-note{display:none}main#top:not(.lower-page) .create-intro,.projects-heading{grid-template-columns:1fr;margin-left:0}main#top:not(.lower-page) .create-scene>span{left:0}.creation-row{grid-template-columns:50px 1fr 1.4fr 34px}.creation-en{display:none}main#top:not(.lower-page) .work-top,main#top:not(.lower-page) .technology-head{grid-template-columns:1fr 2fr}main#top:not(.lower-page) .work-lead,main#top:not(.lower-page) .technology-head>p{grid-column:2}.workflow{grid-template-columns:repeat(4,1fr);row-gap:85px}main#top:not(.lower-page) .workflow-line{display:none}.project-grid{grid-template-columns:1fr 1fr}main#top:not(.lower-page) .project-card:first-child{grid-column:1/3}main#top:not(.lower-page) .studio-copy{grid-column:1/10}main#top:not(.lower-page) .studio-side{grid-column:9/13}main#top:not(.lower-page) .career-note{grid-column:1/8}main#top:not(.lower-page) .projects-motif{width:145px;top:60px}}@media (max-width:640px){.site-header{height:82px}.brand{width:144px}main#top:not(.lower-page) .hero{height:auto;min-height:900px;padding-top:130px}main#top:not(.lower-page) .hero:before{left:28px}main#top:not(.lower-page) .eyebrow{gap:20px}main#top:not(.lower-page) .hero h1{font-size:45px;line-height:1.16}main#top:not(.lower-page) .hero-lower>p{font-size:15px}main#top:not(.lower-page) .hero-copy{margin-top:20px}main#top:not(.lower-page) .hero-visual{width:150vw;height:75vw;bottom:120px;right:-52vw}main#top:not(.lower-page) .hero-lower{bottom:42px;left:28px}main#top:not(.lower-page) .hero-lower .text-link,main#top:not(.lower-page) .note-parade{display:none}main#top:not(.lower-page) .note-direction{left:35%}main#top:not(.lower-page) .hero-coordinate{display:none}main#top:not(.lower-page) .introduction{padding-bottom:130px}main#top:not(.lower-page) .intro-statement h2{font-size:42px}main#top:not(.lower-page) .intro-statement h2 span,main#top:not(.lower-page) .intro-statement em{white-space:nowrap}main#top:not(.lower-page) .hand-circle{width:330px;height:70px;left:-5px}main#top:not(.lower-page) .intro-copy{width:100%;margin-top:80px}main#top:not(.lower-page) .intro-copy>p{font-size:15px}main#top:not(.lower-page) .domains{padding-top:100px}main#top:not(.lower-page) .domains-heading h2{font-size:44px}main#top:not(.lower-page) .domains-heading h2 span{white-space:normal}main#top:not(.lower-page) .domain-map{grid-template-columns:1fr}main#top:not(.lower-page) .map-center{grid-column:1}main#top:not(.lower-page) .create-section,main#top:not(.lower-page) .work-section,main#top:not(.lower-page) .projects-section,main#top:not(.lower-page) .technology-section,main#top:not(.lower-page) .studio-section,main#top:not(.lower-page) .contact-section{padding-top:100px;padding-bottom:110px}main#top:not(.lower-page) .create-intro{margin-top:80px}main#top:not(.lower-page) .create-scene{margin:16px 0 58px}main#top:not(.lower-page) .sceneRotator{width:100%;margin-right:0}main#top:not(.lower-page) .create-scene>span{bottom:20px;left:28px}main#top:not(.lower-page) .create-intro h2,.projects-heading h2,main#top:not(.lower-page) .work-top h2,main#top:not(.lower-page) .technology-head h2,main#top:not(.lower-page) .studio-copy h2{font-size:44px}.creation-row{grid-template-columns:35px 1fr 28px;gap:14px;min-height:128px}main#top:not(.lower-page) .creation-text{display:none}.creation-row h3{font-size:22px}main#top:not(.lower-page) .work-top,main#top:not(.lower-page) .technology-head{grid-template-columns:1fr}main#top:not(.lower-page) .work-lead,main#top:not(.lower-page) .technology-head>p{grid-column:auto}.workflow{grid-template-columns:1fr 1fr;gap:70px 0}.workflow article{min-height:120px}.workflow p{writing-mode:horizontal-tb;min-height:auto}.project-grid{grid-template-columns:1fr}main#top:not(.lower-page) .project-card:first-child{grid-column:auto}main#top:not(.lower-page) .project-card{min-height:530px}main#top:not(.lower-page) .technology-head h2{margin-top:72px}main#top:not(.lower-page) .technology-visual{height:300px;margin:35px 0 -20px}main#top:not(.lower-page) .technology-visual:before{width:112vw;height:70%;right:-20%}main#top:not(.lower-page) .technology-visual img{width:125vw;right:-22%}main#top:not(.lower-page) .technology-visual>span{bottom:28px;left:28px}.tech-focus{grid-template-columns:1fr}main#top:not(.lower-page) .tech-axis{order:3}main#top:not(.lower-page) .studio-section{min-height:auto;display:block}main#top:not(.lower-page) .studio-copy,main#top:not(.lower-page) .studio-side,main#top:not(.lower-page) .career-note{margin-top:80px}main#top:not(.lower-page) .career-note{display:block}main#top:not(.lower-page) .career-note>*{margin-top:18px}main#top:not(.lower-page) .career-note p,main#top:not(.lower-page) .career-note a{grid-column:auto}main#top:not(.lower-page) .contact-section h2{font-size:49px}main#top:not(.lower-page) .contact-links{width:100%}main#top:not(.lower-page) .contact-links a{font-size:16px}main#top:not(.lower-page) .work-motif,main#top:not(.lower-page) .projects-motif,main#top:not(.lower-page) .studio-chair-motif{opacity:.28;width:112px;height:96px}main#top:not(.lower-page) .projects-motif{opacity:.7;top:42px;right:12px}main#top:not(.lower-page) .studio-plant-motif{display:none}footer{grid-template-columns:1fr}footer small{grid-column:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}main#top:not(.lower-page) .workflow-line i,main#top:not(.lower-page) .tech-marquee>div{animation:none}}@media (max-width:640px){html,body,main{max-width:100%;overflow-x:clip}.site-header,main#top:not(.lower-page) .hero,main#top:not(.lower-page) .introduction,main#top:not(.lower-page) .domains,main#top:not(.lower-page) .create-section,main#top:not(.lower-page) .work-section,main#top:not(.lower-page) .projects-section,main#top:not(.lower-page) .studio-section,main#top:not(.lower-page) .contact-section{padding-left:clamp(20px,6.4vw,28px);padding-right:clamp(20px,6.4vw,28px)}.site-header{height:82px}.brand{width:144px}.header-compact{gap:18px}footer nav a,main#top:not(.lower-page) .line-link,main#top:not(.lower-page) .text-link,main#top:not(.lower-page) .career-note a{align-items:center;min-height:44px;display:flex}main#top:not(.lower-page) .hero{min-height:820px;padding-top:112px;padding-bottom:42px}main#top:not(.lower-page) .hero:before{left:clamp(20px,6.4vw,28px)}main#top:not(.lower-page) .hero-copy{margin-top:18px}main#top:not(.lower-page) .eyebrow{gap:16px;margin-bottom:28px;font-size:9px}main#top:not(.lower-page) .hero h1{letter-spacing:-.045em;font-size:clamp(26px,8vw,34px);line-height:1.22}main#top:not(.lower-page) .hero h1 span{white-space:nowrap}main#top:not(.lower-page) .hero-visual{width:104vw;height:52vw;bottom:155px;right:-12vw}main#top:not(.lower-page) .hero-lower{bottom:40px;left:clamp(20px,6.4vw,28px);right:clamp(20px,6.4vw,28px)}main#top:not(.lower-page) .hero-lower>p{max-width:34em;font-size:15px;line-height:1.9}main#top:not(.lower-page) .note-direction{left:20%}main#top:not(.lower-page) .introduction{padding-top:92px;padding-bottom:160px}main#top:not(.lower-page) .introduction:after{width:220px;height:440px;bottom:-340px;right:-130px}main#top:not(.lower-page) .intro-statement{margin-top:76px}main#top:not(.lower-page) .intro-statement h2{font-size:clamp(24px,7.4vw,30px);line-height:1.35}main#top:not(.lower-page) .intro-statement h2 span,main#top:not(.lower-page) .intro-statement em{white-space:nowrap}main#top:not(.lower-page) .hand-circle{width:min(88vw,335px);height:64px;bottom:-7px;left:-3px}main#top:not(.lower-page) .intro-copy{margin-top:70px}main#top:not(.lower-page) .intro-copy>p{font-size:15px;line-height:2.05}main#top:not(.lower-page) .margin-note{gap:10px;margin-top:48px}main#top:not(.lower-page) .domains{padding-top:92px;padding-bottom:110px}main#top:not(.lower-page) .domains-heading h2{text-wrap:balance;font-size:clamp(24px,7.2vw,30px);line-height:1.35}main#top:not(.lower-page) .domains-heading h2 span{white-space:normal}main#top:not(.lower-page) .connect-equation{gap:18px;margin-top:58px;padding:48px 0}main#top:not(.lower-page) .connect-equation span{font-size:clamp(20px,6.6vw,26px)}main#top:not(.lower-page) .connect-equation strong{width:min(58vw,204px);height:min(58vw,204px);font-size:clamp(23px,7vw,29px)}main#top:not(.lower-page) .create-section,main#top:not(.lower-page) .work-section,main#top:not(.lower-page) .projects-section,main#top:not(.lower-page) .technology-section,main#top:not(.lower-page) .studio-section,main#top:not(.lower-page) .contact-section{padding-top:92px;padding-bottom:104px}main#top:not(.lower-page) .create-intro{gap:28px;margin-top:68px}main#top:not(.lower-page) .create-intro h2,main#top:not(.lower-page) .work-top h2,main#top:not(.lower-page) .technology-head h2,main#top:not(.lower-page) .studio-copy h2{text-wrap:balance;font-size:clamp(28px,8.4vw,34px)}main#top:not(.lower-page) .create-intro>p{font-size:15px;line-height:2}main#top:not(.lower-page) .create-intro>p br{display:none}main#top:not(.lower-page) .create-scene{margin:22px 0 54px;overflow:visible}main#top:not(.lower-page) .sceneRotator{width:100%;margin-right:0}main#top:not(.lower-page) .create-scene>span{bottom:16px;left:0}main#top:not(.lower-page) .creation-spread{gap:48px;margin-top:66px}main#top:not(.lower-page) .creation-feature{padding-top:22px}main#top:not(.lower-page) .creation-feature h3{margin-top:28px}main#top:not(.lower-page) .work-top>div{min-width:0}main#top:not(.lower-page) .work-lead{margin-top:38px;font-size:17px}main#top:not(.lower-page) .workflow-cycle{gap:48px;margin-top:68px}main#top:not(.lower-page) .workflow-cycle .cycle-make{min-height:230px;padding:42px 34px}.work-caption{margin-top:48px;font-size:13px}.projects-heading{margin-top:72px;margin-bottom:58px}.projects-heading h2{font-size:clamp(20px,6.2vw,28px);line-height:1.5}.projects-heading h2 span:first-child{white-space:normal}.projects-heading h2 span:last-child{white-space:nowrap}.projects-break-mobile{display:block}.project-grid{gap:30px}main#top:not(.lower-page) .project-card{min-height:0;padding:22px}main#top:not(.lower-page) .project-visual{min-height:260px}main#top:not(.lower-page) .project-card h3{font-size:25px}main#top:not(.lower-page) .technology-head{padding-left:clamp(20px,6.4vw,28px);padding-right:clamp(20px,6.4vw,28px)}main#top:not(.lower-page) .technology-head h2{text-wrap:balance;margin-top:60px;font-size:clamp(26px,8vw,32px);line-height:1.15}main#top:not(.lower-page) .technology-head>p{font-size:17px;line-height:2}main#top:not(.lower-page) .technology-visual{height:clamp(230px,66vw,290px);margin:40px clamp(20px,6.4vw,28px) 0}main#top:not(.lower-page) .technology-visual:before{width:94%;height:72%;right:0}main#top:not(.lower-page) .technology-visual img{object-position:center bottom;width:96%;height:100%;right:0}main#top:not(.lower-page) .technology-visual>span{bottom:12px;left:0}.technology-landscape{gap:42px;margin:64px clamp(20px,6.4vw,28px) 0}main#top:not(.lower-page) .studio-copy,main#top:not(.lower-page) .studio-side,main#top:not(.lower-page) .career-note{margin-top:64px}main#top:not(.lower-page) .studio-copy h2{line-height:1.2}main#top:not(.lower-page) .studio-side>p{font-size:17px}main#top:not(.lower-page) .career-note{padding:26px 22px}main#top:not(.lower-page) .career-note h3{overflow-wrap:anywhere;font-size:clamp(20px,6.5vw,24px)}main#top:not(.lower-page) .contact-section h2{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(26px,8vw,32px);line-height:1.3}main#top:not(.lower-page) .contact-lead{margin:38px 0 54px;font-size:15px}main#top:not(.lower-page) .contact-links a{gap:16px;min-height:104px;padding:12px 0;font-size:clamp(14px,4.3vw,17px)}main#top:not(.lower-page) .contact-links i{flex:none}footer{gap:26px;padding:52px clamp(20px,6.4vw,28px) 30px}footer nav{gap:4px 22px}}@media (max-width:374px){.site-header{padding-left:18px;padding-right:18px}.brand{width:132px}main#top:not(.lower-page) .hero{min-height:780px}main#top:not(.lower-page) .hero h1{font-size:24px}main#top:not(.lower-page) .hero-visual{width:100vw;bottom:162px;right:-10vw}main#top:not(.lower-page) .intro-statement h2{font-size:22px}main#top:not(.lower-page) .hand-circle{width:286px}main#top:not(.lower-page) .create-intro h2,main#top:not(.lower-page) .work-top h2,main#top:not(.lower-page) .technology-head h2,main#top:not(.lower-page) .studio-copy h2{font-size:26px}main#top:not(.lower-page) .contact-section h2{font-size:24px}main#top:not(.lower-page) .contact-links a{font-size:13px}}main#top:not(.lower-page) .hero h1{font-size:clamp(54px,5.3vw,90px)}main#top:not(.lower-page) .domains-heading{grid-template-columns:2fr 8fr}main#top:not(.lower-page) .connect-equation{z-index:2;border-top:1px solid #ffffffb8;border-bottom:1px solid #ffffffb8;justify-content:center;align-items:center;gap:clamp(18px,2vw,38px);min-height:460px;margin:110px auto 0;display:flex;position:relative}main#top:not(.lower-page) .connect-equation span{letter-spacing:-.04em;font-size:clamp(22px,2.6vw,42px);font-weight:650}main#top:not(.lower-page) .connect-equation i,main#top:not(.lower-page) .connect-equation b{color:#9cb5e7;font:28px Georgia,serif}main#top:not(.lower-page) .connect-equation strong{width:clamp(190px,18vw,270px);height:clamp(190px,18vw,270px);color:var(--ink);text-align:center;letter-spacing:-.05em;background:#fff;border-radius:50%;place-items:center;font-size:clamp(24px,2.4vw,38px);line-height:.98;display:grid}main#top:not(.lower-page) .connect-equation:after{content:"IDEA × TECHNOLOGY × BUSINESS → NEW EXPERIENCE";letter-spacing:.17em;opacity:.7;font-size:8px;position:absolute;bottom:18px;left:0}main#top:not(.lower-page) .create-intro{grid-template-columns:5.5fr 4.5fr;align-items:start}main#top:not(.lower-page) .create-intro>p{max-width:570px}main#top:not(.lower-page) .creation-spread{min-height:1120px;margin-top:40px;position:relative}main#top:not(.lower-page) .creation-feature{z-index:1;border-top:1px solid var(--ink);background:#f7f7f4e0;width:min(430px,38%);padding:26px 0 30px;position:absolute}main#top:not(.lower-page) .creation-feature-01{top:0;left:0}main#top:not(.lower-page) .creation-feature-02{width:min(390px,35%);top:105px;right:4%}main#top:not(.lower-page) .creation-feature-03{width:min(490px,42%);top:550px;left:12%}main#top:not(.lower-page) .creation-feature-04{top:690px;right:0}main#top:not(.lower-page) .creation-feature .creation-number{color:var(--blue)}main#top:not(.lower-page) .creation-feature h3{color:var(--blue);letter-spacing:-.045em;margin:38px 0 16px;font-size:clamp(30px,3vw,48px)}main#top:not(.lower-page) .creation-feature .creation-text{max-width:390px;font-size:15px;line-height:1.85}main#top:not(.lower-page) .creation-feature ul{border-top:1px solid #00000040;margin:28px 0 0;padding:0;list-style:none}main#top:not(.lower-page) .creation-feature li{border-bottom:1px solid #0000002e;padding:14px 0 12px}main#top:not(.lower-page) .creation-feature li b{font-size:15px;font-weight:650;display:block}main#top:not(.lower-page) .creation-feature li small{color:#777;margin-top:6px;font-size:10px;line-height:1.6;display:block}main#top:not(.lower-page) .work-top{grid-template-columns:1.5fr 4.5fr 4fr}main#top:not(.lower-page) .work-lead{margin-top:42px}main#top:not(.lower-page) .work-lead p{margin:0 0 22px}main#top:not(.lower-page) .workflow-cycle{max-width:1020px;height:720px;margin:100px auto 0;position:relative}main#top:not(.lower-page) .workflow-cycle article{z-index:2;border-top:1px solid #ffffffa6;width:290px;padding-top:18px;position:absolute}main#top:not(.lower-page) .workflow-cycle article b{color:#9cb5e7;letter-spacing:.15em;font-size:13px}main#top:not(.lower-page) .workflow-cycle article p{color:#c7c7c7;margin:18px 0 0;font-size:17px;line-height:1.9}main#top:not(.lower-page) .cycle-answer{text-align:center;top:0;left:calc(50% - 145px)}main#top:not(.lower-page) .cycle-backcast{top:360px;left:0}main#top:not(.lower-page) .cycle-move{text-align:right;top:360px;right:0}main#top:not(.lower-page) .workflow-cycle .cycle-make{text-align:center;border:1px solid #fff;border-radius:50%;flex-direction:column;justify-content:center;width:310px;height:310px;padding:0 42px;display:flex;top:245px;left:calc(50% - 155px)}main#top:not(.lower-page) .cycle-make:after{content:"";border:1px solid #9cb5e7b3;border-radius:49%;position:absolute;inset:-14px 8px 5px -10px;transform:rotate(-8deg)}main#top:not(.lower-page) .workflow-cycle .cycle-make span{color:#fff;letter-spacing:-.03em;font-size:23px;font-weight:650}main#top:not(.lower-page) .cycle-loop{border:1px dashed #ffffff47;border-radius:50%;position:absolute;inset:80px 160px 40px}main#top:not(.lower-page) .cycle-loop span,main#top:not(.lower-page) .cycle-loop b{color:#9cb5e7;font-size:38px;font-weight:400;position:absolute;top:40%}main#top:not(.lower-page) .cycle-loop span{left:-18px}main#top:not(.lower-page) .cycle-loop b{right:-18px}main#top:not(.lower-page) .cycle-loop i{color:#9cb5e7;font:50px Georgia,serif;position:absolute;bottom:-25px;left:calc(50% - 25px)}.work-caption{max-width:690px;margin-left:auto;line-height:1.8}.projects-heading{max-width:none;margin:100px 0 80px 16.666%;display:block}.projects-heading h2{letter-spacing:-.03em;font-size:clamp(24px,2.4vw,34px);line-height:1.48}.projects-heading h2 span{display:block}.projects-heading h2 span:first-child{white-space:nowrap}.projects-break-mobile{display:none}.project-grid{grid-template-columns:1.25fr .95fr}main#top:not(.lower-page) .project-card:first-child{grid-column:auto}main#top:not(.lower-page) .project-card:nth-child(3){grid-column:1}main#top:not(.lower-page) .project-card:nth-child(4){grid-column:2;margin-top:82px}main#top:not(.lower-page) .technology-section{padding-bottom:170px}main#top:not(.lower-page) .technology-head h2{font-size:clamp(43px,4.7vw,72px)}.technology-landscape{min-height:880px;margin:110px clamp(28px,6vw,108px) 0;position:relative}main#top:not(.lower-page) .tech-layer{z-index:2;border-top:1px solid #ffffffa8;width:min(430px,39%);padding:18px 0 20px;position:absolute}main#top:not(.lower-page) .tech-layer-1{top:0;left:0}main#top:not(.lower-page) .tech-layer-2{top:85px;right:5%}main#top:not(.lower-page) .tech-layer-3{top:285px;left:12%}main#top:not(.lower-page) .tech-layer-4{top:390px;right:0}main#top:not(.lower-page) .tech-layer-5{top:600px;left:2%}main#top:not(.lower-page) .tech-layer-6{top:690px;right:14%}main#top:not(.lower-page) .tech-layer>span{color:#9cb5e7;letter-spacing:.15em;font-size:12px}main#top:not(.lower-page) .tech-layer h3{letter-spacing:-.035em;margin:20px 0 12px;font-size:clamp(20px,2vw,31px)}main#top:not(.lower-page) .tech-layer p{color:#d6def0;margin:0;font-size:16px;line-height:1.8}main#top:not(.lower-page) .technology-circuit{border:1px dashed #ffffff2e;border-radius:50%;position:absolute;inset:70px 8% 65px;transform:rotate(-8deg)}main#top:not(.lower-page) .technology-circuit span,main#top:not(.lower-page) .technology-circuit i,main#top:not(.lower-page) .technology-circuit b{background:#fff;width:9px;height:9px;position:absolute}main#top:not(.lower-page) .technology-circuit span{border-radius:50%;top:13%;left:12%}main#top:not(.lower-page) .technology-circuit i{top:48%;right:9%;transform:rotate(45deg)}main#top:not(.lower-page) .technology-circuit b{border-radius:50%;bottom:-4px;left:42%}@media (max-width:980px){main#top:not(.lower-page) .domains-heading{grid-template-columns:1fr}main#top:not(.lower-page) .connect-equation{flex-wrap:wrap;min-height:560px;padding:80px 0}main#top:not(.lower-page) .creation-spread{min-height:1280px}main#top:not(.lower-page) .creation-feature{width:46%}main#top:not(.lower-page) .creation-feature-03{left:0}main#top:not(.lower-page) .creation-feature-04{right:0}main#top:not(.lower-page) .work-top{grid-template-columns:1fr 2fr}main#top:not(.lower-page) .work-lead{grid-column:2}main#top:not(.lower-page) .workflow-cycle{height:760px}main#top:not(.lower-page) .cycle-loop{left:100px;right:100px}.project-grid{grid-template-columns:1fr 1fr}main#top:not(.lower-page) .project-card:first-child,main#top:not(.lower-page) .project-card:nth-child(3){grid-column:auto}main#top:not(.lower-page) .tech-layer{width:45%}}@media (max-width:640px){main#top:not(.lower-page) .hero h1{font-size:40px}main#top:not(.lower-page) .hero-lower>p br{display:none}main#top:not(.lower-page) .intro-statement h2{font-size:38px}main#top:not(.lower-page) .connect-equation{flex-direction:column;gap:23px;min-height:0;margin-top:70px;padding:60px 0}main#top:not(.lower-page) .connect-equation i,main#top:not(.lower-page) .connect-equation b{transform:rotate(90deg)}main#top:not(.lower-page) .connect-equation:after{display:none}main#top:not(.lower-page) .create-intro{grid-template-columns:1fr;gap:34px}main#top:not(.lower-page) .creation-spread{flex-direction:column;gap:64px;min-height:auto;margin-top:80px;display:flex}main#top:not(.lower-page) .creation-feature{background:0 0;width:100%;position:relative;inset:auto}main#top:not(.lower-page) .creation-feature-03{order:3}main#top:not(.lower-page) .creation-feature-04{order:4}main#top:not(.lower-page) .work-top{grid-template-columns:1fr}main#top:not(.lower-page) .work-lead{grid-column:auto}main#top:not(.lower-page) .workflow-cycle{flex-direction:column;gap:70px;height:auto;margin-top:85px;display:flex}main#top:not(.lower-page) .workflow-cycle article,main#top:not(.lower-page) .workflow-cycle .cycle-make{text-align:left;width:100%;height:auto;position:relative;inset:auto}main#top:not(.lower-page) .workflow-cycle .cycle-make{text-align:center;order:3;min-height:260px;padding:55px}main#top:not(.lower-page) .cycle-answer{order:1}main#top:not(.lower-page) .cycle-backcast{order:2}main#top:not(.lower-page) .cycle-move{order:4}main#top:not(.lower-page) .cycle-loop{display:none}.projects-heading{margin-left:0}.projects-heading h2{font-size:32px}.project-grid{grid-template-columns:1fr}main#top:not(.lower-page) .project-card:nth-child(4){grid-column:auto;margin-top:0}.technology-landscape{flex-direction:column;gap:52px;min-height:auto;margin-top:80px;display:flex}main#top:not(.lower-page) .tech-layer{width:100%;position:relative;inset:auto}main#top:not(.lower-page) .tech-layer-4{order:5}main#top:not(.lower-page) .tech-layer-5{order:6}main#top:not(.lower-page) .tech-layer-6{order:7}main#top:not(.lower-page) .technology-circuit{display:none}:root{--section-label-scale:1.2}main#top:not(.lower-page) .hero h1{font-size:clamp(26px,8vw,34px);line-height:1.22}main#top:not(.lower-page) .hero h1 span{white-space:nowrap}main#top:not(.lower-page) .intro-statement h2{font-size:clamp(24px,7.4vw,30px);line-height:1.35}main#top:not(.lower-page) .intro-statement h2 span,main#top:not(.lower-page) .intro-statement em{white-space:nowrap}main#top:not(.lower-page) .domains-heading h2{text-wrap:balance;font-size:clamp(24px,7.2vw,30px);line-height:1.35}main#top:not(.lower-page) .domains-heading h2 span{white-space:normal}main#top:not(.lower-page) .create-intro h2,main#top:not(.lower-page) .work-top h2,main#top:not(.lower-page) .studio-copy h2{text-wrap:balance;font-size:clamp(28px,8.4vw,34px)}main#top:not(.lower-page) .technology-head h2{text-wrap:balance;font-size:clamp(26px,8vw,32px);line-height:1.15}main#top:not(.lower-page) .contact-section h2{text-wrap:balance;font-size:clamp(26px,8vw,32px);line-height:1.3}main#top:not(.lower-page) .connect-equation{gap:18px;margin-top:58px;padding:48px 0}main#top:not(.lower-page) .connect-equation strong{width:min(58vw,204px);height:min(58vw,204px)}main#top:not(.lower-page) .create-intro{gap:28px}main#top:not(.lower-page) .creation-spread{gap:48px;margin-top:66px}main#top:not(.lower-page) .workflow-cycle{gap:48px;margin-top:68px}main#top:not(.lower-page) .workflow-cycle .cycle-make{min-height:230px;padding:42px 34px}.projects-heading h2{letter-spacing:-.03em;font-size:clamp(20px,6.2vw,28px);line-height:1.5}.projects-heading h2 span:first-child{white-space:normal}.projects-heading h2 span:last-child{white-space:nowrap}.projects-break-mobile{display:block}.technology-landscape{gap:42px;margin:64px clamp(20px,6.4vw,28px) 0}main#top:not(.lower-page) .work-lead,main#top:not(.lower-page) .technology-head>p,main#top:not(.lower-page) .studio-side>p{font-size:17px}main#top:not(.lower-page) .hero-lower>p,main#top:not(.lower-page) .intro-copy>p,main#top:not(.lower-page) .create-intro>p,main#top:not(.lower-page) .contact-lead{font-size:15px}}@media (max-width:374px){main#top:not(.lower-page) .hero h1{font-size:24px}main#top:not(.lower-page) .intro-statement h2,main#top:not(.lower-page) .domains-heading h2{font-size:22px}main#top:not(.lower-page) .create-intro h2,main#top:not(.lower-page) .work-top h2,main#top:not(.lower-page) .technology-head h2,main#top:not(.lower-page) .studio-copy h2{font-size:26px}main#top:not(.lower-page) .contact-section h2{font-size:24px}.projects-heading h2{font-size:20px}}@media (max-width:820px){:root{--motion-distance-x:14px;--motion-distance-x-sm:12px;--motion-distance-x-hero:12px;--motion-distance-y:12px;--motion-distance-y-sm:10px}}main#top:not(.lower-page) .motion-rise{display:block;overflow:hidden}main#top:not(.lower-page) .motion-rise-inner{display:block}main#top:not(.lower-page) [data-delay="0"]{--motion-delay:0s}main#top:not(.lower-page) [data-delay="1"]{--motion-delay:calc(var(--motion-stagger) * 1)}main#top:not(.lower-page) [data-delay="2"]{--motion-delay:calc(var(--motion-stagger) * 2)}main#top:not(.lower-page) [data-delay="3"]{--motion-delay:calc(var(--motion-stagger) * 3)}main#top:not(.lower-page) [data-delay="4"]{--motion-delay:calc(var(--motion-stagger) * 4)}main#top:not(.lower-page) [data-delay="5"]{--motion-delay:calc(var(--motion-stagger) * 5)}main#top:not(.lower-page) [data-delay="6"]{--motion-delay:calc(var(--motion-stagger) * 6)}main#top:not(.lower-page).motion-enabled [data-motion=x-left]:not(.is-revealed),main#top:not(.lower-page).motion-enabled [data-motion=x-right]:not(.is-revealed),main#top:not(.lower-page).motion-enabled [data-motion=y]:not(.is-revealed),main#top:not(.lower-page).motion-enabled [data-motion=fade]:not(.is-revealed){opacity:0}main#top:not(.lower-page).motion-enabled [data-motion=x-left]:not(.is-revealed){transform:translateX(calc(var(--motion-distance-x) * -1))}main#top:not(.lower-page).motion-enabled [data-motion=x-right]:not(.is-revealed){transform:translateX(var(--motion-distance-x))}main#top:not(.lower-page).motion-enabled [data-motion=y]:not(.is-revealed){transform:translateY(var(--motion-distance-y))}main#top:not(.lower-page).motion-enabled [data-motion=rise]:not(.is-revealed) .motion-rise-inner{opacity:0;transform:translateY(var(--motion-rise))}main#top:not(.lower-page).motion-enabled [data-motion=x-left].is-revealed,main#top:not(.lower-page).motion-enabled [data-motion=x-right].is-revealed,main#top:not(.lower-page).motion-enabled [data-motion=y].is-revealed,main#top:not(.lower-page).motion-enabled [data-motion=fade].is-revealed{opacity:1;transition:opacity var(--motion-duration-content) var(--motion-ease), transform var(--motion-duration-content) var(--motion-ease);transition-delay:var(--motion-delay,0s);transform:none}main#top:not(.lower-page).motion-enabled [data-motion=rise].is-revealed .motion-rise-inner{opacity:1;transition:opacity var(--motion-duration-title) var(--motion-ease), transform var(--motion-duration-title) var(--motion-ease);transition-delay:var(--motion-delay,0s);transform:translateY(0)}main#top:not(.lower-page).motion-enabled [data-motion=x-left][data-motion-role=illustration].is-revealed,main#top:not(.lower-page).motion-enabled [data-motion=x-right][data-motion-role=illustration].is-revealed,main#top:not(.lower-page).motion-enabled [data-motion=y][data-motion-role=illustration].is-revealed{transition-duration:var(--motion-duration-illustration)}main#top:not(.lower-page).motion-enabled .section-label[data-motion=x-left]:not(.is-revealed){transform:translateX(calc(var(--motion-distance-x-sm) * -1))}main#top:not(.lower-page).motion-enabled .section-label[data-motion=x-right]:not(.is-revealed){transform:translateX(var(--motion-distance-x-sm))}main#top:not(.lower-page).motion-enabled:not(.is-hero-ready) [data-motion-hero=x]{opacity:0;transform:translateX(calc(var(--motion-distance-x-hero) * -1))}main#top:not(.lower-page).motion-enabled:not(.is-hero-ready) [data-motion-hero=y]{opacity:0;transform:translateY(var(--motion-distance-y))}main#top:not(.lower-page).motion-enabled:not(.is-hero-ready) [data-motion-hero=rise] .motion-rise-inner{opacity:0;transform:translateY(var(--motion-rise))}main#top:not(.lower-page).motion-enabled:not(.is-hero-ready) [data-motion-hero=fade]{opacity:0}main#top:not(.lower-page).is-hero-ready [data-motion-hero=x],main#top:not(.lower-page).is-hero-ready [data-motion-hero=y],main#top:not(.lower-page).is-hero-ready [data-motion-hero=fade]{opacity:1;transition:opacity var(--motion-duration-content) var(--motion-ease), transform var(--motion-duration-content) var(--motion-ease);transition-delay:var(--hero-delay,0s);transform:none}main#top:not(.lower-page).is-hero-ready [data-motion-hero=rise] .motion-rise-inner{opacity:1;transition:opacity .85s var(--motion-ease), transform .85s var(--motion-ease);transition-delay:var(--hero-delay,0s);transform:translateY(0)}main#top:not(.lower-page) [data-motion-hero=x][data-hero-step="1"]{--hero-delay:80ms}main#top:not(.lower-page) [data-motion-hero=rise][data-hero-step="2"]{--hero-delay:.17s}main#top:not(.lower-page) [data-motion-hero=rise][data-hero-step="3"]{--hero-delay:.27s}main#top:not(.lower-page) [data-motion-hero=y][data-hero-step="4"]{--hero-delay:.38s}main#top:not(.lower-page) [data-motion-hero=fade][data-hero-step="5"]{--hero-delay:.54s}@media (prefers-reduced-motion:reduce){main#top:not(.lower-page).motion-enabled [data-motion],main#top:not(.lower-page).motion-enabled [data-motion-hero],main#top:not(.lower-page).motion-enabled [data-motion] .motion-rise-inner,main#top:not(.lower-page).motion-enabled [data-motion-hero] .motion-rise-inner{opacity:1!important;transition:none!important;transform:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
