/* Joeyjack.org — v1.0. A small, self-contained editorial site. */
:root{color-scheme:light;--paper:#f8f8f6;--white:#fff;--ink:#171717;--muted:#777670;--line:#dcdcd8;--soft:#ededeb;--charcoal:#222;--max:1450px;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:5px}::selection{background:#222;color:white}.container{max-width:var(--max);margin:0 auto;padding:0 clamp(24px,5vw,88px)}.screen-reader-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:15px;top:-100px;background:#111;color:#fff;padding:10px 16px;z-index:999}.skip-link:focus{top:12px}
/* Header */
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(40,40,40,.12);background:rgba(248,248,246,.96);backdrop-filter:blur(16px)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:36px}.brand{font-weight:900;font-size:25px;letter-spacing:-.085em;line-height:1;white-space:nowrap}.brand span{font-weight:400}.desktop-nav{display:flex;align-items:center;gap:clamp(12px,2.0vw,32px)}.nav-link{font-size:12px;font-weight:700;letter-spacing:.035em;text-transform:uppercase;position:relative;white-space:nowrap}.nav-link::after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:1.5px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .2s}.nav-link:hover::after,.nav-link[aria-current="page"]::after{transform:scaleX(1)}.header-end{display:flex;align-items:center;gap:17px}.header-index{font-size:10px;letter-spacing:.16em;color:var(--muted);font-weight:700;white-space:nowrap}.mobile-menu-button{display:none;background:none;border:1px solid var(--line);padding:9px;width:43px;height:43px;align-items:center;justify-content:center}.mobile-menu-button svg{width:23px}.mobile-nav{display:none}
/* Type & recurring sections */
.kicker{font-size:11px;letter-spacing:.21em;text-transform:uppercase;font-weight:700}.text-muted{color:var(--muted)}.eyebrow{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#55534e;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.eyebrow-line{height:1px;background:var(--line);flex:1}.hero-title{font-size:clamp(5.1rem,12.3vw,12.5rem);line-height:.82;letter-spacing:-.095em;font-weight:800;margin:0}.page-title{font-size:clamp(4.4rem,11.5vw,10.5rem);font-weight:800;line-height:.92;letter-spacing:-.086em;margin:0}.section-heading{font-size:clamp(2.65rem,6.5vw,6.8rem);line-height:.94;letter-spacing:-.075em;margin:0;font-weight:800}.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.035em}.separator{border:0;border-top:1px solid var(--line);margin:0}.arrow{width:15px;height:15px;display:inline-block;vertical-align:middle}.section-tag{display:inline-flex;border:1px solid #999992;border-radius:99px;padding:8px 13px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.section-topline{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--ink);padding-top:16px;margin-bottom:54px}.section-topline p{font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin:0;font-weight:700}.section-no{font-size:11px;letter-spacing:.1em;font-variant-numeric:tabular-nums}.link-inline{display:inline-flex;gap:10px;align-items:center;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:4px}.link-inline:hover{opacity:.6}.button-outline{display:inline-flex;align-items:center;gap:25px;border:1px solid var(--ink);padding:15px 18px;font-weight:700;font-size:11px;letter-spacing:.11em;text-transform:uppercase;transition:background .2s,color .2s}.button-outline:hover{background:var(--ink);color:var(--paper)}.button-outline img{height:13px;width:13px}
/* Homepage */
.home-hero{padding-top:clamp(70px,10vw,145px)}.hero-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:700;color:#6f6d69;margin-bottom:37px}.hero-title .solid-dot{color:#777}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;padding:35px 0 85px}.hero-subtitle{max-width:570px;font-size:clamp(18px,2.0vw,27px);line-height:1.35;letter-spacing:-.025em;margin:0}.hero-corner{font-size:11px;line-height:1.7;letter-spacing:.08em;text-transform:uppercase;text-align:right;flex-shrink:0}.hero-visual{position:relative;background:#191919;min-height:clamp(290px,46vw,620px);color:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-visual::before{content:'';position:absolute;inset:6%;border:1px solid rgba(255,255,255,.14)}.hero-visual::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 56%,transparent 0%,rgba(0,0,0,.28) 76%);pointer-events:none}.hero-monogram{font-size:clamp(10rem,34vw,35rem);line-height:.7;letter-spacing:-.19em;font-weight:900;margin-right:.23em;transform:translateY(-2%);color:#f8f8f5;user-select:none}.hero-visual-top,.hero-visual-bottom{position:absolute;z-index:2;left:clamp(20px,3vw,48px);right:clamp(20px,3vw,48px);display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.hero-visual-top{top:26px}.hero-visual-bottom{bottom:25px}.marquee-strip{border-bottom:1px solid var(--line);padding:19px 0;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;color:#66645f;font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.who-section{padding-top:clamp(90px,12vw,175px);padding-bottom:clamp(100px,12vw,170px)}.who-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(40px,9vw,150px)}.who-question{font-size:clamp(3.75rem,7.1vw,8rem);margin:30px 0 0;line-height:.97;font-weight:800;letter-spacing:-.085em}.who-answer{max-width:600px;padding-top:22px}.who-answer p{font-size:clamp(20px,2.2vw,31px);line-height:1.38;letter-spacing:-.04em;margin:0 0 25px}.who-answer .aside{font-size:14px;line-height:1.65;letter-spacing:0;color:#76736e;margin-bottom:33px}
.best-section{padding-bottom:clamp(105px,13vw,185px)}.best-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:60px}.best-intro p{max-width:260px;color:#64625f;line-height:1.6;font-size:13px}.featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,3vw,45px)}.feature-card{display:block;min-width:0}.feature-image{aspect-ratio:900/690;overflow:hidden;background:#ddd;position:relative}.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease)}.feature-card:hover .feature-image img{transform:scale(1.035)}.feature-overline{display:flex;justify-content:space-between;padding:17px 0 12px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:#6f6b66}.feature-name{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 0 30px}.feature-name h3{font-size:clamp(1.3rem,2.15vw,2rem);font-weight:700;letter-spacing:-.05em;margin:0}.feature-name .circle-arrow{border:1px solid #b4b3ac;border-radius:100%;height:34px;width:34px;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.feature-card:hover .circle-arrow{background:var(--ink);color:white}
/* Interior */
.interior-intro{padding-top:clamp(85px,10vw,150px);padding-bottom:clamp(80px,10vw,135px)}.interior-topline{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ink);padding-top:15px;margin-bottom:52px}.interior-description{display:flex;justify-content:flex-end;margin-top:46px}.interior-description p{max-width:520px;font-size:clamp(18px,2vw,26px);line-height:1.4;letter-spacing:-.02em;margin:0}.content-section{padding-bottom:clamp(100px,12vw,165px)}.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.tile{display:flex;flex-direction:column;gap:15px}.tile-top{border-top:1px solid var(--ink);padding-top:20px;display:flex;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#777}.tile h2{font-size:clamp(1.6rem,2.45vw,2.6rem);letter-spacing:-.06em;line-height:1.08;margin:30px 0 0}.tile p{line-height:1.6;color:#777;max-width:300px;margin:0 0 23px;font-size:14px}.tile .link-inline{margin-top:auto;align-self:flex-start}.tile-art{width:100%;aspect-ratio:1.16;background:#171717;overflow:hidden}.tile-art img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.tile:hover .tile-art img{transform:scale(1.04)}.story-list{border-top:1px solid var(--ink)}.story-row{display:grid;grid-template-columns:70px 1fr auto;gap:30px;align-items:center;min-height:120px;border-bottom:1px solid var(--line);transition:padding .2s}.story-row:hover{padding-left:8px}.story-row small{font-size:11px;color:#777;letter-spacing:.1em}.story-row strong{font-size:clamp(22px,3vw,41px);font-weight:700;letter-spacing:-.06em}.story-row .type{font-size:11px;color:#555;letter-spacing:.12em;text-transform:uppercase}.story-row .arrow-right{margin-left:14px}.split-content{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,9vw,140px)}.split-content h2{font-size:clamp(32px,4.8vw,62px);line-height:1.05;letter-spacing:-.06em;margin:0}.body-copy{font-size:18px;line-height:1.75;color:#4b4945}.body-copy p{margin:0 0 25px}.placeholder-note{border-left:2px solid #171717;padding:8px 0 8px 22px;color:#74716a;font-size:14px;line-height:1.7}.meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:65px;border-top:1px solid var(--ink);padding-top:22px}.meta-grid dt{font-size:10px;font-weight:700;color:#797671;letter-spacing:.17em;text-transform:uppercase;margin-bottom:13px}.meta-grid dd{margin:0;font-size:14px;line-height:1.55}.category-section{padding-bottom:100px}.category-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px}.category-head h2{font-size:clamp(31px,4vw,54px);letter-spacing:-.06em;margin:0}.category-head span{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#777}.work-detail-wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(40px,7vw,100px);align-items:start}.work-poster{background:#eee;aspect-ratio:900/690;width:100%;object-fit:cover}.work-sidebar{border-top:1px solid var(--ink);padding-top:22px}.work-sidebar h2{font-size:clamp(34px,4.5vw,60px);letter-spacing:-.065em;line-height:1.02;margin:28px 0 25px}.work-sidebar p{color:#6a6861;line-height:1.7;font-size:16px}.work-sidebar .link-inline{margin-top:22px}.locked-card{background:#1b1b1b;color:#f5f4f0;padding:clamp(35px,7vw,100px);min-height:450px;display:flex;flex-direction:column;justify-content:space-between}.locked-card .lock-symbol{display:inline-grid;place-items:center;width:68px;height:68px;border:1px solid #777;border-radius:100%;font-size:26px}.locked-card h2{font-size:clamp(50px,8vw,118px);line-height:.95;letter-spacing:-.08em;max-width:880px;margin:60px 0 30px}.locked-card p{color:#c1bfba;max-width:530px;line-height:1.7;font-size:15px}.locked-card .fine{font-size:10px;color:#b2b0ac;letter-spacing:.12em;text-transform:uppercase}.video-poster{position:relative}.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:62px;height:62px;border:1px solid #f7f7f5;color:#f7f7f5;border-radius:100%;pointer-events:none}.video-play svg{width:21px;height:21px;margin-left:3px}.socials-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-top:1px solid var(--ink);padding-top:25px}.social-tile{padding:22px 19px;border:1px solid var(--line);display:flex;align-items:center;gap:15px;transition:background .2s,color .2s}.social-tile:hover{background:#171717;color:#fff}.social-tile .brand-icon{height:23px;width:23px}.social-tile .social-arrow{margin-left:auto;font-size:19px}.social-tile strong{font-size:15px;letter-spacing:-.025em}.social-tile small{color:#83817b;display:block;font-size:11px;padding-top:5px;overflow-wrap:anywhere}.simple-page-copy{max-width:790px}.simple-page-copy h2{font-size:24px;letter-spacing:-.04em;margin:38px 0 15px}.simple-page-copy p,.simple-page-copy li{font-size:15px;line-height:1.8;color:#55514d}.simple-page-copy ul{padding-left:20px}.simple-page-copy a{text-decoration:underline;text-underline-offset:3px}
/* Footer, all pages */
.site-footer{border-top:1px solid var(--ink);background:#f0f0ed}.footer-main{padding-top:72px;padding-bottom:90px}.footer-mark{font-size:clamp(50px,7vw,102px);letter-spacing:-.11em;font-weight:800;line-height:.85;margin-bottom:74px}.footer-columns{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:40px}.footer-column h3{font-size:10px;text-transform:uppercase;letter-spacing:.19em;color:#827e78;margin:0 0 22px}.footer-column a,.footer-column p{display:block;font-size:14px;font-weight:700;margin:0 0 15px;line-height:1.3}.footer-column a:hover{text-decoration:underline;text-underline-offset:5px}.footer-column p{font-weight:400;line-height:1.65;color:#7c7974;max-width:215px}.footer-legal{border-top:1px solid #d2d1cc;min-height:87px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:25px;padding-bottom:25px}.policy-links,.footer-socials{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(15px,2vw,33px)}.policy-links a{font-size:11px;font-weight:700;color:#4e4d49}.policy-links a:hover{text-decoration:underline}.footer-socials .label{font-size:10px;text-transform:uppercase;letter-spacing:.18em;font-weight:700;color:#686662;margin-right:7px}.social-icon-link{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;transition:transform .2s}.social-icon-link:hover{transform:translateY(-2px)}.social-icon-link img{height:22px;width:22px}.foot-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d2d1cc;padding-top:22px;padding-bottom:24px;color:#77746f;font-size:10px;text-transform:uppercase;letter-spacing:.14em}
@media(max-width:1000px){.desktop-nav{gap:15px}.nav-link{font-size:10px}.header-index{display:none}.header-inner{height:75px}.three-grid{gap:18px}.footer-columns{gap:20px}}
@media(max-width:780px){.desktop-nav{display:none}.mobile-menu-button{display:flex}.header-inner{height:67px}.mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:18px 24px 28px;box-shadow:0 20px 30px rgba(0,0,0,.05)}.mobile-nav.is-open{display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px}.mobile-nav a{display:block;border-bottom:1px solid var(--line);padding:17px 0;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.hero-bottom{padding-bottom:55px}.hero-corner{display:none}.who-grid,.split-content,.work-detail-wrap{grid-template-columns:1fr}.who-answer{padding-top:0}.three-grid{grid-template-columns:repeat(2,1fr)}.footer-columns{grid-template-columns:repeat(2,1fr);gap:30px}.footer-legal{align-items:flex-start;flex-direction:column}.featured-grid{gap:20px}.best-intro{margin-bottom:40px}.meta-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.container{padding-left:21px;padding-right:21px}.home-hero{padding-top:67px}.hero-meta{font-size:9px;margin-bottom:30px}.hero-title{font-size:clamp(4.65rem,18vw,7.2rem)}.hero-bottom{padding:32px 0 54px}.hero-subtitle{font-size:20px}.hero-visual{min-height:320px}.hero-monogram{font-size:65vw}.hero-visual-top,.hero-visual-bottom{font-size:8px}.marquee-strip{font-size:9px;gap:8px}.who-section{padding-top:92px;padding-bottom:95px}.who-question{font-size:65px}.who-answer p{font-size:23px}.best-intro{display:block}.best-intro p{margin-top:24px}.featured-grid,.three-grid,.socials-panel{grid-template-columns:1fr}.feature-name{padding-bottom:18px}.interior-intro{padding-top:85px;padding-bottom:75px}.interior-topline{margin-bottom:40px}.page-title{font-size:clamp(4.4rem,17vw,7rem)}.interior-description{margin-top:35px}.story-row{grid-template-columns:30px 1fr auto;gap:13px;min-height:100px}.story-row strong{font-size:22px}.story-row .type{display:none}.section-topline{margin-bottom:40px}.footer-main{padding-top:55px;padding-bottom:60px}.footer-mark{font-size:65px;margin-bottom:45px}.footer-columns{gap:24px}.footer-column a{font-size:13px}.footer-socials .label{display:none}.foot-bottom{display:block;line-height:2}.meta-grid{grid-template-columns:1fr}.locked-card{min-height:430px}.locked-card h2{font-size:59px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}