.brand{letter-spacing:.2px}.brand .studio-mark{width:48px;height:36px;border-radius:4px;font-size:16px;letter-spacing:-1px;font-weight:750;background:#242329;color:#e5e0ec}.about h2{font-size:clamp(30px,3vw,42px)}.hero h1{font-size:clamp(42px,5.1vw,73px)}@media(max-width:760px){.brand{font-size:14px;gap:8px}.brand .studio-mark{width:38px;height:32px;font-size:14px}.hero h1{font-size:clamp(30px,7.2vw,54px)}header nav{gap:16px;font-size:13px}.about h2{font-size:31px}}

.motion-setting{font:inherit;font-size:12px;color:#b4a5c5;border:1px solid #45414b;border-radius:4px;background:transparent;padding:6px 10px;cursor:pointer}.motion-setting:hover{background:#28252f}.motion-setting:focus-visible{outline:2px solid #b4a5c5;outline-offset:3px}footer{flex-wrap:wrap;align-items:center;gap:18px}footer>a{margin-left:auto}

.brand .studio-logo{display:block;width:100px;height:auto;object-fit:contain}@media(max-width:760px){.brand .studio-logo{width:78px}}

.content-warning,.empty-collection{padding:24px;color:#b7adbf;line-height:1.8}.admin-link{font-size:13px;color:#b7adbf} .hero h1{white-space:pre-line}

header nav .admin-entry{color:#c4b3d6;border:1px solid #48404f;border-radius:5px;padding:8px 12px;white-space:nowrap}@media(max-width:760px){header nav{gap:10px;flex-wrap:wrap}.nav-note{display:none}header nav .admin-entry{font-size:12px;padding:6px 9px}}

@media(min-width:1000px){.hero{padding-top:46px;padding-bottom:32px}.hero h1{font-size:clamp(44px,4.3vw,68px);margin-top:20px;margin-bottom:30px}.hero-bottom{margin-top:24px}}

.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:80px 0;border-top:1px solid #303037;scroll-margin-top:30px}.contact-section h2{font-size:clamp(30px,4vw,52px);margin:18px 0 22px}.contact-section p{color:#b3afba;line-height:1.8}.contact-details>div{padding:12px 0;border-bottom:1px solid #303037}.contact-details span{font-size:13px;color:#9e95aa}.contact-details>div p{color:#dedce2;font-size:18px;font-weight:400;line-height:1.6;margin:5px 0;overflow-wrap:anywhere}.contact-placeholder{font-size:13px}@media(max-width:760px){.contact-section{grid-template-columns:1fr;gap:20px;padding:45px 0}}

body>header .brand{flex:0 0 100px;width:100px;height:46px}body>header .brand .studio-logo{width:100px;height:46px;object-fit:contain;view-transition-name:iok-brand}@media(max-width:760px){body>header .brand{flex-basis:78px;width:78px;height:36px}body>header .brand .studio-logo{width:78px;height:36px}}::view-transition-old(iok-brand),::view-transition-new(iok-brand){animation:none}::view-transition-group(iok-brand){animation-duration:0s}