:root{
  --page-bg:#030405;
  --page-panel:#070808;
  --page-ivory:#f1eadf;
  --page-muted:#b9b0a5;
  --page-gold:#c99a3d;
  --page-gold-soft:#e1b65e;
  --page-line:rgba(201,154,61,.34);
}

.about-page,.contact-page{background:var(--page-bg);color:var(--page-ivory)}
.about-page .site-header,.contact-page .site-header{position:absolute}
.about-page main,.contact-page main{overflow:hidden}

.info-hero{position:relative;min-height:610px;display:flex;align-items:center;border-bottom:1px solid rgba(201,154,61,.18);isolation:isolate;background:#030405}
.info-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(2,3,4,.96) 0%,rgba(2,3,4,.76) 39%,rgba(2,3,4,.33) 67%,rgba(2,3,4,.72) 100%),linear-gradient(180deg,rgba(1,2,3,.15),rgba(1,2,3,.88)),var(--hero-image);background-size:cover;background-position:center;z-index:-2}
.info-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 34%,rgba(201,154,61,.13),transparent 30%),linear-gradient(90deg,transparent 0 72%,rgba(0,0,0,.48));z-index:-1}
.about-page .info-hero{--hero-image:url('../images/collections-hero.webp')}
.contact-page .info-hero{--hero-image:url('../images/new-arrivals-generated-bg.webp');min-height:700px}
.info-hero .shell{padding-top:108px;padding-bottom:70px}
.info-breadcrumb{display:flex;gap:12px;align-items:center;color:#9f968b;font-size:11px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:50px}
.info-breadcrumb a{color:var(--page-gold-soft)}
.info-kicker{font-family:Arial,sans-serif;color:var(--page-gold-soft);font-size:12px;line-height:1.4;text-transform:uppercase;letter-spacing:.32em;margin:0 0 18px}
.info-hero h1{max-width:800px;font-size:clamp(58px,7.6vw,108px);line-height:.9;font-weight:400;letter-spacing:-.045em;margin:0;color:#f4eee4;text-shadow:0 9px 30px rgba(0,0,0,.8)}
.info-rule{display:flex;align-items:center;width:min(420px,64vw);margin:30px 0 28px}
.info-rule::before,.info-rule::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--page-gold))}
.info-rule::after{background:linear-gradient(90deg,var(--page-gold),transparent)}
.info-rule span{width:12px;height:12px;border:1px solid var(--page-gold);transform:rotate(45deg);margin:0 18px;box-shadow:0 0 12px rgba(201,154,61,.22)}
.info-lead{max-width:680px;font-size:clamp(21px,2vw,30px);line-height:1.45;color:#e4ddd3;margin:0}

.info-section{position:relative;padding:100px 0}
.info-section + .info-section{border-top:1px solid rgba(201,154,61,.13)}
.info-section--deep{background:radial-gradient(circle at 50% -10%,rgba(201,154,61,.08),transparent 36%),#050606}
.info-section--panel{background:linear-gradient(180deg,#050606,#030404)}
.section-eyebrow{font-family:Arial,sans-serif;color:var(--page-gold-soft);font-size:11px;text-transform:uppercase;letter-spacing:.28em;margin-bottom:15px}
.info-section h2{font-size:clamp(40px,4.5vw,70px);line-height:1.02;font-weight:400;letter-spacing:-.025em;margin:0 0 28px;color:#f3ede4}
.info-section p{color:#c9c0b5;font-size:18px;line-height:1.75;margin:0 0 22px}

.about-intro-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:90px;align-items:center}
.about-mark{position:relative;min-height:500px;border:1px solid var(--page-line);background:linear-gradient(140deg,rgba(201,154,61,.08),transparent 48%),radial-gradient(circle at 50% 45%,rgba(225,182,94,.13),transparent 30%),#050606;display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 0 80px rgba(0,0,0,.8);padding:28px 20px}
.about-mark::before,.about-mark::after{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(201,154,61,.2);border-radius:50%}
.about-mark::after{width:230px;height:230px;border-style:dashed;transform:rotate(24deg)}
.about-logo-lockup{position:relative;z-index:2;width:285px;display:flex;flex-direction:column;align-items:center;justify-content:center;filter:drop-shadow(0 0 30px rgba(201,154,61,.2));transform:translateY(-5px)}
.about-logo-main{display:block;width:100%;height:auto;opacity:.97}
.about-logo-workshop{display:block;margin-top:-24px;padding-left:.34em;color:#d2a44b;font-family:Georgia,"Times New Roman",serif;font-size:15px;font-weight:600;line-height:1.55;letter-spacing:.34em;white-space:nowrap;text-shadow:0 0 10px rgba(201,154,61,.16)}
.about-mark .mark-words{position:absolute;inset:auto 30px 34px;text-align:center;color:#9e927f;font-family:Arial,sans-serif;font-size:10px;letter-spacing:.25em;text-transform:uppercase;z-index:3}

.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.value-card{min-height:285px;padding:36px 34px;border:1px solid rgba(201,154,61,.3);background:linear-gradient(145deg,rgba(201,154,61,.06),transparent 48%),#070808;position:relative}
.value-card::after{content:"";position:absolute;left:34px;right:34px;bottom:24px;height:1px;background:linear-gradient(90deg,var(--page-gold),transparent)}
.value-number{font-family:Arial,sans-serif;color:#5da8d8;font-size:11px;letter-spacing:.18em}
.value-card h3{font-size:31px;line-height:1.12;font-weight:400;margin:24px 0 16px;color:#f2ebe2}
.value-card p{font-size:16px;line-height:1.65;margin:0;color:#bdb4a8}

.genre-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid rgba(201,154,61,.2);background:rgba(201,154,61,.2);margin-top:46px}
.genre-item{min-height:150px;padding:31px;background:#050606;display:flex;flex-direction:column;justify-content:center}
.genre-item span{font-family:Arial,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.24em;color:#5da8d8;margin-bottom:12px}
.genre-item strong{font-weight:400;font-size:24px;color:#eee7dd}

.info-cta{padding:80px 0;background:radial-gradient(circle at 50% 10%,rgba(201,154,61,.11),transparent 45%),#050606;text-align:center;border-top:1px solid rgba(201,154,61,.2)}
.info-cta h2{font-size:clamp(42px,5vw,72px);font-weight:400;line-height:1;margin-bottom:20px}
.info-cta p{max-width:660px;margin:0 auto 34px;color:#bdb4a8;font-size:18px;line-height:1.7}
.info-button{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;min-width:285px;border:1px solid var(--page-gold);padding:17px 22px;color:var(--page-gold-soft);font-family:Arial,sans-serif;font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;transition:.2s ease}
.info-button:hover,.info-button:focus{background:var(--page-gold);color:#050505}

.contact-wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:70px;align-items:start}
.contact-copy{padding-right:30px}
.contact-types{display:grid;gap:1px;background:rgba(201,154,61,.18);border:1px solid rgba(201,154,61,.18);margin-top:42px}
.contact-type{background:#050606;padding:25px 27px;display:grid;grid-template-columns:54px 1fr;gap:20px;align-items:start}
.contact-type span{font-family:Arial,sans-serif;color:#5da8d8;font-size:11px;letter-spacing:.15em;padding-top:6px}
.contact-type h3{font-size:25px;font-weight:400;color:#eee8df;margin:0 0 7px}
.contact-type p{font-size:15px;line-height:1.55;margin:0;color:#aaa195}
.contact-panel{border:1px solid var(--page-line);padding:40px;background:linear-gradient(145deg,rgba(201,154,61,.07),transparent 50%),#070808;box-shadow:inset 0 0 80px rgba(0,0,0,.55)}
.contact-panel h2{font-size:42px;margin-bottom:15px}
.contact-panel > p{font-size:16px;line-height:1.65;margin-bottom:28px}
.contact-socials{display:grid;gap:12px}
.contact-social{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(201,154,61,.35);padding:16px 18px;color:#e9e1d7;background:#040505;transition:.2s ease}
.contact-social:hover,.contact-social:focus{border-color:var(--page-gold-soft);background:rgba(201,154,61,.08)}
.contact-social .social-label{display:flex;align-items:center;gap:16px;font-family:Arial,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.contact-social i{color:var(--page-gold-soft);font-size:18px;width:22px;text-align:center}
.contact-social svg{width:20px;height:20px;display:block;fill:currentColor;color:var(--page-gold-soft);flex:0 0 20px}
.contact-social .arrow{color:var(--page-gold-soft)}
.contact-email-note{margin-top:28px;padding:22px;border-left:2px solid var(--page-gold);background:rgba(201,154,61,.055)}
.contact-email-note strong{display:block;color:#e6ded3;font-weight:400;font-size:19px;margin-bottom:7px}
.contact-email-link{display:inline-block;color:var(--page-gold-soft);font-family:Arial,sans-serif;font-size:15px;font-weight:700;letter-spacing:.06em;margin:2px 0 10px;text-decoration:none;overflow-wrap:anywhere}
.contact-email-link:hover,.contact-email-link:focus{color:#f0cc7b;text-decoration:underline;text-underline-offset:4px}
.contact-email-note p{margin:0;font-size:14px;line-height:1.55;color:#9e9589}
.contact-privacy{padding:70px 0;border-top:1px solid rgba(201,154,61,.15);background:#040505}
.contact-privacy .shell{max-width:900px;text-align:center}
.contact-privacy h2{font-size:35px;font-weight:400;margin-bottom:18px}
.contact-privacy p{font-size:16px;color:#aaa195;line-height:1.7;margin:0}

@media(max-width:980px){
  .info-hero{min-height:560px}.contact-page .info-hero{min-height:620px}
  .about-intro-grid,.contact-wrap{grid-template-columns:1fr;gap:55px}
  .about-mark{min-height:390px}
  .values-grid{grid-template-columns:1fr}
  .value-card{min-height:0}
  .genre-list{grid-template-columns:repeat(2,1fr)}
  .contact-copy{padding-right:0}
}
@media(max-width:700px){
  .info-hero{min-height:510px}.contact-page .info-hero{min-height:580px}.info-hero .shell{padding-top:118px;padding-bottom:55px}
  .info-breadcrumb{margin-bottom:36px}
  .info-lead{font-size:19px}
  .info-section{padding:72px 0}
  .about-mark{min-height:330px}.about-logo-lockup{width:225px}.about-logo-workshop{font-size:12px;margin-top:-19px}.about-mark::before{width:250px;height:250px}.about-mark::after{width:175px;height:175px}
  .genre-list{grid-template-columns:1fr}.genre-item{min-height:110px}
  .contact-panel{padding:28px 22px}
  .contact-type{grid-template-columns:38px 1fr;padding:22px 18px;gap:13px}
  .info-button{min-width:0;width:100%}
}