:root{--bg:#10110f;--ink:#f4f2fc;--muted:#a397b1;--line:#b4b1e51f;--accent:#acb5f5;--accent-ink:#f3f5ff;--accent-gradient:linear-gradient(120deg,#243c84,#5747bc);--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif;--mono:'IBM Plex Mono',monospace;--edge:clamp(24px,5vw,80px);--header-height:100px;--header-inset:clamp(8px,1.5vw,24px);--header-radius:clamp(16px,2vw,24px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 12px);overflow-x:clip}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip;isolation:isolate}body:before{content:'';position:fixed;inset:0;z-index:25;opacity:.018;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #bcb2ff;outline-offset:5px}h1,h2,h3,p{margin:0}img{max-width:100%;display:block}em{font-family:var(--serif);font-weight:400}::selection{color:#fff;background:#4b4190}[hidden]{display:none!important}.section-shell{max-width:1380px;padding-inline:var(--edge);margin-inline:auto}main,footer{position:relative;z-index:1}.ambient-light{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 88% 6%,#282b6535,transparent 55%),radial-gradient(ellipse at 5% 68%,#18284920,transparent 48%)}.cursor-glow{position:fixed;width:420px;height:420px;left:0;top:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse,#7554ed1c,transparent 65%);filter:blur(35px);transform:translate(-500px,-500px);transition:transform .35s ease-out}.cursor{position:fixed;top:-100px;left:-100px;z-index:101;pointer-events:none;width:5px;height:5px;background:#c4b7ff;border-radius:50%;box-shadow:0 0 20px #ac8aff80;transition:width .2s,height .2s}.cursor.over{width:11px;height:11px}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#5579d8,#b28aef);z-index:100}.skip{position:fixed;top:-80px;left:20px;background:#f4f0ff;color:#151127;padding:15px;z-index:102}.skip:focus{top:15px}

.header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 40;
  height: var(--header-height);
  padding-inline: max(var(--edge), calc((100% - 1380px) / 2 + var(--edge)));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
}
.header::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: #10110feb;
  backdrop-filter: blur(16px);
  border: 1px solid transparent;
  border-bottom-color: var(--line);
  transition: inset .25s ease, background-color .25s ease, border-color .25s ease, border-radius .25s ease;
}
.header.is-scrolled::before {
  inset: 8px max(var(--header-inset), calc((100% - 1440px) / 2));
  background-color: #10110fcc;
  border-color: var(--line);
  border-radius: var(--header-radius);
}
.logo{display:flex;align-items:center;gap:15px;font:italic 36px/1 var(--serif);letter-spacing:-.04em}.logo-sub{font:7px var(--mono);letter-spacing:.12em;color:#a9a5bf;margin-top:8px}.desktop-nav{display:flex;gap:30px;font-size:13px;color:#c1bdd1}.desktop-nav a:hover{color:#fff}.desktop-nav span{font:8px var(--mono);vertical-align:super;margin-left:3px;color:#8a83a1}.header-actions{display:flex;align-items:center;gap:20px}.header-contact{font-size:9px;border:1px solid #bdb7de4d;border-radius:30px;padding:12px 17px;display:flex;align-items:center;gap:22px;transition:background .3s,box-shadow .3s}.header-contact:hover{background:#9b8cfb14;box-shadow:0 0 25px #7358e51c}.header-contact span{font-size:15px;color:#c5b9ff}.language-switch{display:flex;gap:1px;align-items:center;padding:3px;border:1px solid #a39bc62b;border-radius:22px}.language-switch button{font:8px var(--sans);padding:7px 8px;border-radius:18px;color:#aaa5bd;transition:color .25s,background .25s}.language-switch button.active{color:#fff;background:#6f5ac140}.language-switch button:hover{color:#fff}.menu-toggle,.mobile-nav{display:none}
.hero{position:relative;padding-top:135px;padding-bottom:25px;isolation:isolate}.hero:before{content:'';position:absolute;top:90px;right:-70px;width:900px;height:650px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 72% 44%,#9356f14d,#4b39ac38 27%,#2d3c9226 48%,transparent 70%);filter:blur(45px);animation:ambient-shift 17s ease-in-out infinite alternate}.hero:after{content:'';position:absolute;top:240px;right:60px;width:300px;height:330px;z-index:-1;background:radial-gradient(ellipse,#bf65e82e,transparent 65%);filter:blur(45px);pointer-events:none}.hero-body{display:grid;grid-template-columns:.98fr 1.02fr;align-items:center;min-height:590px}.hero-copy{position:relative;z-index:3;padding-bottom:35px}h1{font:500 clamp(58px,6.5vw,94px)/.98 var(--serif);letter-spacing:-.055em}h1>span,h1>em{display:block;white-space:nowrap}h1>em{color:#c7b7ee;font-weight:400}.hero-intro{font-size:12px;line-height:1.9;color:#bdb5cf;margin-top:30px;max-width:420px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:31px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:35px;padding:14px 23px;border:1px solid #f2edff9c;border-radius:30px;background:linear-gradient(130deg,#f4efff,#d8d4ef);color:#292337;box-shadow:0 3px 24px #aaa0f216;font-size:10px;font-weight:600;line-height:1.2;transition:transform .3s,box-shadow .3s}.primary-button>span{font-size:17px;font-weight:400}.primary-button:hover{transform:translateY(-3px);box-shadow:0 6px 30px #b49aff35}.quiet-link{font-size:9px;color:#c6bcd7;display:flex;gap:17px;align-items:center}.quiet-link:hover{color:#fff}.quiet-link>span{font-size:15px}.hero-gallery{position:relative;width:116%;margin-left:-8%;transform:translateY(8px)}.gallery-accessible{width:100%}
.intro-strip{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px;align-items:center;padding-top:35px;padding-bottom:37px;border-bottom:1px solid var(--line)}.intro-strip>p{font:29px/1.05 var(--serif);letter-spacing:-.03em;color:#d1c6e0}.intro-strip>p>em{color:#9485ad}.discipline{display:grid;grid-template-columns:20px 1fr;gap:9px 12px;align-items:center}.discipline>span{font:8px var(--mono);color:#807092;align-self:start;padding-top:4px}.discipline>strong{font:500 13px var(--sans);color:#c2b7d2}.discipline>small{font-size:8px;color:#81768f;grid-column:2}
.work{padding-top:112px;padding-bottom:65px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.eyebrow{font:7px var(--mono);letter-spacing:.13em;color:#8f82a6;margin-bottom:22px}.section-heading h2,.about h2{font:400 clamp(48px,5.3vw,77px)/.99 var(--serif);letter-spacing:-.045em}.section-heading h2 em,.about h2 .accent-text,.section-heading .muted{font-family:var(--serif);font-style:italic;color:#b6a3d2}.section-aside{font-size:10px;line-height:1.9;color:#93869f;padding-bottom:5px}.work-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:36px;padding-bottom:22px;border-bottom:1px solid var(--line)}.filters{display:flex;gap:6px;flex-wrap:wrap}.filter{font-size:9px;color:#90859f;border:1px solid transparent;border-radius:22px;padding:9px 15px;transition:color .25s,background .25s,border .25s}.filter>sup{font:6px var(--mono);margin-left:5px}.filter.active{background:#c0afe418;border-color:#c3b1eb31;color:#e8ddf6}.filter:hover{color:#fff}.projects{display:block}.case-row{position:relative;width:100%;display:grid;grid-template-columns:1.08fr .92fr;gap:95px;align-items:center;text-align:left;padding:25px 0;margin:60px 0 85px;min-height:375px}.project-art{min-width:0}.project-summary{min-width:0;max-width:390px}.project-index{display:block;font:7px var(--mono);color:#8a79a5;letter-spacing:.08em;margin-bottom:12px}.project-summary h3{font:500 clamp(43px,4vw,60px)/1 var(--serif);letter-spacing:-.04em}.project-description{font-size:10px;line-height:1.95;color:#96869f;margin-top:20px;max-width:340px}.project-read{display:inline-flex;align-items:center;gap:30px;font-size:9px;color:#e0d4f0;border:1px solid #a594bd3d;border-radius:25px;padding:11px 17px;margin-top:23px;transition:background .3s,border .3s}.project-read>span{font-size:16px}.project:hover .project-read{border-color:#ba9de594;background:#9c77cf12}
.about{display:grid;grid-template-columns:.8fr 1fr;gap:110px;align-items:center;padding-top:90px;padding-bottom:100px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-visual{position:relative;max-width:440px}.about-copy h2{margin-bottom:24px}.about-lead{font:400 22px/1.3 var(--serif);color:#c6b7d5;margin-bottom:20px;max-width:420px}.about-body{font-size:10px;line-height:2;color:#9986a6;margin-bottom:12px;max-width:450px}.about-tags{display:flex;gap:6px;flex-wrap:wrap;margin:24px 0}.about-tags>span{font-size:7px;padding:7px 10px;border:1px solid #a185b72f;border-radius:20px;color:#a38bb2}.text-link{display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid #8e75a35e;padding-bottom:8px;font-size:9px;color:#c2accf}.text-link:hover{color:#fff}.text-link>span{font-size:15px}
.services{padding-top:100px;padding-bottom:100px}.service-list{margin-top:43px;border-top:1px solid var(--line)}.service{border-bottom:1px solid var(--line)}.service summary{display:flex;align-items:center;gap:30px;list-style:none;cursor:pointer;padding:28px 0;color:#d9cce4;transition:color .3s}.service summary::-webkit-details-marker{display:none}.service summary:hover{color:#fff}.service-number{font:8px var(--mono);color:#79648d;width:30px}.service h3{font:400 40px/1.1 var(--serif);letter-spacing:-.025em}.service-short{font:7px var(--mono);letter-spacing:.03em;color:#7f688f;margin-left:auto}.service-chevron{font:24px/1 var(--sans);width:28px;text-align:center;color:#aa89c4;transition:transform .3s}.service[open] .service-chevron{transform:rotate(180deg)}.service-content{display:flex;gap:60px;padding:0 57px 28px 60px;animation:fade-in .4s both}.service-content p{max-width:450px;font-size:10px;line-height:1.9;color:#9881a5}.service-content>div{display:flex;align-items:flex-start;justify-content:flex-end;gap:6px;flex-wrap:wrap;margin-left:auto;max-width:300px}.service-content>div>span{font-size:7px;padding:7px 10px;border:1px solid #a185b72f;border-radius:20px;color:#a38bb2}
.contact{padding-top:110px;padding-bottom:90px;position:relative;isolation:isolate;border-top:1px solid var(--line)}.contact:before{content:'';position:absolute;z-index:-1;inset:-5% 2% -15%;background:radial-gradient(ellipse at 50% 60%,#6c3e9d29,transparent 62%);filter:blur(40px);pointer-events:none}.contact-inner{text-align:center;max-width:900px;margin:auto}.contact h2{font:400 clamp(56px,7.3vw,108px)/.98 var(--serif);letter-spacing:-.055em}.contact h2>em{color:#b79bcf}.contact-description{font-size:10px;line-height:1.85;color:#9b7faa;margin:25px auto 28px}.socials{display:flex;justify-content:center;gap:35px;margin-top:33px}.socials>a{display:flex;gap:25px;align-items:center;font-size:9px;color:#b193c2;border-bottom:1px solid #80608e59;padding-bottom:8px}.socials>a>span{font-size:15px}.socials>a:hover{color:#fff}.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:25px;padding-bottom:28px;border-top:1px solid var(--line)}.footer-logo{font:italic 30px var(--serif);display:flex;align-items:center;gap:14px;color:#cfbddc}.footer-logo>span{font:6px var(--mono);letter-spacing:.07em;color:#846b94}.footer>span{font:6px var(--mono);color:#755b83}.footer>a:last-child{display:flex;align-items:center;gap:20px;font:6px var(--mono);color:#9673a6}.footer>a:last-child>span{font-size:14px}.floating-contact{position:fixed;right:22px;bottom:22px;z-index:45;display:flex;align-items:center;gap:9px;padding:12px 18px;border:1px solid #b09ae780;border-radius:25px;background:linear-gradient(130deg,#41387d,#744caa);color:#f0e2ff;box-shadow:0 0 28px #9261da52,0 8px 30px #0004;font-size:9px;transition:box-shadow .3s,transform .3s}.floating-contact>svg{width:18px;height:18px}.floating-contact:hover{transform:translateY(-3px);box-shadow:0 0 35px #a16deb88,0 8px 30px #0004}
.reveal{opacity:1;transform:none}.js-ready .reveal:not(.is-visible){opacity:0;transform:translateY(28px)}.js-ready .reveal{transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1)}.case-dialog{width:min(880px,94vw);max-height:91dvh;overflow:auto;overscroll-behavior:contain;border:1px solid #a38abb5e;border-radius:13px;padding:0;background:#14121c;color:var(--ink)}.case-dialog::backdrop{background:#07050bbf;backdrop-filter:blur(13px)}.case-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:0;z-index:5;padding:19px 26px;border-bottom:1px solid var(--line);background:#14121cf5}.case-toolbar .eyebrow{margin:0}.dialog-close{font-size:10px;padding:9px 14px;border:1px solid #a48aba4d;border-radius:20px;color:#c3a8d2}.dialog-close:hover{color:#fff;border-color:#c3a8d2}.case-copy{padding:25px 35px 35px}.case-copy>.eyebrow{margin-bottom:10px}.case-copy>h2{font:500 56px/1 var(--serif);letter-spacing:-.04em;margin-bottom:17px}.case-copy>p{font-size:11px;line-height:1.9;color:#aa91b7}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused{scroll-behavior:auto}
@keyframes ambient-shift{to{transform:translate(-40px,20px) scale(1.06)}}@keyframes fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
html[lang="en"] h1{font-size:clamp(55px,5.9vw,88px)}
@media(min-width:1700px){.hero-body{min-height:660px}.hero{padding-top:155px}.hero-gallery{transform:scale(1.03)}}
@media(max-width:1100px){.desktop-nav{gap:17px}.header-actions{gap:12px}.header-contact{gap:12px;padding:11px 13px}.logo-sub{display:none}.hero{padding-top:130px}.hero-body{min-height:520px}h1{font-size:6.7vw}html[lang="en"] h1{font-size:6vw}.hero-copy{padding-bottom:20px}.hero-intro{font-size:11px}.hero-actions{gap:18px}.primary-button{gap:25px;padding:13px 19px;font-size:9px}.quiet-link{font-size:8px;gap:11px}.case-row{gap:65px;min-height:320px}.project-summary h3{font-size:48px}.project-description{font-size:9px}.about{gap:70px}.about-lead{font-size:20px}.service-short{font-size:6px}.service-content{gap:30px}.intro-strip{gap:16px}.intro-strip>p{font-size:26px}.discipline{gap:8px}.discipline>strong{font-size:11px}.discipline>small{font-size:7px}}
@media(max-width:760px){:root{--edge:24px;--header-height:84px}.header{gap:15px}.logo{font-size:32px;gap:12px}.logo-sub{display:inline;font-size:6px}.desktop-nav,.header-contact{display:none}.header-actions{gap:13px}.language-switch button{font-size:8px;padding:7px 8px}
.menu-toggle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 32px;
  gap: 7px;
}
.menu-toggle > i {
  display: block;
  width: 22px;
  height: 1px;
  background: #c8b8dd;
  transition: transform .26s cubic-bezier(.22, 1, .36, 1);
}
.menu-toggle[aria-expanded="true"] > i:first-child {
  transform: translateY(4px) rotate(45deg);
}
.menu-toggle[aria-expanded="true"] > i:last-child {
  transform: translateY(-4px) rotate(-45deg);
}
.mobile-nav {
  --menu-gap: 6px;
  display: flex;
  position: fixed;
  inset: calc(var(--header-height) + var(--menu-gap)) var(--header-inset) auto auto;
  z-index: 39;
  width: min(440px, calc(100% - 2 * var(--header-inset)));
  max-height: calc(100vh - var(--header-height) - var(--menu-gap) - var(--header-inset));
  max-height: calc(100dvh - var(--header-height) - var(--menu-gap) - var(--header-inset));
  overflow-y: auto;
  overscroll-behavior-y: contain;
  flex-direction: column;
  gap: 17px;
  padding: 25px var(--edge) 30px;
  background: rgb(23 20 33 / 82%);
  border: 1px solid #9680af3b;
  border-radius: var(--header-radius);
  box-shadow: 0 16px 38px #0005;
  backdrop-filter: blur(20px);
  font: 32px var(--serif);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-10px) scale(.97);
  transform-origin: top right;
  transition: opacity .22s ease, transform .32s cubic-bezier(.22, 1, .36, 1), visibility 0s linear .32s;
}
.mobile-nav.open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
  transition-delay: 0s;
}
.mobile-nav a {
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity .2s ease, transform .24s cubic-bezier(.22, 1, .36, 1);
}
.mobile-nav.open a {
  opacity: 1;
  transform: none;
}
.mobile-nav.open a:nth-child(2) { transition-delay: .035s; }
.mobile-nav.open a:nth-child(3) { transition-delay: .07s; }
.mobile-nav.open a:nth-child(4) { transition-delay: .105s; }
.hero{padding-top:124px;padding-bottom:10px}.hero:before{width:630px;height:660px;right:-240px;top:180px;filter:blur(35px);background:radial-gradient(ellipse at 55% 50%,#9156e947,#4e39b835 30%,transparent 70%)}.hero:after{width:260px;height:360px;right:-50px;top:350px}.hero-body{display:block;min-height:0}.hero-copy{padding-bottom:0}h1{font-size:clamp(47px,12.5vw,78px);line-height:1;letter-spacing:-.05em}html[lang="en"] h1{font-size:clamp(43px,11.5vw,72px)}.hero-intro{font-size:11px;line-height:1.8;margin-top:24px}.hero-actions{gap:24px;margin-top:25px}.primary-button{font-size:9px;gap:25px;padding:13px 18px}.quiet-link{font-size:8px;gap:11px}.hero-gallery{width:calc(100% + 48px);margin:25px -24px 0;transform:none}.hero-gallery .project-orbit{max-width:none}.intro-strip{grid-template-columns:1fr 1fr;gap:24px 12px;padding-top:28px;padding-bottom:29px}.intro-strip>p{grid-column:1/-1;font-size:29px;line-height:1.1;max-width:280px}.intro-strip>p>br{display:none}.intro-strip>p>em:before{content:' '}.discipline{display:block}.discipline>span{display:block;font-size:6px;margin-bottom:8px;padding:0}.discipline>strong{display:block;font-size:9px;margin-bottom:6px}.discipline>small{font-size:6px;line-height:1.7;display:block}.work{padding-top:70px;padding-bottom:45px}.section-heading{display:block}.section-heading h2,.about h2{font-size:53px;line-height:1}.eyebrow{font-size:6px;margin-bottom:19px}.section-aside{font-size:9px;line-height:1.8;margin-top:21px;padding:0}.work-toolbar{display:block;margin-top:25px;padding-bottom:18px}.filters{gap:4px}.filter{font-size:8px;padding:8px 12px}.filter>sup{font-size:5px}.case-row{display:flex;flex-direction:column;align-items:stretch;gap:37px;padding:0;margin:55px 0 75px;min-height:0}.project .project-art{order:1;margin:9px 14px 0 9px}.project .project-summary{order:2;max-width:none}.project-summary h3{font-size:47px}.project-index{font-size:6px;margin-bottom:11px}.project-description{font-size:10px;line-height:1.85;max-width:340px;margin-top:17px}.project-read{font-size:8px;margin-top:19px;gap:30px;padding:11px 16px}.about{display:block;padding-top:55px;padding-bottom:60px}.about-visual{width:88%;max-width:350px;margin:0 0 40px}.about-copy h2{font-size:57px;margin-bottom:23px}.about-lead{font-size:22px}.about-body{font-size:10px;line-height:1.95;max-width:none}.about-tags{gap:5px;margin:22px 0}.about-tags>span{font-size:6px;padding:7px 9px}.text-link{font-size:8px;gap:25px}.services{padding-top:65px;padding-bottom:65px}.service-list{margin-top:30px}.service summary{padding:24px 0;gap:13px;flex-wrap:wrap}.service-number{font-size:7px;width:18px}.service h3{font-size:31px}.service-chevron{margin-left:auto;width:23px;font-size:20px}.service-short{font-size:5px;line-height:1.8;order:4;width:100%;margin:0 0 0 31px}.service-content{display:block;padding:0 0 24px 31px}.service-content p{font-size:9px;line-height:1.9}.service-content>div{margin-top:17px;justify-content:flex-start;max-width:none}.service-content>div>span{font-size:6px;padding:6px 8px}.contact{padding-top:70px;padding-bottom:65px}.contact h2{font-size:clamp(46px,12vw,75px);line-height:1.02}.contact-description{font-size:9px;margin-top:23px;margin-bottom:25px}.socials{gap:28px;margin-top:28px}.socials>a{font-size:8px;gap:25px}.socials>a>span{font-size:14px}.footer{padding-top:21px;padding-bottom:25px;gap:17px;flex-wrap:wrap}.footer-logo{font-size:28px;gap:10px}.footer-logo>span{font-size:5px}.footer>span{font-size:5px;margin-left:auto}.footer>a:last-child{width:100%;justify-content:space-between;font-size:5px;border-top:1px solid var(--line);padding-top:17px}.floating-contact{right:16px;bottom:16px;padding:12px;border-radius:50%}.floating-contact>span{display:none}.floating-contact>svg{width:19px;height:19px}.cursor,.cursor-glow{display:none}.case-dialog{max-height:93dvh;border-radius:10px}.case-toolbar{padding:14px 18px}.dialog-close{font-size:9px;padding:8px 12px}.case-copy{padding:22px 22px 27px}.case-copy>h2{font-size:47px}.case-copy>p{font-size:10px}}
@media(max-width:480px){.logo-sub{display:none}.header-actions{gap:12px}.language-switch button{font-size:8px;padding:7px 8px}.header{gap:15px}.hero-actions{gap:19px}.quiet-link{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js-ready .reveal:not(.is-visible){opacity:1;transform:none}.cursor,.cursor-glow{display:none}
  .mobile-nav, .mobile-nav.open a:nth-child(n) { transition-delay: 0s; }
}
/* Keep editorial detail text comfortable to read. */
.language-switch button{font-size:10px}.header-contact{font-size:10px}
.hero-intro{font-size:13px}.quiet-link{font-size:10px}.hero:before{background:radial-gradient(ellipse at 72% 44%,#9756f166 0%,#5a3cb04d 27%,#2d3c9230 48%,transparent 70%)}.hero:after{background:radial-gradient(ellipse,#d57de54a,transparent 65%)}
.filter{font-size:11px}.project-index{font-size:8px}.project-description{font-size:12px;line-height:1.85}.project-read{font-size:10px}
.about-body,.service-content p{font-size:12px;line-height:1.9}.about-tags>span,.service-content>div>span{font-size:9px}.text-link{font-size:11px}.contact-description{font-size:12px}.socials>a{font-size:11px}.floating-contact{font-size:11px}
@media(max-width:1100px) and (min-width:761px){.desktop-nav{font-size:11px}.language-switch button{font-size:9px}.hero-intro{font-size:12px}.project-description,.about-body,.service-content p{font-size:11px}}
@media(max-width:760px){.language-switch button{font-size:9px}.hero-intro{font-size:12px}.primary-button{font-size:11px}.quiet-link{font-size:10px;gap:10px}.hero-actions{gap:19px}.filter{font-size:9px}.project-index{font-size:7px}.project-description,.about-body,.service-content p{font-size:11px}.project-read{font-size:10px}.text-link{font-size:10px}.contact-description{font-size:11px}.socials>a{font-size:10px}.service-short{font-size:6px}.case-copy>p{font-size:11px}}
@media(max-width:370px){.hero-actions{gap:14px}.quiet-link{font-size:9px}.primary-button{padding-inline:15px;gap:17px}}

/* Real project covers, reused in the 3D gallery and case details. */
.real-cover {
  position: relative;
  display: grid;
  place-items: center;
  isolation: isolate;
  overflow: hidden;
  aspect-ratio: 3 / 2;
  border: 1px solid #c4b6e442;
  border-radius: 9px;
  background: var(--cover-background);
}
.real-cover img { width: 100%; height: 100%; object-fit: cover; }
.real-cover::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, #080613dc, #08061300 64%);
  pointer-events: none;
}
.cover-title {
  position: absolute;
  z-index: 1;
  left: 7%;
  bottom: 9%;
  color: #fff7fa;
  font: 500 clamp(23px, 4vw, 54px)/1 var(--serif);
  letter-spacing: -.04em;
}
.cover-leo { --cover-background: radial-gradient(ellipse at 60% 42%, #473717, #111013 72%); }
.cover-leo img, .pg-face .cover-leo img { width: 54%; height: 78%; object-fit: contain; margin-bottom: 5%; }
.cover-leo .cover-title { color: #f1d599; }
.cover-sakura { --cover-background: #694739; }
.cover-barista { --cover-background: #452a23; }
.cover-barista img { object-position: 50% 45%; }
.cover-mokko { --cover-background: radial-gradient(ellipse at 66% 41%, #7e5949, #21131d 74%); }
.cover-mokko img, .pg-face .cover-mokko img { width: 40%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 50%; margin-bottom: 8%; }
.cover-womans-club { --cover-background: radial-gradient(ellipse at 65% 43%, #684058, #231526 74%); }
.cover-emblem {
  font: italic 400 clamp(90px, 17vw, 210px)/1 var(--serif);
  color: #e6bfd4;
  margin-bottom: 10%;
}
.case-live .real-cover {
  box-shadow: 0 24px 60px #0007;
  transform: rotate(-3deg);
  transition: transform .7s cubic-bezier(.16,1,.3,1);
}
.case-live:nth-child(odd) { grid-template-columns: .92fr 1.08fr; }
.case-live:nth-child(odd) .real-cover { order: 2; }
.case-live:nth-child(odd) .project-summary { order: 1; }
.case-live:nth-child(even) .real-cover { transform: rotate(3deg); }
.case-live:hover .real-cover { transform: translateY(-6px) rotate(0deg); }
#case-art .real-cover { margin: 35px 45px 25px; }
.case-actions { margin-top: 25px; }
.case-link-label { font-size: inherit !important; font-weight: inherit !important; }
.pg-face .real-cover { width: 100%; height: 100%; border: 0; border-radius: 0; }
.pg-face .cover-title { font-size: 3.5cqw; }
.pg-face .cover-emblem { font-size: 12cqw; }
@media (max-width:760px) {
  .case-live:nth-child(n) .real-cover { order: 1; }
  .case-live:nth-child(n) .project-summary { order: 2; }
  #case-art .real-cover { margin: 30px 23px 10px; }
}

/* Portrait video work */
.editing-works {
  margin-block: 72px 90px;
  scroll-margin-top: 24px;
}

.editing-heading {
  margin-bottom: 30px;
  font: 500 clamp(36px, 4.6vw, 64px)/1 var(--serif);
  letter-spacing: -.04em;
}

.editing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px 22px;
  max-width: 920px;
}

.editing-card {
  min-width: 0;
  text-align: left;
}

.editing-cover {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 9 / 16;
  border: 1px solid #a38abb5e;
  border-radius: 12px;
  background: #191421;
}

.editing-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}

.editing-card:hover .editing-cover img { transform: scale(1.035); }

.editing-play {
  position: absolute;
  inset: auto 12px 12px auto;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid #ffffff60;
  border-radius: 50%;
  background: #171121d9;
  color: #fff;
}

.editing-title {
  display: block;
  margin-top: 12px;
  font: 500 clamp(19px, 2.3vw, 30px)/1.15 var(--serif);
}

.editing-dialog {
  width: min(520px, 94vw);
  background: #14121c;
}

.editing-dialog-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
}

.editing-dialog-header h2 {
  font: 500 clamp(21px, 4vw, 33px)/1.1 var(--serif);
}

.editing-dialog video {
  display: block;
  width: min(100%, 42dvh, 450px);
  height: auto;
  max-height: 75dvh;
  aspect-ratio: 9 / 16;
  object-fit: contain;
  margin-inline: auto;
  background: #08070b;
}

@media (max-width: 640px) {
  .editing-works { margin-block: 55px 70px; }
  .editing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 12px;
  }
  .editing-play { width: 36px; height: 36px; }
}

@media (prefers-reduced-motion: reduce) {
  .editing-cover img { transition: none; }
}

.about-visual::before {
  content: "";
  position: absolute;
  inset: 5%;
  border-radius: 50%;
  background: #7554ed28;
  filter: blur(30px);
  pointer-events: none;
}

.about-portrait {
  position: relative;
  width: 100%;
  height: auto;
  clip-path: circle(47.65% at 50.9% 50.9%);
}

/* Keep the line breaks in copy with more than one sentence. */
.project-description,
.about-body,
.service-content > p,
.case-copy > p {
  white-space: pre-line;
}