body.t-of{margin:0;background:#111;color:#f2f2f2;font-family:DM Sans,sans-serif;line-height:1.6}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.site-header{background:#111;border-bottom:1px solid #2a2a2a}.logo{font-weight:800;letter-spacing:-.03em;color:#fff}.logo small{color:#888;font-weight:500}.nav a{color:#aaa;text-decoration:none;font-size:.85rem;font-weight:600}.nav a:hover{color:#fff}.site-footer{padding:2rem 0;border-top:1px solid #2a2a2a;color:#777;font-size:.85rem}.wrap{max-width:960px;margin:0 auto;padding:0 1.5rem}.head-inner,.foot-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.of-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;padding:clamp(2.5rem,7vw,4.5rem) 0;align-items:center;animation:fade-up .7s ease}.of-hero h1{font-size:clamp(2.4rem,6vw,3.8rem);letter-spacing:-.04em;margin:0 0 1rem;line-height:1;font-weight:800}.lbl{color:#f5c518;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.of-hero .lead{color:#bbb;max-width:38ch;font-size:1.05rem}.of-photo{border-radius:8px;overflow:hidden;aspect-ratio:4/5}.of-photo img{width:100%;height:100%;object-fit:cover}.of-strip{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.of-chip{background:#1c1c1c;border:1px solid #333;padding:.55rem .9rem;font-size:.8rem;font-weight:600;border-radius:999px;color:#ddd}.btn{display:inline-block;padding:.7rem 1.4rem;background:#f5c518;color:#111;text-decoration:none;font-weight:800;font-size:.85rem;border-radius:6px}.btn-o{border:1px solid #555;color:#fff;background:transparent;margin-left:.5rem}.pg-about,.pg-work{padding:3rem 0}.wl{list-style:none;padding:0;margin:1.25rem 0 0}.wl li{padding:1rem 0;border-bottom:1px solid #2a2a2a}.wl strong{display:block;color:#f5c518}@media(max-width:768px){.of-hero{grid-template-columns:1fr}.of-photo{max-width:320px}}.lang-switch{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap;margin-left:.25rem}.lang-switch a{font-size:.7rem;letter-spacing:.08em;text-decoration:none;padding:.3rem .5rem;border:1px solid color-mix(in srgb,currentColor 28%,transparent);opacity:.65;line-height:1;transition:opacity .2s,border-color .2s}.lang-switch a:hover,.lang-switch a[aria-current=true]{opacity:1;font-weight:700;border-color:color-mix(in srgb,currentColor 55%,transparent)}.head-tools{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.head-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.85rem 0}.logo{text-decoration:none}.logo small{display:block;opacity:.5;font-size:.65rem;font-weight:500;margin-top:.15rem}.nav{display:flex;flex-wrap:wrap;gap:.75rem 1rem;font-size:.88rem}.nav a{text-decoration:none;opacity:.8}.nav a:hover{opacity:1}.site-footer{margin-top:auto}.foot-inner{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding:2rem 0;font-size:.85rem;opacity:.85}.foot-inner a{text-underline-offset:3px}html,body{overflow-x:clip;max-width:100%}*,*:before,*:after{box-sizing:border-box}img,video,svg,canvas{max-width:100%;height:auto}.wrap{width:100%;max-width:100%;padding-inline:max(1rem,env(safe-area-inset-left)) max(1rem,env(safe-area-inset-right));box-sizing:border-box}table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.head-inner{align-items:flex-start;padding:.7rem 0;gap:.65rem}.head-tools{width:100%;justify-content:space-between;gap:.65rem}.nav{gap:.55rem .85rem;font-size:.82rem}.lang-switch{margin-left:0;gap:.25rem}.lang-switch a{padding:.28rem .42rem;font-size:.65rem}.logo small{font-size:.6rem;word-break:break-all}.foot-inner{flex-direction:column;gap:.85rem;padding:1.5rem 0}.io-left,.ed-copy,.lx-in{padding:1.5rem 1rem!important}.io-split,.ed-mast,.studio-split,.mast,.faq-hero,.wiki-split,.chapter-layout{grid-template-columns:1fr!important}.io-right,.ed-photo,.mast-photo{min-height:220px}.mn-bento{grid-template-columns:1fr!important}.mn-tile.wide,.mn-tile.tall,.mn-tile.mid{grid-column:span 1!important;grid-row:span 1!important}.ed-grid,.lx-row,.pillars,.br-strip,.co-cards,.atelier-grid{grid-template-columns:1fr!important}.doc-sheet{padding:1.15rem!important}.doc-sheet table,.doc-sheet td{font-size:.85rem}.ab-ph{max-width:100%!important}.co-ring{width:min(150px,40vw);height:min(150px,40vw)}.chapter-layout{gap:1.25rem}.masonry{columns:1!important}}@media(max-width:480px){.nav a{font-size:.78rem}.btn,.btn-o{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%}}
