/* About · Wakku */
/* ===== about ===== */
.aopen{padding-top:calc(env(safe-area-inset-top,0px) + clamp(140px,16vw,220px));padding-bottom:clamp(72px,9vw,140px)}
.aopen h1{font-family:var(--f-display);font-size:clamp(52px,9.6vw,164px);line-height:1;letter-spacing:-.01em;max-width:12ch}
.inl{display:inline-block;vertical-align:-.06em;height:.78em;width:1.35em;margin:0 .12em;position:relative;overflow:hidden}
.inl.w2{width:1.9em}
.inl .frame{position:absolute;inset:0;aspect-ratio:auto}
.inl .frame .cap{display:none}
.aopen .sub{margin-top:clamp(32px,4vw,56px);display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--ink)}
.aopen .sub p{font-family:var(--f-serif);font-style:italic;font-size:clamp(20px,1.9vw,27px);line-height:1.4;max-width:26em;color:var(--ink-2)}
.aopen .sub .eyebrow{white-space:nowrap}

.qa{padding-top:0}
.q{padding-block:clamp(40px,5vw,72px);border-top:1px solid var(--rule);align-items:start;row-gap:24px}
.q h2{grid-column:1 / span 5;font-family:var(--f-display);font-size:clamp(38px,4.6vw,72px);line-height:1}
.q h2 .n{display:block;margin-bottom:14px;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.14em;color:var(--earth)}
.q .a{grid-column:7 / span 6;display:grid;gap:1.1em;font-size:clamp(18px,1.4vw,20px);line-height:1.7}
.q .a p{max-width:34em}
.q .a .lead{font-family:var(--f-serif);font-size:clamp(22px,2vw,28px);line-height:1.4}
@media (max-width:1023px){.q h2,.q .a{grid-column:1 / -1}}

.way{background:var(--night);color:var(--on-night)}
.way .eyebrow{color:var(--on-night-2)}
.way h2{max-width:14ch}
.verbs{margin-top:clamp(48px,6vw,88px);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--night-rule)}
.verb{padding:22px 18px 26px 0;display:flex;flex-direction:column;gap:14px;border-right:1px solid var(--night-rule)}
.verb + .verb{padding-left:18px}
.verb:last-child{border-right:0}
.verb .i{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;color:var(--on-night-2)}
.verb h3{font-family:var(--f-display);font-size:clamp(28px,2.6vw,40px);line-height:1}
.verb p{font-size:15px;line-height:1.55;color:rgba(241,234,221,.8)}
@media (max-width:1100px){.verbs{grid-template-columns:repeat(3,minmax(0,1fr))}.verb{border-bottom:1px solid var(--night-rule)}.verb:nth-child(3){border-right:0}.verb:nth-child(4){padding-left:0}}
@media (max-width:600px){.verbs{grid-template-columns:1fr}.verb,.verb + .verb{padding-left:0;border-right:0}}
.way .coda{margin-top:clamp(48px,6vw,88px);font-family:var(--f-display);font-size:clamp(28px,3.4vw,52px);line-height:1.1;max-width:20em}
.way .coda span{color:var(--on-night-2)}

.promises .g12{row-gap:28px}
.promises h2{grid-column:1 / span 4}
.plist{grid-column:6 / span 7;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--gap)}
.plist div{padding:20px 0;border-top:1px solid var(--ink);display:flex;flex-direction:column;gap:8px}
.plist h3{font-family:var(--f-serif);font-size:22px}
.plist p{font-size:15.5px;line-height:1.55;color:var(--ink-2)}
.promises .note{grid-column:6 / span 7}
@media (max-width:1023px){.promises h2,.plist,.promises .note{grid-column:1 / -1}}
@media (max-width:560px){.plist{grid-template-columns:1fr}}
.note{font-size:13.5px;color:var(--ink-2)}

.worlds{background:var(--paper-2)}
.wgrid{margin-top:clamp(40px,5vw,72px);row-gap:clamp(36px,4vw,56px)}
.world{grid-column:span 4;display:flex;flex-direction:column;gap:14px;text-decoration:none;color:inherit}
.world .frame{--ar:4/5;margin-bottom:8px}
.world:nth-child(2){margin-top:clamp(0px,6vw,96px)}
.world:hover .ph{transform:scale(1.035)}
.world h3{font-family:var(--f-display);font-size:clamp(34px,3.4vw,54px);line-height:1}
.world p{color:var(--ink-2);max-width:26em}
.world .go{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;display:inline-flex;gap:8px;align-self:flex-start;border-bottom:1px solid currentColor;padding-bottom:4px}
.world .go .ar{transition:transform .5s var(--ease)}
.world:hover .go .ar{transform:translateX(5px)}
@media (max-width:1023px){.world{grid-column:span 4}.world:nth-child(2){margin-top:0}}
@media (max-width:639px){.world{grid-column:1 / -1}}
.worlds .also{margin-top:clamp(40px,5vw,64px);display:flex;justify-content:flex-end}

.going h2{max-width:12ch}
.glist{margin-top:clamp(40px,5vw,72px);border-top:1px solid var(--ink)}
.grow{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);align-items:baseline;padding-block:clamp(20px,2.6vw,34px);border-bottom:1px solid var(--rule)}
.grow h3{grid-column:1 / span 5;font-family:var(--f-display);font-size:clamp(30px,3.6vw,58px);line-height:1}
.grow p{grid-column:6 / span 5;font-family:var(--f-serif);font-style:italic;font-size:clamp(18px,1.5vw,21px);line-height:1.45;color:var(--ink-2)}
.grow .s{grid-column:11 / span 2;justify-self:end;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--earth);text-align:right}
@media (max-width:1023px){.grow h3{grid-column:1 / -1}.grow p{grid-column:1 / span 6}.grow .s{grid-column:7 / -1}}
@media (max-width:639px){.grow p,.grow .s{grid-column:1 / -1;justify-self:start;text-align:left}}

.close{position:relative;min-height:max(560px,84svh);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--on-night);background:var(--night);overflow:hidden}
.close .frame{position:absolute;inset:0;aspect-ratio:auto}
.close::after{content:"";position:absolute;inset:0;background:rgba(14,11,9,.55);pointer-events:none}
.close .in{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px}
.close .mark{font-family:var(--f-display);font-size:clamp(64px,14vw,230px);letter-spacing:.14em;line-height:1;padding-left:.14em}
.close .sig{font-family:var(--f-serif);font-style:italic;font-size:clamp(22px,2.4vw,34px);color:rgba(241,234,221,.9)}
.close .ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:28px}
.close .btn-primary{background:var(--on-night);color:var(--night)}
.close .btn-primary:hover{background:#fff}
.close .frame .cap{z-index:3}