.tpl-frame{container-type:inline-size}.tpl{background:var(--bg);color:var(--fg);font-family:var(--font);line-height:1.8;overflow:hidden}.tpl *{box-sizing:border-box}.tpl h1,.tpl h2{letter-spacing:-.01em;margin:0;font-weight:700}.tpl p{margin:0}.tpl-header{justify-content:space-between;align-items:center;gap:16px;padding:22px 6%;display:flex}.tpl-logo{letter-spacing:.02em;font-size:18px;font-weight:700}.tpl-nav{color:var(--sub);gap:22px;font-size:13px;display:flex}.tpl-menu{flex-direction:column;gap:5px;display:none}.tpl-menu i{background:var(--fg);width:22px;height:2px;display:block}.tpl-hero{min-height:460px;padding:40px 6% 60px;position:relative}.tpl-hero h1{font-size:clamp(30px,5.4cqi,56px);line-height:1.35}.tpl-kicker{letter-spacing:.2em;color:var(--accent);font-size:12px;margin-bottom:18px!important}.tpl-photo{background:radial-gradient(circle at 30% 30%, color-mix(in oklab, var(--accent) 55%, white) 0 18%, transparent 19%), linear-gradient(var(--a), color-mix(in oklab, var(--accent) 70%, var(--bg)), color-mix(in oklab, var(--panel) 60%, var(--fg) 12%));border-radius:6px;min-height:120px}.tpl-photo--circle{aspect-ratio:1;width:min(320px,46%);box-shadow:14px 16px 0 color-mix(in oklab, var(--accent) 35%, var(--bg));border-radius:50%;position:absolute;bottom:50px;left:6%}.tpl-photo--arch{border-radius:999px 999px 6px 6px;width:100%;height:380px}.tpl-photo--wide{min-height:220px}.tpl-button{background:var(--accent);color:var(--bg);border-radius:4px;align-items:center;margin-top:26px;padding:12px 24px;font-size:14px;font-weight:700;display:inline-flex}.tpl--warm .tpl-vertical{writing-mode:vertical-rl;font-size:clamp(30px,4.6cqi,48px);line-height:1.8;position:absolute;top:30px;right:9%}.tpl--minimal .tpl-hero{grid-template-columns:1.1fr .9fr;align-items:end;gap:6%;display:grid}.tpl--minimal .tpl-hero h1{font-weight:500}.tpl--minimal .tpl-items li{border-bottom:1px solid color-mix(in oklab, var(--fg) 18%, transparent)}.tpl--bold .tpl-hero h1{max-width:12em;font-size:clamp(36px,7cqi,76px);font-weight:900;line-height:1.2}.tpl--bold .tpl-badge{background:var(--accent);color:#fff;margin-top:28px;padding:8px 14px;font-size:14px;font-weight:800;display:inline-block}.tpl-stripes{background:repeating-linear-gradient(90deg, var(--accent) 0 14px, color-mix(in oklab, var(--accent) 70%, black) 14px 16px, var(--panel) 16px 40px);opacity:.9;border-radius:4px;height:90px;position:absolute;bottom:40px;left:6%;right:6%}.tpl--bold .tpl-items li{background:var(--panel);border-radius:4px;padding:20px}.tpl--soft .tpl-hero{flex-direction:column;justify-content:center;display:flex}.tpl-blob{background:var(--panel);border-radius:50%;position:absolute}.tpl-blob--a{width:320px;height:320px;top:-40px;right:-60px}.tpl-blob--b{background:color-mix(in oklab, var(--accent) 45%, var(--bg));width:120px;height:120px;top:180px;right:18%}.tpl--soft .tpl-hero h1{position:relative}.tpl--soft .tpl-button{border-radius:999px;align-self:flex-start;position:relative}.tpl--soft .tpl-items li{background:var(--panel);border-radius:18px;padding:20px}.tpl--editorial .tpl-hero h1{max-width:14em;font-size:clamp(32px,6cqi,64px)}.tpl-mosaic{grid-template-columns:2fr 1fr 1fr;gap:10px;margin-top:36px;display:grid}.tpl-mosaic .tpl-photo{border-radius:2px;min-height:220px}.tpl--editorial .tpl-item-no{color:var(--accent);font-size:28px}.tpl--split .tpl-hero{background:linear-gradient(90deg, var(--bg) 55%, var(--panel) 55%);grid-template-columns:1fr 1fr;align-items:center;gap:6%;display:grid}.tpl-grid-art{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.tpl-grid-art span{aspect-ratio:1;background:color-mix(in oklab, var(--accent) 22%, var(--bg));border-radius:6px}.tpl-grid-art span:nth-child(3n+1){background:var(--accent)}.tpl-grid-art span:nth-child(5){background:var(--fg);border-radius:50%}.tpl-section{padding:56px 6%}.tpl-section h2{letter-spacing:.24em;color:var(--accent);margin-bottom:18px;font-size:13px;font-weight:700}.tpl-about p{max-width:38em;font-size:16px}.tpl-items{grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}.tpl-items li{gap:4px;padding:16px 0;display:grid}.tpl-item-no{color:var(--sub);font-size:12px}.tpl-items strong{font-size:17px}.tpl-items li>span:last-child{color:var(--sub);font-size:14px}.tpl-info{background:var(--panel);grid-template-columns:1fr 1fr;align-items:center;gap:6%;display:grid}.tpl-info dl{gap:14px;margin:0;display:grid}.tpl-info dt{color:var(--sub);font-size:12px}.tpl-info dd{margin:0;font-weight:700}.tpl-cta{text-align:center;padding:64px 6%}.tpl-cta p{font-size:clamp(20px,3cqi,30px);font-weight:700}.tpl-footer{color:var(--sub);border-top:1px solid color-mix(in oklab, var(--fg) 12%, transparent);padding:26px 6%;font-size:12px}@container (width<=640px){.tpl-nav{display:none}.tpl-menu{display:flex}.tpl-hero{min-height:0;padding:24px 6% 44px}.tpl-hero h1{font-size:30px}.tpl--warm .tpl-hero{min-height:420px}.tpl--warm .tpl-vertical{font-size:26px}.tpl-photo--circle{width:52%}.tpl--minimal .tpl-hero,.tpl--split .tpl-hero,.tpl-info{grid-template-columns:1fr}.tpl--split .tpl-hero{background:var(--bg)}.tpl-photo--arch{height:260px}.tpl--bold .tpl-hero{min-height:380px}.tpl--bold .tpl-hero h1{font-size:36px}.tpl-mosaic{grid-template-columns:1fr 1fr}.tpl-mosaic .tpl-photo:first-child{grid-column:1/-1}.tpl-items{grid-template-columns:1fr}.tpl-section{padding:40px 6%}}.tpl-thumb{aspect-ratio:4/3;position:relative;overflow:hidden}.tpl-thumb>.tpl-frame{transform-origin:0 0;pointer-events:none;width:1200px;position:absolute;top:0;left:0}
