/* Internal pages share the Hocus language without duplicating the home layout. */
.page-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:clamp(42px,7vw,110px);align-items:center;min-height:calc(100svh - 76px);padding:clamp(76px,10vw,145px) var(--pad);background:var(--ink);color:var(--paper)}
.page-hero-copy{max-width:720px}.page-hero-copy .eyebrow{color:var(--terra)}.page-hero-meta{margin:25px 0 0!important;color:var(--brass)!important;font:var(--micro-size) var(--mono);letter-spacing:.1em;text-transform:uppercase}.page-hero h1{margin:42px 0 30px;font-size:clamp(60px,7.3vw,118px);line-height:.9}.page-hero h1 em{color:var(--terra)}.page-hero-copy>p:not(.eyebrow):not(.page-hero-meta){max-width:610px;margin:0;color:rgba(245,241,234,.76);font-size:18px;line-height:1.5}.page-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;margin-top:34px;padding:14px 17px;border:1px solid rgba(245,241,234,.55);font:var(--micro-size) var(--mono);letter-spacing:.07em;text-transform:uppercase}.page-cta b{font-size:16px;font-weight:400}.page-cta:hover{background:var(--paper);color:var(--ink)}
.page-visual{min-height:clamp(360px,45vw,590px);margin:0;position:relative;overflow:hidden;border:1px solid rgba(184,154,91,.55);background:#070b10;box-shadow:16px 16px 0 rgba(228,100,68,.72)}.page-visual img{width:100%;height:100%;min-height:inherit;display:block;object-fit:cover;filter:saturate(.76) contrast(1.04)}.page-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,15,20,.3),transparent 35%),linear-gradient(0deg,rgba(11,15,20,.5),transparent 42%);pointer-events:none}.page-visual-code{position:absolute;z-index:1;top:15px;right:17px;color:rgba(245,241,234,.64);font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.page-visual figcaption{position:absolute;z-index:1;left:17px;bottom:15px;margin:0;color:var(--paper);font:var(--micro-size) var(--mono);letter-spacing:.1em;text-transform:uppercase}
.page-body{width:100%;max-width:none;padding:clamp(85px,11vw,165px) var(--pad);background:var(--paper);color:var(--ink)}.page-body-heading{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:32px;align-items:start}.page-body-heading h2{max-width:980px;margin:0;font-size:clamp(48px,6.2vw,94px);line-height:.91}.page-body-heading>div>p{max-width:620px;margin:30px 0 0;color:#4d4d4d;font-size:17px}.page-body>.page-cta{border-color:var(--ink);color:var(--ink)}
.page-list{margin-top:80px}.page-list-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.page-list-single{grid-template-columns:minmax(0,380px)}.page-card{min-height:480px;display:flex;flex-direction:column;padding:14px;border:1px solid var(--darkline);background:rgba(255,255,255,.24);transition:background .2s,color .2s,transform .2s}.page-card:hover{background:var(--ink);color:var(--paper);transform:translateY(-5px)}.page-card-visual{height:190px;margin:0 0 24px;overflow:hidden;background:var(--ink)}.page-card-visual img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.72) contrast(1.05);transition:transform .45s,filter .45s}.page-card:hover .page-card-visual img{transform:scale(1.04);filter:saturate(1) contrast(1.06)}.page-card>small,.page-item>small{color:var(--terra);font:var(--micro-size) var(--mono);letter-spacing:.08em;text-transform:uppercase}.page-card h3{margin:18px 0 9px;font-size:clamp(27px,2.7vw,42px);letter-spacing:-.05em}.page-card p{margin:0;color:#555;font-size:14px}.page-card:hover p{color:rgba(245,241,234,.72)}.page-card-arrow{margin-top:auto;padding-top:24px;font:var(--micro-size) var(--mono);letter-spacing:.06em;text-transform:uppercase}.page-card-arrow:after{content:"";display:block;width:100%;margin-top:7px;border-bottom:1px solid currentColor}
.page-list-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.page-item{min-height:280px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;border:1px solid var(--darkline);background:rgba(255,255,255,.2)}.page-item-link{color:inherit;text-decoration:none;cursor:pointer}.page-item>div{margin-top:auto}.page-item h3{margin:30px 0 11px;font-size:clamp(24px,2.5vw,38px);line-height:1;letter-spacing:-.05em}.page-item p{margin:0;color:#555;font-size:14px;line-height:1.45}.page-item>b{align-self:flex-end;margin-top:24px;color:var(--terra);font-size:22px;font-weight:400}.page-item:hover{background:#eae4da}.page-list-single .page-card{min-height:510px}
body[data-page="works"] .page-visual{box-shadow:16px 16px 0 rgba(184,154,91,.72)}body[data-page="arcana"] .page-hero,body[data-page="arcana-product"] .page-hero{background:#151e29}body[data-page="field-notes"] .page-visual{box-shadow:16px 16px 0 rgba(184,154,91,.72)}
@media(max-width:1000px){.page-hero{grid-template-columns:1fr;min-height:0;padding-top:90px}.page-hero-copy{max-width:850px}.page-visual{min-height:420px}.page-list-links{grid-template-columns:repeat(2,minmax(0,1fr))}.page-list-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.page-hero{gap:55px;padding:65px 20px 90px}.page-hero-meta{margin-top:18px!important;font-size:10px}.page-hero h1{margin:35px 0 25px;font-size:clamp(53px,14vw,76px)}.page-hero-copy>p:not(.eyebrow):not(.page-hero-meta){font-size:16px}.page-visual{min-height:300px;box-shadow:10px 10px 0 rgba(228,100,68,.72)}.page-visual-code{font-size:8px}.page-visual figcaption{left:12px;bottom:12px;font-size:10px}.page-body{padding:80px 20px 105px}.page-body-heading{display:block}.page-body-heading>div{margin-top:28px}.page-body-heading h2{font-size:52px}.page-body-heading>div>p{margin-top:25px;font-size:16px}.page-list{margin-top:55px}.page-list-links,.page-list-items,.page-list-single{grid-template-columns:1fr}.page-card{min-height:430px}.page-card-visual{height:180px}.page-item{min-height:220px;padding:18px}.page-item h3{font-size:31px}.page-cta{width:100%;gap:15px}.page-body>.page-cta{margin-top:34px}}