:root{--head:64px;--disc:clamp(46px, min(10.2vw, 14svh), 210px)}.intro-wait .intro{visibility:hidden}.grid-overlay{z-index:0;pointer-events:none;column-gap:var(--g);padding-inline:var(--m);grid-template-columns:repeat(12,1fr);display:grid;position:fixed;inset:0}.grid-overlay i{border-inline:1px solid var(--grid)}main{z-index:1;position:relative}.head{z-index:50;height:var(--head);background:color-mix(in srgb, var(--bg) 86%, transparent);backdrop-filter:blur(12px);transition:transform .7s var(--ease);align-items:center;position:fixed;inset:0 0 auto}.head:after{content:"";left:var(--m);right:var(--m);background:var(--rule);height:1px;position:absolute;bottom:0}.head.is-hidden{transform:translateY(-101%)}.logo{letter-spacing:-.05em;grid-column:1/4;justify-self:start;align-items:center;gap:7px;font-size:21px;font-weight:700;display:inline-flex}.logo i{background:var(--accent);width:9px;height:9px;transform:translateY(1px)}.nav{grid-column:4/9;gap:clamp(16px,2.2vw,34px);font-size:15px;display:flex}.lang{grid-column:9/11;justify-self:end;align-items:center;gap:2px;font-size:15px;display:flex}.lang span{color:var(--mute)}.lang a{color:var(--mute);align-items:center;gap:6px;padding:6px;transition:color .3s;display:inline-flex}.lang a:before{content:"";background:var(--accent);width:6px;height:6px;transition:transform .4s var(--out);transform:scale(0)}.lang a[aria-current]{color:var(--ink)}.lang a[aria-current]:before{transform:scale(1)}.lang a:hover{color:var(--ink)}.head-cta{grid-column:11/13;justify-self:end;align-items:center;gap:8px;font-size:15px;display:inline-flex}.u{position:relative}.u:after{content:"";transform-origin:100%;height:1px;transition:transform .55s var(--ease);background:currentColor;position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.u:hover:after{transform-origin:0;transform:scaleX(1)}.hero{min-height:100svh;padding-top:calc(var(--head) + clamp(16px, 2.4svh, 28px));flex-direction:column;display:flex;position:relative}.hero-meta{font-size:14px;line-height:1.3}.hero-meta .m1{grid-column:1/4}.hero-meta .m2{grid-column:4/7}.hero-meta .m3{font-variant-numeric:tabular-nums;grid-column:7/9}.hero-meta .m3:has([data-clock]:empty){visibility:hidden}.hero-meta .m4{color:var(--mute);grid-column:11/13;justify-self:end}.disc{margin-top:auto;padding-top:clamp(24px,4svh,56px)}.rule{height:1px;margin-inline:var(--m);background:var(--rule);transform-origin:0;display:block}.disc-row{position:relative}.disc-link{column-gap:var(--g);padding-inline:var(--m);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;display:grid}.disc-link:focus-visible{outline:none}.disc-idx{color:var(--mute);font-variant-numeric:tabular-nums;grid-column:1/2;align-self:start;padding-top:1.05em;font-size:14px;transition:color .3s}.disc-clip{font-size:var(--disc);grid-column:2/11;padding-block:.03em .2em;line-height:.9;display:block;overflow:hidden}.disc-word{letter-spacing:-.058em;white-space:nowrap;width:fit-content;transition:transform .9s var(--out), color .35s;font-weight:700;display:block}.disc-note{text-align:right;color:var(--mute);grid-column:11/13;justify-self:end;padding-bottom:1.1em;font-size:14px;line-height:1.3;transition:color .3s}.rule-hot{left:var(--m);right:var(--m);background:var(--accent);transform-origin:0;height:1px;transition:transform .8s var(--ease);position:absolute;bottom:0;transform:scaleX(0)}.disc-link:hover .disc-word,.disc-link:focus-visible .disc-word{color:var(--accent);transform:translate(.14em)}.disc-link:hover .disc-idx,.disc-link:hover .disc-note{color:var(--ink)}.disc-row:hover .rule-hot{transform:scaleX(1)}.hero-foot{align-items:end;row-gap:24px;padding-block:clamp(20px,3.4svh,40px) clamp(20px,3svh,36px)}.hero-lead{letter-spacing:-.015em;grid-column:1/6;max-width:36ch;font-size:clamp(17px,1.35vw,21px);line-height:1.3}.hero-more{grid-column:7/10;justify-self:start;align-items:center;gap:8px;font-size:15px;display:inline-flex}.btn{isolation:isolate;background:var(--ink);height:56px;color:var(--bg);letter-spacing:-.01em;grid-column:10/13;justify-self:end;align-items:center;gap:16px;padding:0 22px;font-size:16px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;background:var(--accent);transform-origin:bottom;transition:transform .55s var(--ease);position:absolute;inset:0;transform:scaleY(0)}.btn:hover:before{transform:scaleY(1)}.btn svg{transition:transform .55s var(--ease)}.btn:hover svg{transform:translate(4px)}.preview{z-index:40;aspect-ratio:10/7;pointer-events:none;visibility:hidden;background:var(--ink);width:clamp(240px,20vw,320px);position:fixed;top:0;left:0;overflow:hidden}.preview .art{clip-path:inset(0 0 100%);transition:clip-path .7s var(--ease)}.preview .art.on{clip-path:inset(0)}.art{position:absolute;inset:0;overflow:hidden}.art-web{background:#d9d8d1}.art-web:before{content:"";background:linear-gradient(#bdbcb5, #bdbcb5) 0 0 / 100% 1px no-repeat, radial-gradient(circle, #c9c8c1 45%, transparent 50%) 4% 4% / 14px 14px no-repeat, linear-gradient(var(--ink), var(--ink)) 8% 24% / 50% 8% no-repeat, linear-gradient(var(--ink), var(--ink)) 8% 36% / 34% 8% no-repeat, linear-gradient(#b9b8b1, #b9b8b1) 8% 52% / 42% 3% no-repeat, linear-gradient(#b9b8b1, #b9b8b1) 8% 58% / 34% 3% no-repeat, linear-gradient(var(--accent), var(--accent)) 92% 30% / 32% 42% no-repeat, linear-gradient(#e4e3dd, #e4e3dd) 8% 92% / 26% 18% no-repeat, linear-gradient(#e4e3dd, #e4e3dd) 50% 92% / 26% 18% no-repeat, linear-gradient(#e4e3dd, #e4e3dd) 92% 92% / 26% 18% no-repeat, var(--paper);position:absolute;inset:11% 9% -2%;box-shadow:0 20px 40px -24px #00000059}.art-dev{background:linear-gradient(var(--accent), var(--accent)) 10% 16% / 14% 4.5% no-repeat, linear-gradient(var(--bg), var(--bg)) 30% 16% / 26% 4.5% no-repeat, linear-gradient(#5b5b57, #5b5b57) 16% 28% / 32% 4.5% no-repeat, linear-gradient(var(--bg), var(--bg)) 62% 28% / 18% 4.5% no-repeat, linear-gradient(#5b5b57, #5b5b57) 22% 40% / 22% 4.5% no-repeat, linear-gradient(var(--accent), var(--accent)) 50% 40% / 24% 4.5% no-repeat, linear-gradient(var(--bg), var(--bg)) 22% 52% / 44% 4.5% no-repeat, linear-gradient(#5b5b57, #5b5b57) 16% 64% / 20% 4.5% no-repeat, linear-gradient(var(--bg), var(--bg)) 10% 76% / 10% 4.5% no-repeat, linear-gradient(var(--accent), var(--accent)) 26% 88% / 2% 7% no-repeat, var(--ink)}.art-gr{background:radial-gradient(circle at 74% 80%, var(--ink) 0 32%, transparent 32.4%), linear-gradient(var(--bg), var(--bg)) 10% 12% / 44% 3% no-repeat, linear-gradient(var(--bg), var(--bg)) 10% 19% / 30% 3% no-repeat, var(--accent)}.art-gr:after{content:"";aspect-ratio:1;background:var(--bg);clip-path:polygon(50% 0,100% 100%,0 100%);width:28%;position:absolute;bottom:12%;left:10%}.art-logo{background:var(--paper)}.art-logo:before{content:"";aspect-ratio:1;background:conic-gradient(var(--accent) 0 25%, var(--ink) 0);border-radius:50%;width:34%;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.art-logo:after{content:"";background:var(--ink);width:30%;height:5%;position:absolute;top:78%;left:50%;transform:translate(-50%)}.label{color:var(--mute);font-size:14px}.sec-head{align-items:end;padding-bottom:clamp(32px,4vw,64px)}.sec-head .label{grid-column:1/4;padding-bottom:.4em}.h2{letter-spacing:-.05em;grid-column:4/11;font-size:clamp(36px,4.8vw,80px);font-weight:700;line-height:.96}.count{color:var(--mute);font-variant-numeric:tabular-nums;grid-column:11/13;justify-self:end;padding-bottom:.4em;font-size:14px}.studio{row-gap:clamp(48px,6vw,88px);padding-block:clamp(110px,15vw,230px) clamp(80px,10vw,150px)}.studio .label{grid-column:1/4;padding-top:.6em}.manifest{letter-spacing:-.035em;text-indent:clamp(0px,12vw,200px);grid-column:4/13;font-size:clamp(26px,3.3vw,54px);line-height:1.08}.manifest .w{text-indent:0}.facts{column-gap:var(--g);border-top:1px solid var(--rule);grid-column:4/13;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:16px;display:grid}.facts dt{color:var(--mute);font-size:14px}.facts dd{margin-top:4px}.services{padding-bottom:clamp(96px,12vw,180px)}.svc-grid{row-gap:56px}.svc{flex-direction:column;grid-column:span 3;gap:14px;min-height:clamp(340px,31vw,460px);padding-top:18px;display:flex;position:relative}.svc:before,.svc:after{content:"";background:var(--ink);height:1px;position:absolute;top:0;left:0;right:0}.svc:after{background:var(--accent);transform-origin:0;height:3px;transition:transform .8s var(--ease);top:-1px;transform:scaleX(0)}.svc:hover:after{transform:scaleX(1)}.svc-idx{color:var(--mute);font-size:14px}.svc h3{letter-spacing:-.035em;font-size:clamp(22px,1.9vw,30px);font-weight:700;line-height:1.02}.svc-desc{max-width:30ch;color:var(--ink-2);font-size:15px;line-height:1.4}.svc-list{border-top:1px solid var(--rule);margin-top:auto;font-size:14px}.svc-list li{border-bottom:1px solid var(--rule);justify-content:space-between;padding:9px 0;display:flex}.svc-list li:after{content:"+";color:var(--mute)}.approach{padding-bottom:clamp(110px,13vw,200px)}.steps-line{height:1px;margin-inline:var(--m);background:var(--rule);position:relative}.steps-line i{background:var(--ink);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.steps{row-gap:48px;padding-top:24px}.step{flex-direction:column;grid-column:span 3;gap:10px;display:flex}.mask{display:block;overflow:hidden}.step-n{letter-spacing:-.065em;padding-bottom:.04em;font-size:clamp(60px,6.6vw,116px);font-weight:700;line-height:.86;display:block}.step h3{letter-spacing:-.02em;margin-top:14px;font-size:20px;font-weight:600}.step p{max-width:30ch;color:var(--ink-2);font-size:15px;line-height:1.4}.step-t{color:var(--mute);margin-top:auto;padding-top:14px;font-size:14px}@media (prefers-reduced-motion:reduce){.steps-line i{transform:none}}.contact{z-index:1;background:var(--ink);color:var(--bg);padding-top:clamp(100px,12vw,190px);position:relative}.contact .label{grid-column:1/4;padding-top:.8em}.contact-title{letter-spacing:-.058em;grid-column:4/13;font-size:clamp(44px,6.6vw,116px);font-weight:700;line-height:.92}.mail{letter-spacing:-.055em;white-space:nowrap;grid-column:1/13;justify-self:start;margin-top:clamp(56px,8vw,128px);font-size:clamp(28px,6.9vw,126px);font-weight:700;line-height:1.02;transition:color .4s;position:relative}.mail:after{content:"";background:var(--accent);transform-origin:100%;height:.06em;transition:transform .8s var(--ease);position:absolute;bottom:-.04em;left:0;right:0;transform:scaleX(0)}.mail:hover{color:var(--accent)}.mail:hover:after{transform-origin:0;transform:scaleX(1)}.contact-list{column-gap:var(--g);border-top:1px solid #edece733;grid-column:1/13;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:20px;margin-top:clamp(48px,6vw,80px);padding-top:16px;display:grid}.contact-list dt{color:var(--mute);font-size:14px}.contact-list dd{margin-top:4px;font-size:17px}.foot-bar{color:var(--mute);border-top:1px solid #edece71f;align-items:center;margin-top:clamp(80px,10vw,160px);padding-block:24px;font-size:14px}.foot-bar p:first-child{grid-column:1/4}.foot-bar p:nth-child(2){grid-column:4/10}.foot-bar a{color:var(--bg);grid-column:11/13;justify-self:end}@media (width<=1100px){.nav{display:none}.lang{grid-column:7/10}.head-cta{grid-column:10/13}.svc{grid-column:span 6;min-height:0}.step{grid-column:span 6}}@media (width<=760px){:root{--head:56px;--disc:clamp(40px, 15.6vw, 96px)}.disc-link,.grid-overlay{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-overlay i:nth-child(n+5){display:none}.logo{grid-column:1/3}.lang{grid-column:3/4;justify-self:start}.head-cta{grid-column:4/5}.head-cta [data-i18n]{display:none}.hero-meta{row-gap:10px}.hero-meta .m1{grid-column:1/3}.hero-meta .m2{grid-column:3/5}.hero-meta .m3{grid-column:1/3}.hero-meta .m4{grid-column:3/5}.disc-idx{grid-column:1/5;padding-top:14px;font-size:12px}.disc-clip{grid-column:1/5}.disc-note{display:none}.hero-lead,.hero-more,.btn{grid-column:1/5}.btn{justify-content:space-between;justify-self:stretch}.studio .label,.manifest,.facts,.sec-head .label,.h2,.contact .label,.contact-title{grid-column:1/5}.manifest{text-indent:0}.facts{grid-template-columns:1fr;row-gap:16px}.count{grid-column:1/5;justify-self:start;padding-top:12px}.svc,.step{grid-column:1/5}.contact-list{grid-template-columns:1fr 1fr}.foot-bar p:first-child{grid-column:1/3}.foot-bar p:nth-child(2){grid-area:2/1/auto/5;margin-top:8px}.foot-bar a{grid-area:1/3/auto/5;justify-self:end}}
