/* The Order pages: aged copper, dark steel, petrol blue and warm ivory. */
:root{--bg:#111719;--ink:#e7d9bb;--muted:#a49883;--line:#a477483b;--accent:#cf9c5e}
body.order-page{background:radial-gradient(ellipse at 12% 8%,#17464b3b,transparent 48%),radial-gradient(ellipse at 92% 48%,#63361826,transparent 55%),linear-gradient(135deg,#111719,#15110e 58%,#0e1517);background-attachment:fixed;color:#e7d9bb}
.order-page .network{border-color:#a477483b;color:#a88a64}.order-page .network a{color:#c9a572}.order-page .page-header{border-color:#a477483b;gap:30px}.order-page .page-header>a{flex-shrink:0}.order-page .page-header>a>img{width:165px;height:85px;object-fit:contain;filter:drop-shadow(0 0 14px #c38b4222)}
.order-page .page-nav{display:flex;flex-wrap:wrap;gap:15px}.order-page .page-nav a{color:#c6b694;font-size:9px;letter-spacing:.7px}.order-page .page-nav a:hover,.order-page .page-nav a.active{color:#f1bd78;border-color:#b8864c}.order-page .page-hero{border-color:#9f734044;background:radial-gradient(ellipse at 80% 20%,#2b52552b,transparent 60%),linear-gradient(115deg,#211b1455,#12232844)}
.order-page .page-hero h1,.order-page .about-intro h1,.order-page .page-content h2{color:#e6d5b1}.order-page .kicker,.order-page .about-overline{color:#bd935a}.order-page .page-hero p,.order-page .about-story p{color:#b7aa92}.order-page .person{background:linear-gradient(135deg,#1e3032,#1b1713);border-color:#a477483b}.order-page .person h2{color:#e3d4b6}.order-page .person small{color:#b48c56}.order-page .person-links a{color:#d3ad77}.order-page .portrait{background:#132023}.order-page .toolbar{border-color:#a477483b;color:#ae9876}.order-page input,.order-page textarea,.order-page select{background:#132023;color:#ebdec6;border-color:#9d794e66}.order-page .cta{background:#ba884d;color:#14191a;border-color:#dbb174}.order-page .cta:hover{background:#e0b675}.order-page .cta.outline{color:#d4b37e;background:transparent}
.order-page .album-group-head h2,.order-page .album-group-head h3{color:#dcc090}.order-page .feed-like{background:linear-gradient(100deg,#b7833216,#223a3c44);border-color:#ba91513b;color:#e3cba1}.order-page .feed-like small{color:#d3ba93}.order-page .feed-like[aria-pressed='true']{color:#f0b0bd}.order-page .page-footer{border-color:#a477483b;color:#9a896e}.order-page .page-footer img{width:100px;height:55px;object-fit:contain}.order-page .page-footer a{color:#cfad79}
.order-page .about-brand-art img{object-fit:contain;background:#142024}.order-page .about-values>div,.order-page .about-person{background:linear-gradient(130deg,#1d3032,#21180f);border-color:#936d4444}.order-page .about-values strong,.order-page .about-team-heading h2,.order-page .about-story h2,.order-page .about-person-info h3,.order-page .about-bottom h2{color:#dfc49a}.order-page .about-values p{color:#b2a58d}.order-page .about-role{color:#bc925a}
.order-support{padding:40px;margin:40px 0;background:linear-gradient(120deg,#243e4055,#2d211655);border:1px solid #a4774844}.order-support h2{font:600 42px 'Barlow Condensed',Impact,sans-serif;color:#e4caa0;margin:15px 0}.order-support p{font-size:13px;line-height:1.9;color:#bdb098;max-width:700px}.order-support-links{display:flex;flex-wrap:wrap;gap:15px;margin-top:25px}.order-support-links a{border:1px solid #ae824d66;padding:14px 18px;font-size:9px;letter-spacing:1px;color:#ddbd8b}
.order-page .form-rules,.order-page .application-review,.order-page .form-intro{border-color:#a4774844}.order-page .form-field label,.order-page .form-field legend{color:#dcc29a}.order-page .rules-list,.order-page .form-intro p{color:#b5a58d}
.order-page-particles{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}.order-page-particles i{position:absolute;left:var(--x);top:var(--y);width:2px;height:2px;background:#e8b76f;border-radius:50%;box-shadow:0 0 6px #e8b76f77;animation:order-page-drift var(--duration) var(--delay) ease-in-out infinite;opacity:0}@keyframes order-page-drift{0%{opacity:0;transform:translateY(20px)}35%,65%{opacity:.4}100%{opacity:0;transform:translate(12px,-35px)}}
@media(max-width:750px){.order-page .page-header{flex-direction:column;align-items:center;padding:20px 0}.order-page .page-nav{justify-content:center;gap:15px 18px}.order-page .page-nav a{font-size:8px}.order-support{padding:25px}.order-support h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.order-page-particles i{animation:none;opacity:.2}}
html[data-display-mode='day'] body.order-page{background:linear-gradient(135deg,#e4ddcd,#ded0ba 65%,#ced9d4);color:#3e372b}html[data-display-mode='day'] .order-page .page-hero h1,html[data-display-mode='day'] .order-page .about-intro h1,html[data-display-mode='day'] .order-page .page-content h2{color:#473520}html[data-display-mode='day'] .order-page .person{background:linear-gradient(135deg,#c3ceca,#e5d6bd)}html[data-display-mode='day'] .order-page .person h2{color:#493926}html[data-display-mode='day'] .order-page .page-nav a{color:#644a2c}html[data-display-mode='day'] .order-page .page-hero p{color:#6e5d43}