@font-face{font-family:Inter;src:url('fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
body.ravnor-story{margin:0;min-height:100svh;height:100dvh;display:flex;flex-direction:column;position:relative;isolation:isolate;background:#142821;color:#fff;font:400 16px/1.65 Inter,Arial,sans-serif;overflow-x:hidden}
.ravnor-story *{box-sizing:border-box}.ravnor-story .story-background{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.ravnor-story::before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,#061b17ed 0%,#071d17d9 43%,#091e1880 70%,#0b211d15 100%);z-index:-2;pointer-events:none}
.ravnor-story a{color:inherit;text-decoration:none}.ravnor-story button{font:inherit;cursor:pointer}.ravnor-story :focus-visible{outline:2px solid #d9bd88;outline-offset:4px}
.ravnor-story .story-header{display:flex;align-items:center;gap:28px;padding:22px clamp(24px,4vw,64px);min-height:104px;flex-shrink:0}.ravnor-story .story-header>a:first-child{width:140px}.ravnor-story .story-header img{display:block;width:100%;height:auto}.ravnor-story .story-products{font-size:14px;margin-left:auto;padding:10px 0;border-bottom:1px solid #ffffff55}.ravnor-story .display-controls{position:static;display:flex;align-items:center;transform:none;gap:8px;color:#fff}.ravnor-story .languages{position:static;transform:none;display:flex;padding:0;background:none;border:0}.ravnor-story .languages button{color:#fff}

.ravnor-story .story-main{display:flex;flex-direction:column;justify-content:center;min-height:0;flex:1;width:100%;max-width:890px;padding:20px clamp(24px,5vw,80px) 28px}.ravnor-story .story-eyebrow{margin:0 0 18px;font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:#d2dbd5}.ravnor-story h1{display:block;width:auto;white-space:normal;margin:0 0 28px;font-size:clamp(30px,3.4vw,48px);font-weight:400;letter-spacing:-.035em;line-height:1.16}.ravnor-story .story-copy{color:#edf0ed;font-size:clamp(16px,1.25vw,18px);line-height:1.7}.ravnor-story .story-copy p{margin:0 0 20px}.ravnor-story .story-copy p:last-child{margin:0;color:#fff}.ravnor-story .story-footer{padding:10px clamp(24px,4vw,64px) max(15px,env(safe-area-inset-bottom));font-size:12px;color:#cbd3cd;flex-shrink:0}
@media(max-width:760px){.ravnor-story .story-header{min-height:82px;gap:14px;padding:14px 22px}.ravnor-story .story-header>a:first-child{width:98px;flex-shrink:0}.ravnor-story .display-controls{gap:0}.ravnor-story .languages button{min-width:28px;padding:10px 3px;font-size:12px}.ravnor-story .theme-toggle{width:30px;flex-basis:30px;padding:5px}.ravnor-story .story-products{font-size:13px}.ravnor-story .story-main{padding:12px 24px 20px}.ravnor-story .story-eyebrow{margin-bottom:12px}.ravnor-story h1{font-size:30px;margin-bottom:20px}.ravnor-story .story-copy{font-size:16px;line-height:1.55}.ravnor-story .story-copy p{margin-bottom:16px}.ravnor-story::before{background:linear-gradient(90deg,#071d19e8,#071d19b8)}.ravnor-story .story-background{object-position:65% center}}
@media(max-width:370px),(max-height:700px){.ravnor-story .story-header{min-height:70px;padding-top:10px;padding-bottom:10px;gap:10px}.ravnor-story .story-header>a:first-child{width:85px}.ravnor-story .story-main{padding-top:8px;padding-bottom:12px}.ravnor-story h1{font-size:26px;margin-bottom:15px}.ravnor-story .story-copy{font-size:15px;line-height:1.45}.ravnor-story .story-copy p{margin-bottom:12px}.ravnor-story .story-eyebrow{margin-bottom:10px}.ravnor-story .story-footer{padding-top:5px;padding-bottom:10px}}
@media(max-height:500px) and (min-width:761px){.ravnor-story .story-main{max-width:1200px}.ravnor-story .story-copy{columns:2;column-gap:30px}.ravnor-story .story-copy p{break-inside:avoid}.ravnor-story h1{font-size:28px}}
/* Matched family camp photographs in daylight and warm evening firelight. */
.ravnor-story .story-background{filter:none;animation:none}
.ravnor-story .story-day{opacity:0}
.ravnor-story.camp-ready .story-day{animation:camp-light-cycle 14s ease-in-out infinite;will-change:opacity}
@keyframes camp-light-cycle{0%,100%{opacity:0}50%{opacity:1}}
/* Lighting uses only a slow opacity dissolve, without camera movement. */

/* Keep the two fixed image layers visible in mobile Safari's stacking context. */
.ravnor-story .story-background{z-index:0;pointer-events:none}
.ravnor-story::before{z-index:1}
.ravnor-story .story-header,.ravnor-story .story-main,.ravnor-story .story-footer{position:relative;z-index:2}
@media(max-width:760px){
 .ravnor-story .story-background{object-position:85% center}
 .ravnor-story::before{background:linear-gradient(90deg,rgba(7,29,25,.86),rgba(7,29,25,.58))}
 .ravnor-story .story-main{text-shadow:0 1px 3px rgba(0,0,0,.65)}
}

/* A continuous welcome, with the greeting in the same quiet reading style. */
.ravnor-story .story-main h1.story-greeting{font-size:clamp(16px,1.25vw,18px);line-height:1.7;font-weight:400;letter-spacing:0;margin-bottom:18px}
@media(max-width:760px){.ravnor-story .story-main h1.story-greeting{font-size:16px;line-height:1.55;margin-bottom:16px}}
@media(max-width:370px),(max-height:700px){.ravnor-story .story-main h1.story-greeting{font-size:15px;line-height:1.45;margin-bottom:12px}}
/* Keep both the used table and its folded position visible on narrow screens. */
@media(max-width:760px){
 .ravnor-story .story-background{object-fit:contain;object-position:center bottom}
 .ravnor-story::before{background:linear-gradient(180deg,#142821 0%,rgba(20,40,33,.92) 44%,rgba(20,40,33,.35) 73%,rgba(20,40,33,.15) 100%)}
 .ravnor-story .story-main{justify-content:flex-start}
}

/* Endorsed brand signature: RAVNOR by H&H Art Metal. */
.ravnor-story .story-brand-lockup{width:160px;flex:0 0 160px;display:flex;flex-direction:column;align-items:center;gap:7px}
.ravnor-story .story-brand-home{display:block;width:140px}
.ravnor-story .story-parent-brand{display:flex;justify-content:center;align-items:baseline;gap:6px;min-height:30px;width:100%;padding:5px 0 3px;border-top:1px solid rgba(255,255,255,.34);color:#f6f5ef;white-space:nowrap;line-height:1.35;text-shadow:0 1px 3px #0006}
.ravnor-story .parent-by{font-size:12px;font-weight:400;font-style:italic;color:#d8dfda}
.ravnor-story .parent-name{font-size:14px;font-weight:600;letter-spacing:.015em}
.ravnor-story .story-parent-brand:hover .parent-name{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.ravnor-story .story-brand-lockup{width:122px;flex-basis:122px;gap:5px}.ravnor-story .story-brand-home{width:104px}.ravnor-story .parent-name{font-size:12px}.ravnor-story .story-parent-brand{min-height:28px;padding-top:4px}.ravnor-story .story-header{gap:10px}}
@media(max-width:370px){.ravnor-story .story-header{padding-left:16px;padding-right:16px;gap:8px}.ravnor-story .story-brand-lockup{width:112px;flex-basis:112px}.ravnor-story .story-brand-home{width:96px}.ravnor-story .languages button{min-width:24px;padding-left:2px;padding-right:2px}.ravnor-story .theme-toggle{width:28px;flex-basis:28px}}