/* About is the troupe's story: hanging signs, pasted posters and a founder's letter. */
[data-page="about"] #business .business-diagram{padding:12px 10px 30px}
[data-page="about"] #business .business-diagram>figcaption{font-family:Noto,sans-serif;border:1px solid #7b5b2c;outline:4px solid #efc77d;box-shadow:0 0 0 7px #7b5b2c66,0 10px 30px #0005;transform:rotate(-1deg)}
[data-page="about"] #business .business-branches{gap:30px;border-top:1px solid #e7c98d9e;padding-top:30px}
[data-page="about"] #business .business-branches article{--about-lean:-1.2deg;position:relative;border:1px solid #d6bd7e99;background:linear-gradient(145deg,#174338,#0b2927);padding:38px 25px 32px;box-shadow:7px 9px 0 #00191766,inset 0 0 0 5px #12322b,inset 0 0 0 6px #d6bd7e42;transform:rotate(var(--about-lean));transform-origin:50% -32px;transition:transform .35s,border-color .35s,box-shadow .35s}
[data-page="about"] #business .business-branches article::before{content:'';position:absolute;width:1px;height:32px;background:#d6bd7e;left:50%;top:-32px;pointer-events:none}
[data-page="about"] #business .business-branches article::after{content:'';position:absolute;width:7px;height:7px;border:1px solid #cfb67b;border-radius:50%;background:#061d1a;left:calc(50% - 4px);top:14px;pointer-events:none}
[data-page="about"] #business .business-branches article:nth-child(3){--about-lean:1.2deg}
[data-page="about"] #business .business-branches .business-main{--about-lean:.7deg;background:#f5e9ca;color:#234b3b;box-shadow:7px 9px 0 #00191766,inset 0 0 0 5px #f5e9ca,inset 0 0 0 6px #9b773766}
[data-page="about"] #business .business-main>strong{font-family:Noto,sans-serif;font-size:clamp(28px,3vw,40px);font-weight:900;color:#6a3a28}
[data-page="about"] #business .business-branches article:is(:hover,:focus-within,.is-scroll-active){transform:translateY(-5px) rotate(0deg);border-color:#ffe0a0;box-shadow:7px 13px 0 #00191766,0 0 30px #efc77d16}
[data-page="about"] #business .prose{max-width:910px;margin-inline:auto}

[data-page="about"] #concept>.wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(36px,5vw,76px);align-items:center}
[data-page="about"] #concept .section-heading{position:relative;margin:0;padding:44px 36px 48px;background:#eee6c9;border:1px solid #ac945a;box-shadow:10px 12px 0 #03181066;transform:rotate(-2deg)}
[data-page="about"] #concept .section-heading::before{content:'';position:absolute;top:-10px;left:40%;width:86px;height:26px;background:#b6ce8bb3;border-inline:1px dashed #354d2d66;transform:rotate(5deg);pointer-events:none}
[data-page="about"] #concept .section-heading>.eyebrow{color:#6f522b;background:#e5d9b5;border-color:#9e7d4b;box-shadow:3px 3px 0 #7856291c}
[data-page="about"] #concept .section-heading h2{color:#173e32;font-family:Noto,sans-serif;font-size:clamp(34px,3.6vw,54px);font-weight:900;line-height:1.6;letter-spacing:-.055em;text-wrap:balance}
[data-page="about"] #concept .prose{position:relative;padding-left:28px;border-left:1px solid #efc77d66}
[data-page="about"] #concept .prose p:first-child{font-size:17px;color:#f4ebce}

[data-page="about"] #value .detail-grid{gap:34px;padding:13px 7px 24px;align-items:stretch}
[data-page="about"] #value .option-card{--about-lean:-1.3deg;--about-poster:#e9dbad;--about-ink:#2a4837;padding:31px 27px 38px;background:var(--about-poster);color:var(--about-ink);border:1px solid #d4b779;box-shadow:8px 10px 0 #00130f66;transform:rotate(var(--about-lean));transition:transform .35s,box-shadow .35s}
[data-page="about"] #value .option-card:nth-child(2){--about-lean:1.4deg;--about-poster:#85d4bc;--about-ink:#153f34;margin-top:22px}
[data-page="about"] #value .option-card:nth-child(3){--about-lean:-.7deg;--about-poster:#6a2138;--about-ink:#fff0d4;margin-top:4px}
[data-page="about"] #value .option-card::after{content:'';position:absolute;inset:9px;border:1px dashed currentColor;opacity:.28;pointer-events:none}
[data-page="about"] #value .option-card h3{font-size:clamp(22px,2.2vw,30px);line-height:1.5;color:var(--about-ink);margin-bottom:21px}
[data-page="about"] #value .option-card p{color:var(--about-ink)}
[data-page="about"] #value .option-card:is(:hover,:focus-within,.is-scroll-active){transform:translateY(-7px) rotate(0deg);background:var(--about-poster);border-color:#f1cf89;box-shadow:10px 16px 0 #00130f66}

[data-page="about"] #worldview>.wrap{position:relative}
[data-page="about"] #worldview .section-heading{position:relative;z-index:1}
[data-page="about"] #worldview .section-heading h2{max-width:1000px}
[data-page="about"] #worldview>.wrap::after{content:'';position:absolute;right:10px;top:238px;bottom:0;width:40%;min-height:350px;background:linear-gradient(0deg,#08281b30,#08281b00),url('circus-journey.webp') 58% center/cover;border:1px solid #d8b77a;border-radius:45% 45% 3px 3px;outline:1px solid #d8b77a66;outline-offset:8px;box-shadow:12px 16px 0 #00130d55;transform:rotate(2deg);pointer-events:none}
[data-page="about"] #worldview .prose{position:relative;z-index:1;max-width:54%;padding-right:20px}
[data-page="about"] #worldview .prose p:first-child{font:700 clamp(20px,1.9vw,27px)/1.9 Noto,sans-serif;color:#ffe3a3}
[data-page="about"] #worldview .prose p:last-child{display:inline-block;padding-bottom:10px;border-bottom:1px solid #84f0df;color:#a8f3d6}

[data-page="about"] #message .section-heading{max-width:1040px}
[data-page="about"] #message .section-heading h2{font-size:clamp(31px,3.3vw,48px)}
[data-page="about"] #message .prose{position:relative;max-width:940px;margin-left:auto;padding:clamp(30px,4.8vw,68px);background:linear-gradient(90deg,transparent 49.8%,#a6906314 50%,#fff8 50.2%,transparent 50.45%),linear-gradient(135deg,#f7efdc,#efe4c7);border:1px solid #c6aa6c99;color:#2e493b;box-shadow:0 14px 28px #00191338,4px 5px 0 #d8c8a6,5px 6px 0 #8f7a48;line-height:2.25}
/* A pressed wax monogram sits on the letter, without button affordances. */
[data-page="about"] #message .prose::before{content:'';position:absolute;top:-37px;right:28px;width:100px;height:100px;background:url('founder-wax-n.webp') center/contain no-repeat;transform:rotate(-10deg);filter:drop-shadow(0 3px 2px #48200d30);pointer-events:none}
[data-page="about"] #message .prose::after{content:none}
[data-page="about"] #message .prose p{color:#2e493b}
[data-page="about"] #message .prose p:first-child{font-weight:700}
[data-page="about"] #message .prose p:last-child{margin-top:34px;padding-top:27px;border-top:1px solid #ad986250;text-align:right;font-family:Noto,sans-serif}
[data-page="about"] #message .prose p:last-child strong{font-size:25px}

[data-page="about"] #history>.wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,6vw,88px);align-items:start}
[data-page="about"] #history .section-heading{margin:0}
[data-page="about"] #history .section-heading h2{font-size:clamp(34px,3.6vw,52px)}
[data-page="about"] #history .data-table{margin:0;padding:0 0 0 6px;border:0}
[data-page="about"] #history .data-table>div{position:relative;grid-template-columns:85px minmax(0,1fr);gap:24px;padding:14px 0 35px 29px;border:0;border-left:1px dashed #d3b47270}
[data-page="about"] #history .data-table>div::before{content:'';position:absolute;left:-6px;top:24px;width:9px;height:9px;background:#0b302e;border:1px solid #edcc87;transform:rotate(45deg);transition:background .3s,box-shadow .3s}
[data-page="about"] #history .data-table>div>dt{font:500 41px/1.2 Barlow,sans-serif;color:#efd38f;transition:transform .3s,text-shadow .3s}
[data-page="about"] #history .data-table>div>dd{font-size:14px;padding-top:3px;line-height:2}
[data-page="about"] #history .data-table>div:is(:hover,:focus-within,.is-scroll-active)>dt{transform:translateX(3px);text-shadow:0 0 16px #f5c46b55}
[data-page="about"] #history .data-table>div:is(:hover,:focus-within,.is-scroll-active)::before{background:#efcf8a;box-shadow:0 0 15px #f4cd8c66}

[data-page="about"] #company>.wrap{display:grid;grid-template-columns:.66fr 1.34fr;gap:clamp(35px,5vw,72px);align-items:start}
[data-page="about"] #company .section-heading{margin-bottom:0}
[data-page="about"] #company .data-table{margin:0;padding:5px 30px;background:#0a2621;border:1px solid #cfb57966;border-top:4px solid #d5ba7e;box-shadow:8px 8px 0 #00140f55}
[data-page="about"] #company .data-table>div{grid-template-columns:110px minmax(0,1fr);gap:20px}
[data-page="about"] #company .data-table>div>dt{color:#ebcf8d}
[data-page="about"] #join{background-image:radial-gradient(ellipse at 50% 95%,#34745455,transparent 65%),linear-gradient(#102d21bd,#102d21e6),url('night-wood.webp');text-align:center}
[data-page="about"] #join>.wrap{padding-block:40px;border-block:1px solid #c5a76688}
[data-page="about"] #join .section-heading h2{font-family:Noto,sans-serif;font-weight:900;transform:rotate(-1deg);margin-inline:auto}
[data-page="about"] #join .button-row{justify-content:center}

@media(max-width:1100px){
  [data-page="about"] #business .business-branches{gap:20px}
  [data-page="about"] #business .business-branches article{padding-inline:20px}
  [data-page="about"] #concept>.wrap{gap:35px}
  [data-page="about"] #concept .section-heading{padding:35px 26px}
  [data-page="about"] #concept .section-heading h2{font-size:35px}
  [data-page="about"] #value .detail-grid{gap:24px}
  [data-page="about"] #value .option-card{padding-inline:24px}
  [data-page="about"] #history>.wrap{grid-template-columns:.72fr 1.28fr;gap:35px}
  [data-page="about"] #company>.wrap{grid-template-columns:.6fr 1.4fr;gap:30px}
}
@media(max-width:850px){
  [data-page="about"] #concept>.wrap,[data-page="about"] #history>.wrap,[data-page="about"] #company>.wrap{grid-template-columns:1fr;gap:42px}
  [data-page="about"] #concept .section-heading{max-width:650px;margin-inline:8px;padding:38px 32px}
  [data-page="about"] #concept .section-heading h2{font-size:clamp(30px,5.1vw,42px)}
  [data-page="about"] #concept .prose{padding-left:23px}
  [data-page="about"] #value .detail-grid{grid-template-columns:1fr;gap:30px;max-width:650px;margin-inline:auto;padding-inline:10px}
  [data-page="about"] #value .option-card{padding:30px 30px 35px;margin-top:0}
  [data-page="about"] #value .option-card h3{font-size:27px;margin-bottom:17px}
  [data-page="about"] #worldview .prose{max-width:100%;padding-right:0}
  [data-page="about"] #worldview>.wrap::after{position:relative;display:block;right:auto;top:auto;bottom:auto;width:calc(100% - 24px);height:340px;min-height:0;margin:45px auto 12px;border-radius:44% 44% 3px 3px;background-position:center 45%}
  [data-page="about"] #message .prose{padding:42px 32px 34px}
  [data-page="about"] #history .data-table>div{grid-template-columns:88px minmax(0,1fr)}
}
@media(max-width:600px){
  [data-page="about"] #business .business-diagram{padding:8px 5px 20px}
  [data-page="about"] #business .business-diagram>figcaption{width:calc(100% - 16px);padding:18px 15px;margin-bottom:30px}
  [data-page="about"] #business .business-branches{padding-top:0;border:0;gap:34px}
  [data-page="about"] #business .business-branches article{padding:35px 25px 27px}
  [data-page="about"] #business .business-branches article::before{height:34px;top:-34px}
  [data-page="about"] #concept .section-heading{padding:33px 24px 35px;margin-inline:4px}
  [data-page="about"] #concept .section-heading h2{font-size:clamp(28px,7.1vw,37px);line-height:1.7}
  [data-page="about"] #concept .section-heading>.eyebrow{font-size:9px;letter-spacing:.1em}
  [data-page="about"] #concept .prose p:first-child{font-size:15px}
  [data-page="about"] #value .detail-grid{padding-inline:4px;gap:27px}
  [data-page="about"] #value .option-card{padding:27px 23px 30px}
  [data-page="about"] #value .option-card h3{font-size:25px}
  [data-page="about"] #worldview>.wrap::after{height:280px;margin-top:34px}
  [data-page="about"] #worldview .prose p:first-child{font-size:20px}
  [data-page="about"] #message .section-heading h2{font-size:29px;line-height:1.6}
  [data-page="about"] #message .prose{padding:39px 23px 28px;line-height:2.15}
  [data-page="about"] #message .prose::before{right:16px;width:88px;height:88px;top:-30px}
  [data-page="about"] #message .prose p:last-child strong{font-size:23px}
  [data-page="about"] #history .section-heading h2{font-size:32px}
  [data-page="about"] #history .data-table>div{grid-template-columns:1fr;gap:13px;padding-left:24px}
  [data-page="about"] #history .data-table>div>dt{font-size:43px}
  [data-page="about"] #history .data-table>div>dd{font-size:13px}
  [data-page="about"] #company .data-table{padding:2px 22px}
  [data-page="about"] #company .data-table>div{grid-template-columns:1fr;gap:10px}
  [data-page="about"] #join>.wrap{padding-block:27px}
  [data-page="about"] #join .section-heading h2{font-size:29px;line-height:1.7}
}
@media(prefers-reduced-motion:reduce){
  [data-page="about"] #business .business-branches article,[data-page="about"] #value .option-card,[data-page="about"] #history .data-table>div>dt{transform:none!important;transition:none}
}
html:is(.motion-paused,.motion-reduced) [data-page="about"] :is(.business-branches article,#value .option-card,#history dt){transform:none!important;transition:none}
@media print{
  [data-page="about"] :is(#concept,#history,#company)>.wrap{display:block}
  [data-page="about"] :is(#concept .section-heading,#value .option-card,#message .prose,#company .data-table){background:white!important;color:black!important;box-shadow:none;transform:none}
  [data-page="about"] :is(#concept .section-heading,#value .option-card,#message .prose) :is(h2,h3,p){color:black!important}
  [data-page="about"] #worldview>.wrap::after,[data-page="about"] #message .prose::before,[data-page="about"] #message .prose::after,[data-page="about"] #concept .section-heading::before{display:none}
  [data-page="about"] #worldview .prose{max-width:none}
}