/* DUCK CLUB AI / FIELD EDITION — art direction 2026
   Photographic, editorial, deliberate. No changes to app behavior. */
:root{--dc-ink:#08140e;--dc-pine:#10241a;--dc-brass:#c6a46c;--dc-ivory:#f4f0e5;--dc-fog:#b4c0b0}
html{background:var(--dc-ink)}
body{background-color:var(--dc-ink)!important;color:var(--dc-ivory);-webkit-font-smoothing:antialiased}
body>header{background:#081710!important;border-bottom:1px solid #b79b625c!important;box-shadow:none!important}
body>header h1,header strong{font-family:Georgia,"Times New Roman",serif!important;letter-spacing:.08em!important;font-weight:500!important}
.app-nav{background:#0a1912f2!important;border-bottom:1px solid #b79b6244!important;gap:2px!important;scrollbar-width:none}
.app-nav a{font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase!important;border:1px solid transparent!important;background:transparent!important;border-radius:3px!important;padding:12px 14px!important}
.app-nav a:hover,.app-nav a:focus-visible{background:#213a2b!important;color:#f5d5a1!important}
.card{background:linear-gradient(135deg,#192c20,#0b1b13)!important;border:1px solid #8a87675c!important;border-radius:8px!important;box-shadow:0 18px 48px #0005!important}
.card h2,.card h3{font-family:Georgia,"Times New Roman",serif!important;font-weight:400!important}
button,.button{letter-spacing:.025em}
button:focus-visible,a:focus-visible{outline:2px solid #f0c87e!important;outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Signature home: retain the existing eight-button circular layout. */
.flight-home{position:relative!important;overflow:hidden!important;border:1px solid #ad8a53!important;border-radius:4px!important;background:linear-gradient(180deg,#05100c55 0%,#05100c55 38%,#07140cda 100%),url('https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?auto=format&fit=crop&w=2000&q=90') center/cover no-repeat!important;box-shadow:0 28px 80px #000a!important}
.flight-home:before{content:"FIELD EDITION  /  EST. 2026";position:absolute;top:18px;left:20px;color:#f3d7a5a8;font-size:9px;letter-spacing:.22em;z-index:3;pointer-events:none}
.flight-brand{border:1px solid #c2a36a!important;background:#06150ecf!important;border-radius:3px!important;box-shadow:0 10px 40px #0008!important}
.flight-brand>span:nth-child(2){font-family:Georgia,"Times New Roman",serif!important;font-weight:400!important;letter-spacing:.075em!important}
.flight-ring{border-color:#d0b68188!important}
.flight-center,.orbit-action{border:1px solid #d7b778!important;background:radial-gradient(circle at 40% 20%,#294431,#081b12 68%)!important;box-shadow:0 9px 30px #000b,inset 0 1px #e3c88b44!important}
.flight-center:hover,.orbit-action:hover{filter:brightness(1.18)}
.flight-center strong,.orbit-action strong{font-family:Georgia,"Times New Roman",serif!important;font-weight:400!important;letter-spacing:.02em!important}
.flight-bottom,.flight-quickbar{background:#07150eee!important;border-color:#bda06c66!important}
#heading-ribbon{border:1px solid #ad8a53!important;border-radius:4px!important;background:#0a1b12!important}
@media(max-width:600px){.flight-home{border-radius:3px!important}.flight-home:before{font-size:8px;top:8px;left:9px}.flight-brand{border-radius:3px!important}.app-nav{justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto!important}}
/* Club HQ — image-led editorial identity, not a dashboard template */
body.club-editorial{background:linear-gradient(180deg,#08150d 0%,#0c1d14 60%,#08140e 100%)!important}
.club-editorial header{background:#07130df5!important;border-bottom:1px solid #c4a46b55!important}
.club-editorial main{max-width:1220px!important}
.club-editorial .hero{min-height:430px!important;display:flex;flex-direction:column;justify-content:flex-end;border-radius:3px!important;padding:clamp(25px,6vw,72px)!important;background:linear-gradient(90deg,#05120ded 0%,#06150cbe 45%,#06150c24 100%),linear-gradient(0deg,#06150cdb,transparent 60%),url('https://images.unsplash.com/photo-1472396961693-142e6e269027?auto=format&fit=crop&w=2000&q=90') center 45%/cover!important;border:1px solid #b99a6566!important;box-shadow:0 30px 80px #0009!important}
.club-editorial .hero:before{content:"THE PRIVATE FIELD OFFICE  /  DUCK CLUB AI"!important;top:24px!important;right:28px!important;color:#f3d9a8aa!important;letter-spacing:.23em!important}
.club-editorial .hero h1{font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(54px,9vw,112px)!important;font-weight:400!important;line-height:.94!important;letter-spacing:-.065em!important;max-width:760px!important;text-wrap:balance}
.club-editorial .hero p{color:#e1e3d6!important;font-size:15px!important;max-width:540px!important}
.club-editorial .eyebrow{letter-spacing:.27em!important;font-size:10px!important}
.club-editorial .section-intro{padding:20px 0 12px;border-bottom:1px solid #a9956b70;margin:46px 0 23px!important}
.club-editorial .section-intro strong{font-family:Georgia,serif!important;font-size:clamp(30px,5vw,54px)!important;font-weight:400!important;letter-spacing:-.05em!important}
.club-editorial .grid{gap:1px!important;background:#7e87665e;border:1px solid #7e87665e!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.club-editorial .tile,.club-editorial .tile:nth-child(n){min-height:275px!important;position:relative!important;border:0!important;border-radius:0!important;background:#102219!important;box-shadow:none!important;padding:clamp(20px,3vw,36px)!important;transition:background .2s!important}
.club-editorial .tile:hover{transform:none!important;background:#1b3827!important}
.club-editorial .tile:before{content:attr(data-index);position:absolute;top:27px;right:28px;color:#cfb48288;font:12px Georgia,serif;letter-spacing:.1em}
.club-editorial .tile .symbol{border:0!important;border-radius:0!important;background:transparent!important;font:35px Georgia,serif!important;color:#d6b77e!important;width:auto!important;height:48px!important}
.club-editorial .tile h2{font:normal clamp(23px,2.4vw,30px) Georgia,serif!important;letter-spacing:-.035em!important;line-height:1.08!important}
.club-editorial .tile p{font-size:13px!important;line-height:1.7!important;color:#b9c7b8!important}
.club-editorial .tile a{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.12em!important;text-decoration:none!important;border-bottom:1px solid #bfa36c66!important;padding-bottom:7px!important}
.club-editorial .planner{border-radius:3px!important;background:linear-gradient(125deg,#1a3525,#081b12)!important;border:1px solid #aa91635c!important;padding:clamp(25px,5vw,58px)!important}
.club-editorial .planner h2{font:normal clamp(32px,5vw,54px) Georgia,serif!important;letter-spacing:-.05em!important}
.club-editorial .button,.club-editorial button{border-radius:3px!important}
@media(max-width:850px){.club-editorial .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:540px){.club-editorial .hero{min-height:480px!important;background-position:58% center!important}.club-editorial .hero h1{font-size:62px!important}.club-editorial .grid{grid-template-columns:1fr!important}.club-editorial .tile{min-height:220px!important}.club-editorial .section-intro{margin-top:28px!important}}

/* Usability pass — touch, hierarchy, legibility and wayfinding */
:root{--tap-target:44px}
a,button,[role="button"]{-webkit-tap-highlight-color:transparent}
button,a.button,.app-nav a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
input,select,textarea{font-size:16px!important;max-width:100%}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #e9c786!important;outline-offset:2px}
.app-nav a[aria-current="page"]{color:#f4d69c!important;border-bottom:2px solid #c6a46c!important}
.club-editorial .tile a{min-height:44px;align-items:center}
.club-editorial .tile .tag{margin-top:12px;line-height:1.5}
.club-editorial .actions{gap:12px}
.club-editorial .button{padding:14px 20px!important}
.club-editorial .fields{gap:16px!important}
.club-editorial label{line-height:1.6}
.club-editorial input,.club-editorial select,.club-editorial textarea{min-height:48px!important}
@media(max-width:650px){
 body>header{padding-top:calc(12px + env(safe-area-inset-top,0px))!important}
 .app-nav{position:sticky!important;top:0!important;z-index:900!important;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
 .app-nav a{flex:0 0 auto!important;white-space:nowrap;scroll-snap-align:start;padding:13px 15px!important}
 .flight-bottom a{min-height:54px!important}
 .club-editorial .actions .button{flex:1 1 auto}
 .club-editorial .tile a{padding:12px 0!important}
 .club-editorial .planner{margin-bottom:100px}
}

/* Intentional navigation hierarchy */
.app-nav{align-items:center!important;justify-content:center!important;overflow:visible!important;flex-wrap:wrap!important}
.app-nav>a{font-weight:700!important}
.nav-more{position:relative;z-index:950}
.nav-more>summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:12px 17px;color:#ead7b2;border:1px solid #8d775055;border-radius:3px;cursor:pointer;font-size:11px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}
.nav-more>summary::-webkit-details-marker{display:none}
.nav-more[open]>summary{background:#254331}
.nav-more-menu{position:absolute;right:0;top:calc(100% + 7px);width:min(280px,calc(100vw - 30px));max-height:min(65vh,520px);overflow-y:auto;display:grid;gap:2px;padding:9px;background:#0a1b12;border:1px solid #a58b5a;box-shadow:0 20px 50px #000b;border-radius:5px}
.nav-more-menu a{display:flex;align-items:center;min-height:45px;padding:12px 14px;text-decoration:none;color:#f2e7d1;font-size:13px;letter-spacing:.01em;text-transform:none}
.nav-more-menu a:hover,.nav-more-menu a:focus-visible{background:#294332}
@media(max-width:650px){.app-nav{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;overflow-y:visible!important;padding:7px 10px!important;gap:0!important}.app-nav>a{padding:12px!important;font-size:10px!important}.nav-more{position:static!important}.nav-more>summary{white-space:nowrap;padding:12px!important;font-size:10px}.nav-more-menu{position:fixed!important;right:12px!important;top:calc(118px + env(safe-area-inset-top,0px))!important;z-index:9999!important}}
