.rules-main{background:#f2ebdd;color:#282c2b}.rules-intro,.rules-list,.rules-close{max-width:1120px;margin:auto;padding:64px 6%}.rules-intro{padding-bottom:36px}.rules-intro h1{font:normal clamp(44px,5.7vw,78px)/1.05 'Libre Caslon Display',Georgia,serif;letter-spacing:-.025em;margin:25px 0}.rules-main p{font-size:17px;line-height:1.85;max-width:820px}.rules-intro .rules-lead{font:normal 30px/1.3 'Libre Caslon Display',Georgia,serif;color:#9b482f}.rules-principle{border-left:4px solid #b55433;padding:10px 0 10px 24px;margin-top:32px;font:normal 34px/1.25 'Libre Caslon Display',Georgia,serif}.rules-principle span{color:#a64a31}.rules-list{padding-top:0;padding-bottom:52px}.community-rule{display:grid;grid-template-columns:52px minmax(0,1fr);gap:24px;border-top:1px solid #ccbdab;padding:30px 0}.rule-number{font-size:12px;letter-spacing:.15em;color:#a64a31;padding-top:9px}.community-rule h2{font-size:35px;line-height:1.15;margin:0 0 12px}.community-rule p{margin:0}.rules-moderation{background:#435460;color:#f2ebdd;padding:52px max(6%,calc((100% - 986px)/2))}.rules-moderation h2{font-size:48px;max-width:760px}.rules-close{text-align:center}.rules-close h2{font-size:60px}.rules-close p{margin:0 auto 22px}.rules-close .text-link{margin-left:24px}@media(max-width:640px){.rules-intro,.rules-close{padding:42px 5%}.rules-list{padding:0 5% 35px}.community-rule{grid-template-columns:28px minmax(0,1fr);gap:12px;padding:26px 0}.community-rule h2{font-size:30px}.rules-main p{font-size:16px}.rules-moderation{padding:40px 5%}.rules-moderation h2{font-size:40px}.rules-close h2{font-size:46px}.rules-close .text-link{display:table;margin:20px auto 0}}

.rules-hero{position:relative;isolation:isolate;overflow:hidden;background:#24231f;min-height:560px;display:flex;align-items:center;color:#f5edde}
.rules-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.rules-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(24,23,20,.94),rgba(24,23,20,.78) 32%,rgba(24,23,20,.1) 65%)}
.rules-hero-content{width:100%;max-width:1440px;margin:auto;padding:72px 6%;box-sizing:border-box}
.rules-hero .kicker{color:#e9b489}
.rules-hero h1{font:normal clamp(42px,4.3vw,65px)/1.08 'Libre Caslon Display',Georgia,serif;letter-spacing:-.025em;max-width:530px;margin:24px 0;color:#f5edde}
.rules-hero .keep-phrase{white-space:normal}.rules-hero .rules-title-support{font-size:.65em;line-height:1.3;margin-top:24px;max-width:440px}
@media(max-width:700px){.rules-hero{display:flex;flex-direction:column;min-height:0}.rules-hero-photo{position:relative;inset:auto;order:2;height:auto;aspect-ratio:1.55;object-fit:cover;object-position:right center;z-index:0}.rules-hero:after{display:none}.rules-hero-content{padding:38px 6% 28px;order:1}.rules-hero h1{font-size:43px;margin:20px 0 0}.rules-hero .rules-title-support{font-size:.67em;margin-top:20px}.rules-intro{padding-top:34px}}

.rules-hero .rules-title-line .keep-phrase{display:block}

/* Full courtyard composition with all introductory copy in one photographic panel. */
.rules-hero{display:grid;grid-template-columns:1fr;min-height:0}
.rules-hero-photo{position:relative;grid-area:1/1;width:100%;height:auto;object-fit:contain;align-self:center;z-index:-2}
.rules-hero-content{grid-area:1/1;padding:48px 5%;z-index:1}
.rules-hero h1{font-size:clamp(40px,3.8vw,58px);max-width:550px;margin:20px 0}
.rules-hero .rules-title-support{font-size:.64em;margin-top:16px}
.rules-hero-intro{max-width:510px}
.rules-hero .rules-lead{font:normal 25px/1.35 'Libre Caslon Display',Georgia,serif;color:#edc6a5;margin:22px 0 16px}
.rules-hero-intro>p:not(.rules-lead){font-size:16px;line-height:1.7;margin:0}
.rules-hero .rules-principle{font-size:29px;line-height:1.25;margin-top:23px;padding:8px 0 8px 18px;border-color:#ce8a5d}
.rules-hero .rules-principle span{color:#edc6a5}
.rules-hero:after{background:linear-gradient(90deg,rgba(24,23,20,.96),rgba(24,23,20,.85) 30%,rgba(24,23,20,.18) 63%,transparent 85%)}
.rules-list{padding-top:40px}
@media(max-width:700px){.rules-hero{display:flex;flex-direction:column}.rules-hero-content{padding:35px 6% 28px}.rules-hero-photo{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;order:2;z-index:0}.rules-hero h1{font-size:40px}.rules-hero .rules-lead{font-size:24px}.rules-hero-intro>p:not(.rules-lead){font-size:16px}.rules-hero:after{display:none}.rules-list{padding-top:28px}}