/* Applied Attention house site. Brand kit F7 Sharp/Metal:
   Ink #111111, Charcoal #292925, Ivory #F5F3ED, White #FFFFFF. */
:root{
  --ink:#111111; --char:#292925; --ivory:#F5F3ED; --white:#FFFFFF;
  --mute-ivory:#787266; --mute-dark:#a8a092; --gold:#8c6a32; --gold-soft:#d8b780;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--ink);color:var(--ivory);font-family:"Liberation Sans","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;}
img{display:block;max-width:100%;}
a{color:inherit;}
.wrap{max-width:1460px;margin:0 auto;padding:0 48px;}
h2.tracked{font-size:30px;letter-spacing:.28em;font-weight:700;text-transform:uppercase;}
.sub{margin-top:14px;font-size:20px;line-height:1.45;}
section{padding:72px 0 84px;}

/* NAV */
nav{position:sticky;top:0;z-index:50;background:var(--char);border-bottom:1px solid #3a3a34;}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:84px;}
.nav-in img{height:52px;width:auto;}
.nav-links{display:flex;gap:34px;}
.nav-links a{text-decoration:none;font-size:16px;letter-spacing:.3em;color:var(--ivory);text-transform:uppercase;}
.nav-links a:hover{color:var(--gold-soft);}

/* HERO */
.hero img{width:100%;height:auto;}
.motto{background:var(--ink);text-align:center;padding:24px 16px;}
.motto span{font-size:clamp(17px,2.4vw,25px);letter-spacing:.55em;text-transform:uppercase;color:var(--ivory);}

/* SHOP THE HOUSE (ivory) */
.shop{background:var(--ivory);color:var(--char);}
.shop .sub{color:var(--mute-ivory);}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px;}
.card img,.card .card-art{width:100%;height:320px;object-fit:cover;}
.card .card-art{background:var(--char);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:24px;text-align:center;}
.card .card-art img{height:110px;width:auto;object-fit:contain;}
.card .card-art p{color:var(--ivory);font-weight:700;letter-spacing:.22em;font-size:17px;line-height:1.7;text-transform:uppercase;}
.card h3{margin-top:24px;font-size:25px;letter-spacing:.06em;text-transform:uppercase;}
.card .desc{margin-top:8px;font-size:18px;color:var(--mute-ivory);line-height:1.45;}
.card .price{margin-top:8px;font-size:18px;font-weight:700;color:var(--gold);}

/* STORE (charcoal) */
.store{background:var(--char);}
.store .sub{color:var(--mute-dark);}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px;}
.tile img,.tile .tile-art{width:100%;height:380px;object-fit:cover;background:#0a0a0a;}
.tile .tile-art{background:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px;text-align:center;}
.tile .tile-art img{height:96px;width:auto;object-fit:contain;background:none;}
.tile .tile-art p{color:var(--mute-dark);letter-spacing:.24em;font-size:15px;text-transform:uppercase;line-height:1.7;}
.tile h3{margin-top:18px;font-size:21px;color:var(--ivory);}
.tile .tprice{margin-top:6px;font-size:18px;color:var(--gold-soft);}
.tile .tprice s{color:var(--mute-dark);font-weight:400;}
.tile .soon{display:inline-block;margin-top:10px;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute-dark);border:1px solid #4a4a42;padding:7px 12px;}
.buyrow{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap;}
.buyrow a{text-decoration:none;font-size:15px;letter-spacing:.14em;text-transform:uppercase;padding:11px 16px;border:1px solid var(--gold-soft);color:var(--gold-soft);}
.buyrow a.primary{background:var(--gold-soft);color:var(--ink);font-weight:700;border-color:var(--gold-soft);}
.buyrow a:hover{opacity:.85;}

/* ARCHIVAL (ink) */
.archival{background:var(--ink);}
.archival .sub{color:var(--mute-dark);}
.collection{margin-top:52px;}
.collection h3{font-size:22px;letter-spacing:.24em;text-transform:uppercase;color:var(--ivory);}
.collection .quote{margin-top:8px;font-size:19px;font-style:italic;color:var(--mute-dark);}
.boards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:24px;}
.boards figure img{width:100%;height:250px;object-fit:cover;}
.boards figcaption{margin-top:10px;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute-dark);text-align:center;}

/* FOOTER */
footer{background:var(--char);padding:64px 0 54px;text-align:center;}
footer .lockup{height:120px;width:auto;margin:0 auto;}
footer .ties{margin-top:34px;font-size:16px;letter-spacing:.3em;color:var(--mute-dark);text-transform:uppercase;line-height:2;}
footer .ties a{text-decoration:none;}
footer .ties a:hover{color:var(--gold-soft);}
footer .fine{margin-top:16px;font-size:16px;letter-spacing:.3em;color:var(--mute-dark);text-transform:uppercase;}

@media (max-width:1000px){
  .cards,.tiles{grid-template-columns:1fr 1fr;}
  .boards{grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){
  .wrap{padding:0 20px;}
  .cards,.tiles,.boards{grid-template-columns:1fr;}
  .nav-links{display:none;}
  section{padding:52px 0 60px;}
  footer .lockup{height:88px;}
}

/* v3 components: carousel, gateway, pages */
.center{text-align:center;}
.pieces{background:#0c0c0c;padding:64px 0 56px;}
.carousel{display:flex;align-items:center;gap:10px;margin-top:36px;}
.stage{position:relative;flex:1;height:min(62vh,640px);min-height:340px;background:#0a0a0a;overflow:hidden;}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.6s ease;pointer-events:none;text-decoration:none;}
.slide.on{opacity:1;pointer-events:auto;}
.slide img{width:100%;height:100%;object-fit:contain;}
.slide-cap{position:absolute;left:0;right:0;bottom:0;padding:14px 18px;background:rgba(10,10,10,.72);color:var(--ivory);font-size:16px;letter-spacing:.22em;text-transform:uppercase;text-align:center;}
.car-btn{background:none;border:none;color:var(--mute-dark);font-size:64px;line-height:1;cursor:pointer;padding:0 6px;}
.car-btn:hover{color:var(--gold-soft);}
.dots{text-align:center;margin-top:20px;}
.dot{display:inline-block;width:11px;height:11px;border-radius:50%;border:2px solid var(--mute-dark);margin:0 6px;}
.dot.on{background:var(--gold-soft);border-color:var(--gold-soft);}
.car-note{text-align:center;margin-top:12px;color:var(--mute-dark);font-size:14px;letter-spacing:.24em;text-transform:uppercase;}
.gateway{background:var(--ink);padding:10px 0 84px;}
.mega{display:block;background:var(--ivory);color:var(--ink);text-decoration:none;text-align:center;padding:15vh 24px;margin-top:26px;}
.mega-title{display:block;font-size:clamp(38px,7.2vw,86px);font-weight:700;letter-spacing:.18em;text-transform:uppercase;}
.mega-rule{display:block;width:220px;height:5px;background:var(--gold);margin:30px auto 24px;}
.mega-sub{display:block;font-size:clamp(15px,2vw,22px);letter-spacing:.3em;text-transform:uppercase;color:var(--char);}
.gate-row{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px;}
.gate-card{display:block;background:var(--char);text-decoration:none;padding:34px 30px;}
.gate-card h3{font-size:24px;letter-spacing:.14em;text-transform:uppercase;color:var(--ivory);}
.gate-card p{margin-top:10px;font-size:18px;line-height:1.5;color:var(--mute-dark);}
.gate-tag{display:inline-block;margin-top:16px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-soft);border:1px solid #4a4a42;padding:7px 11px;}
.page-head{background:var(--ink);padding:64px 0 8px;}
.page-head .sub{color:var(--mute-dark);}
.chan-note{margin-top:14px;font-size:17px;line-height:1.55;color:var(--mute-dark);max-width:820px;}
.coll-grid-sec{background:var(--ink);padding-top:30px;}
.coll-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.coll-card{display:block;background:var(--char);text-decoration:none;padding:38px 34px;}
.coll-card h3{font-size:27px;letter-spacing:.1em;text-transform:uppercase;color:var(--ivory);}
.coll-card p{margin-top:10px;font-size:18px;line-height:1.5;color:var(--mute-dark);}
.shelf-band{display:block;margin-top:28px;background:#15150f;border:1px solid #3d3d33;text-decoration:none;padding:34px;}
.shelf-band h3{font-size:24px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-soft);}
.shelf-band p{margin-top:10px;font-size:18px;line-height:1.5;color:var(--mute-dark);}
.store.plain{background:var(--ink);padding-top:36px;}
.chapters{background:var(--ink);padding-top:36px;}
.chapter-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.chapter{background:var(--char);padding:36px 32px;}
.chapter h3{font-size:24px;letter-spacing:.12em;text-transform:uppercase;color:var(--ivory);}
.chapter .quote{margin-top:12px;font-size:19px;font-style:italic;line-height:1.5;color:var(--mute-dark);}
.feature{background:var(--ink);padding-top:30px;}
.feature-img{width:100%;height:auto;}
.feature-copy{max-width:860px;padding:38px 0 6px;}
.feature-copy h3{font-size:30px;letter-spacing:.1em;text-transform:uppercase;}
.feature-line{margin-top:14px;font-size:22px;line-height:1.5;color:var(--ivory);}
.feature-line.small{font-size:18px;color:var(--mute-dark);font-style:italic;}
.feature-copy p{margin-top:14px;font-size:18px;line-height:1.6;color:var(--mute-dark);}
.gad-list{background:var(--char);}
.gad-ol{list-style:none;margin-top:40px;}
.gad-ol li{display:flex;gap:22px;align-items:baseline;padding:17px 4px;border-bottom:1px solid #3a3a34;}
.gad-num{color:var(--gold-soft);font-size:15px;letter-spacing:.2em;}
.gad-line{font-size:clamp(19px,2.6vw,27px);color:var(--ivory);}
.empty-note{background:var(--char);padding:40px 34px;}
.empty-note h3{font-size:24px;letter-spacing:.12em;text-transform:uppercase;color:var(--ivory);}
.empty-note p{margin-top:10px;font-size:18px;line-height:1.55;color:var(--mute-dark);}
.partner-sec{background:var(--ink);padding-top:34px;}
.partner-sec .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:26px;}
.partner-name{font-size:27px;letter-spacing:.08em;text-transform:uppercase;color:var(--ivory);}
.partner-name span{color:var(--gold-soft);font-size:19px;}
.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px;}
.partner-card{background:var(--char);padding:32px 28px;}
.partner-card h3{font-size:20px;letter-spacing:.06em;text-transform:uppercase;color:var(--ivory);}
.partner-card h3 span{color:var(--gold-soft);font-size:15px;}
.partner-card p{margin-top:10px;font-size:17px;line-height:1.5;color:var(--mute-dark);}
@media (max-width:900px){
  .gate-row,.coll-grid,.chapter-grid,.partner-grid{grid-template-columns:1fr;}
  .partner-sec .tiles{grid-template-columns:1fr;}
  .stage{height:52vh;}
}

/* v3.1 masthead: the branded banner is the frozen top of every page */
.masthead{position:sticky;top:0;z-index:60;background:var(--ink);}
.mast-banner{width:100%;height:auto;max-height:300px;object-fit:cover;object-position:center;}
.linkstrip{background:var(--char);border-bottom:1px solid #3a3a34;}
.linkstrip-in{display:flex;justify-content:center;gap:38px;padding:13px 0;}
.linkstrip a{text-decoration:none;font-size:15px;letter-spacing:.3em;color:var(--ivory);text-transform:uppercase;}
.linkstrip a:hover{color:var(--gold-soft);}
nav{display:none;}
@media (max-width:640px){
  .mast-banner{max-height:24vh;}
  .linkstrip-in{gap:22px;}
  .linkstrip a{font-size:13px;letter-spacing:.2em;}
  .pieces{padding:40px 0 44px;}
}