/* Colour studies remain optional until the owner chooses a palette. */
.theme-preview{display:flex;align-items:center;justify-content:center;gap:22px;padding:9px 5%;background:#e9e4da;color:#36342e;border-bottom:1px solid #b8ad9766;font:11px/1.5 sans-serif}.theme-preview>span{letter-spacing:2px}.theme-preview small{font-size:9px;letter-spacing:0;color:#777}.theme-preview>div{display:flex;gap:7px}.theme-preview button{padding:7px 12px;border:1px solid #bcb3a2;background:transparent;color:inherit;font:11px sans-serif}.theme-preview button[aria-pressed=true]{background:#242320;color:#fff;border-color:#242320}.swatch{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.swatch.shu{background:#b44a35}.swatch.gold{background:#bca06c}.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-grid>.portal:first-child{grid-column:1/-1;padding:35px}.portal-grid>.portal:first-child h2{font-size:28px}.portal-grid>.portal:last-child{grid-column:1/-1}.recruit-portal{grid-column:1/-1}.recruit-portal>p,.instagram-portal>p{font-size:11px;margin:8px 0 0}.recruit-branches{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.recruit-branches a{border-top:1px solid #b8ab96;padding:15px 0 0;font-size:18px;display:flex;justify-content:space-between}.recruit-branches span{font-size:15px}.instagram-portal .instagram-label{display:flex;gap:15px;align-items:center}.instagram-mark{width:31px;height:31px;flex:none}.recruit-selection{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:65px 9%}.recruit-selection>a{padding:35px;border:1px solid #b8aa90}.recruit-selection small{font:10px sans-serif;letter-spacing:3px}.recruit-selection h2{margin:20px 0}.recruit-selection span{font-size:12px}.recruit-detail{padding:65px 9%;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.recruit-detail img{height:430px}.recruit-detail h2{font-size:27px}.recruit-detail p{line-height:2.2}
:root[data-theme=shu]{--accent:#d6654b;--accent-deep:#943d2b;--accent-rgb:214,101,75;--tint:#241916;--gold:#d6654b;--wine:#d6654b}
:root[data-theme=gold]{--accent:#cfb174;--accent-deep:#aa894a;--accent-rgb:207,177,116;--tint:#252118;--gold:#cfb174;--wine:#cfb174}
:root:is([data-theme=shu],[data-theme=gold]){--ink:#eee7db;--paper:#151413;--line:#494239}
[data-theme=shu] body,[data-theme=gold] body{background:var(--paper);color:var(--ink)}
:is([data-theme=shu],[data-theme=gold]) .demo{background:#080808;color:#c1b7a5}
:is([data-theme=shu],[data-theme=gold]) header,:is([data-theme=shu],[data-theme=gold]) .home header{background:#101010;color:#eee7db;border-color:var(--line)}
:is([data-theme=shu],[data-theme=gold]) .theme-preview{background:#1c1a18;color:#d9d0c0;border-color:var(--line)}
:is([data-theme=shu],[data-theme=gold]) .theme-preview button{border-color:#544a3e}
:is([data-theme=shu],[data-theme=gold]) .theme-preview button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#111}
:is([data-theme=shu],[data-theme=gold]) .theme-preview small{color:#b2a797}
:is([data-theme=shu],[data-theme=gold]) .home main,:is([data-theme=shu],[data-theme=gold]) .home-portals{background:#151413;color:var(--ink)}
:is([data-theme=shu],[data-theme=gold]) .cinema-shade{background:linear-gradient(90deg,#050505cc,transparent 78%),linear-gradient(0deg,#080706e6,transparent 48%)}
:is([data-theme=shu],[data-theme=gold]) .cinema-title>p,:is([data-theme=shu],[data-theme=gold]) .cinema-title>span{color:var(--accent)}
:is([data-theme=shu],[data-theme=gold]) .portal{background:#191715;border-color:var(--line)}
:is([data-theme=shu],[data-theme=gold]) .portal:hover{background:var(--tint)}
:is([data-theme=shu],[data-theme=gold]) .portal-grid>.portal:first-child{background:var(--tint);box-shadow:inset 3px 0 var(--accent)}
:is([data-theme=shu],[data-theme=gold]) .portal small,:is([data-theme=shu],[data-theme=gold]) .portal-number,:is([data-theme=shu],[data-theme=gold]) .portal-arrow{color:var(--accent)}
:is([data-theme=shu],[data-theme=gold]) .eyebrow,:is([data-theme=shu],[data-theme=gold]) .site-menu small{color:var(--accent)}
:is([data-theme=shu],[data-theme=gold]) footer,:is([data-theme=shu],[data-theme=gold]) .site-menu,:is([data-theme=shu],[data-theme=gold]) .food{background:#0d0d0d;color:#eee7db}
:is([data-theme=shu],[data-theme=gold]) .page-heading{border-color:var(--line)}
:is([data-theme=shu],[data-theme=gold]) .page-heading>a,:is([data-theme=shu],[data-theme=gold]) .back-top{color:#bbae96}
:is([data-theme=shu],[data-theme=gold]) .course-grid article{background:#1c1916;border-color:var(--line)}
:is([data-theme=shu],[data-theme=gold]) .course-grid .featured{background:var(--tint);border-color:var(--accent);box-shadow:inset 0 3px var(--accent)}
:is([data-theme=shu],[data-theme=gold]) .course-grid .course-badge{background:var(--accent);color:#111}
:is([data-theme=shu],[data-theme=gold]) .course-grid span,:is([data-theme=shu],[data-theme=gold]) .course-grid h3{color:var(--accent)}
:is([data-theme=shu],[data-theme=gold]) .course-grid button{color:var(--ink);border-color:var(--line)}
:is([data-theme=shu],[data-theme=gold]) .choice-buttons button{background:#1c1916;color:var(--ink);border-color:var(--line)}
:is([data-theme=shu],[data-theme=gold]) .choice-buttons small{color:var(--accent)}
:is([data-theme=shu],[data-theme=gold]) .choice-buttons button[aria-expanded=true]{background:var(--tint);border-color:var(--accent)}
:is([data-theme=shu],[data-theme=gold]) :is(input,select,textarea){background:#22201c;color:var(--ink);border-color:#5e5344}
:is([data-theme=shu],[data-theme=gold]) :is(.demo-note,.seat-policy,#stats){background:var(--tint);color:#d5c8b1}
:is([data-theme=shu],[data-theme=gold]) .submit,:is([data-theme=shu],[data-theme=gold]) .pdf-actions a:first-child{background:var(--accent);color:#111}
:is([data-theme=shu],[data-theme=gold]) :is(.note,.menu-source-note){color:#b6aa98}
:is([data-theme=shu],[data-theme=gold]) :is(.business-notice,.record,.recruit-selection>a,.recruit-branches a){border-color:var(--line)}
:is([data-theme=shu],[data-theme=gold]) :is(.channel-action,.map-link,.header-book){border-color:var(--accent)}
:is([data-theme=shu],[data-theme=gold]) .channel-action:not(.line-action){color:var(--accent)}
:is([data-theme=shu],[data-theme=gold]) .line-action{background:#17683b;color:white;border-color:#17683b}
:is([data-theme=shu],[data-theme=gold]) .mobile-bar{background:#1c1916;color:var(--ink)}
:is([data-theme=shu],[data-theme=gold]) .mobile-bar a:last-child{background:var(--accent);color:#111}
:is([data-theme=shu],[data-theme=gold]) dialog{background:#151413;color:var(--ink)}
:is([data-theme=shu],[data-theme=gold]) :is(.modal-head button,.toolbar button,.staff-demo-entry button){color:var(--ink);border-color:var(--line)}
:is([data-theme=shu],[data-theme=gold]) .record button{background:var(--accent);color:#111}
:is([data-theme=shu],[data-theme=gold]) .record .status{color:var(--accent)}
@media(max-width:700px){.theme-preview{gap:8px;padding:8px 4%;flex-wrap:wrap}.theme-preview>span{font-size:10px}.theme-preview>div{gap:5px}.theme-preview button{padding:7px 9px;font-size:10px}.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-grid>.portal:first-child{padding:27px 20px}.portal-grid>.portal:first-child h2{font-size:23px}.portal{padding:24px 16px;min-width:0}.portal h2{font-size:17px;overflow-wrap:anywhere}.recruit-branches{gap:20px}.recruit-branches a{font-size:15px}.recruit-selection,.recruit-detail{grid-template-columns:1fr;padding:40px 7%;gap:25px}.recruit-detail img{height:300px}.cinema{min-height:540px}}
@media(max-width:330px){.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-grid>.portal:not(:first-child):not(.recruit-portal):not(.instagram-portal){grid-column:auto}.portal h2{font-size:15px}.portal small{font-size:7px}}

.recruit-branches a{position:relative;align-items:center;gap:10px}.recruit-branches .branch-label{font-size:inherit}.recruit-branches a>span:last-child{flex:none}.cinema-title>p,.cinema-title>span{text-shadow:0 1px 8px #000}

/* Menu entries 06 and 07 each occupy one column. */
.portal-grid>.recruit-portal,.portal-grid>.instagram-portal,.portal-grid>.portal:last-child{grid-column:auto}
@media(max-width:700px){.portal-grid>.recruit-portal,.portal-grid>.instagram-portal,.portal-grid>.portal:last-child{grid-column:auto}.instagram-portal .instagram-label{gap:8px}.instagram-portal .instagram-mark{width:22px;height:22px}.instagram-portal .instagram-label h2{font-size:15px}.instagram-portal>p{font-size:10px;overflow-wrap:anywhere}}