*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#21150f;color:#f9e8cf;font-family:Georgia,serif}a{text-decoration:none;color:inherit}a:hover{filter:brightness(1.15)}.nav{position:sticky;top:0;z-index:20;background:#1b120feF;backdrop-filter:blur(12px);border-bottom:1px solid #a0774b66;padding:15px max(4vw,18px);display:flex;justify-content:space-between;align-items:center;gap:12px}.nav strong{font-size:clamp(13px,2vw,19px);letter-spacing:.07em}.nav .links{display:flex;gap:clamp(9px,2vw,25px);font:600 clamp(11px,1.4vw,14px) Arial,sans-serif}.hero{min-height:600px;padding:75px 20px 90px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,#100a08a6,#1b110dbb),radial-gradient(ellipse at 50% 10%,#a2733b 0%,#3b2619 43%,#140c09 85%);position:relative;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;opacity:.27;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 74px,#100a08 76px 79px,transparent 82px),repeating-linear-gradient(92deg,#7c4a2a22 0 4px,transparent 5px 165px)}.hero>*{position:relative}.hero img{width:min(1040px,95%);border-radius:12px;box-shadow:0 20px 65px #000a}.hero h1{font-size:clamp(35px,5.8vw,69px);margin:28px 0 10px}.hero p{max-width:720px;font:18px/1.7 Arial,sans-serif;color:#ead4b7}.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:16px}.button{display:inline-block;border:1px solid #d6a666;padding:14px 22px;background:#d6a666;color:#20120a;border-radius:6px;font:700 14px Arial,sans-serif}.button.outline{background:#1c110db3;color:#f5d8ac}.wrap{max-width:1180px;margin:auto;padding:70px 22px}.sectiontitle{text-align:center;font-size:clamp(32px,4.5vw,52px);margin:0 0 12px}.subtitle{text-align:center;max-width:690px;margin:0 auto 35px;color:#dec6a6;font:16px/1.7 Arial,sans-serif}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.tile{overflow:hidden;background:#342218;border:1px solid #8d633c;border-radius:14px;box-shadow:0 14px 30px #0005}.tile img{display:block;width:100%;height:285px;object-fit:cover}.tile .copy{padding:25px}.tile h2{font-size:30px;margin:0 0 10px}.tile p{font:16px/1.7 Arial,sans-serif;color:#e3c9a8}.panel{background:linear-gradient(125deg,#3c2a1c,#21160f);border-block:1px solid #805737}.feature{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.feature img{width:100%;border-radius:12px;box-shadow:0 18px 45px #0008}.feature h2{font-size:clamp(32px,4vw,48px)}.feature p{font:17px/1.7 Arial,sans-serif;color:#ead4b8}.footer{background:#130c09;padding:32px;text-align:center;color:#c8ae8b;font:13px Arial,sans-serif}.studio{background:#030a16;color:#eaf5ff;font-family:Arial,sans-serif}.studio .nav{background:#050e1cef;border-color:#2476ad66}.studio .hero{background:radial-gradient(ellipse at 50% 12%,#173b68,#060f23 65%,#030812);min-height:550px}.studio .hero:before{background:repeating-linear-gradient(90deg,transparent 0 110px,#2ca6ff0d 111px 112px),repeating-linear-gradient(0deg,transparent 0 110px,#2ca6ff0d 111px 112px);opacity:1}.studio .hero img{box-shadow:none}.studio .hero p,.studio .subtitle{color:#b5d3ec}.studio .button{background:#42baff;color:#031321;border-color:#42baff}.studio .button.outline{background:transparent;color:#b9e7ff}.studio .tile{background:#0c1b30;border-color:#2e668e}.studio .tile p{color:#b9d0e6}.studio .panel{background:linear-gradient(130deg,#07162c,#081d34);border-color:#255b80}.studio .footer{background:#020611;color:#90b5d2}.soon{text-align:center;border:1px solid #3479a9;border-radius:15px;padding:45px 25px;background:radial-gradient(ellipse at top,#133b60,#071222)}.soon h2{font-size:clamp(30px,4vw,45px)}.soon p{color:#b4d0e6;line-height:1.7}.bible{background:#241a10;color:#f7e9d1}.bible .hero{background:radial-gradient(ellipse at top,#72522e,#281d13 72%)}.bible .hero img{max-width:1040px}.bible .panel{background:linear-gradient(135deg,#3e3523,#211c13)}.bible .button{background:#c6a46c;border-color:#c6a46c}.bible .button.outline{background:transparent;color:#ead7b1}.bible .feature img{max-width:350px;justify-self:center}.bible .footer{background:#17130d}@media(max-width:720px){.nav{padding:13px}.nav .links{gap:10px}.hero{min-height:440px;padding:55px 15px}.hero p{font-size:15px}.tiles,.feature{grid-template-columns:1fr}.tile img{height:auto;aspect-ratio:16/10}.wrap{padding:48px 17px}.feature{gap:15px}.tile .copy{padding:20px}}
/* Version 7 refinements */
.hero .mainbrand{width:min(750px,94%);background:#faf5e9;border:2px solid #bd996c;border-radius:18px;padding:0;box-shadow:0 24px 70px #0009;object-fit:contain}
.tile img{object-fit:contain;background:#21150f;height:285px}.tile .brandlight{background:#faf5e9}
.studio-tile{border-color:#227bd0;box-shadow:0 0 0 1px #1687e044,0 20px 48px #0007}.studio-tile .copy{background:linear-gradient(135deg,#081c35,#102a4b)}.studio-tile h2{color:#f2f8ff}.studio-tile p{color:#c6def6}.studio-entry{background:linear-gradient(135deg,#12a8f7,#1e58c7);color:white;border:1px solid #69d9ff;box-shadow:0 0 18px #1688f655}.studio-entry:hover{filter:brightness(1.2)}
@media(max-width:720px){.nav{flex-wrap:wrap;justify-content:center}.nav strong{font-size:15px}.nav .links{font-size:12px;justify-content:center;flex-wrap:wrap}.tile img{height:auto;aspect-ratio:16/9;object-fit:contain}.hero .mainbrand{width:100%}}
/* Version 8 cabin setting */
body{background:#1b100a url("lodge.svg") center top / 1440px auto repeat-y;background-attachment:fixed}
body:has(.studio),body:has(.bible){background:#21150f}
.hero:not(.studio .hero):not(.bible .hero){background:linear-gradient(180deg,#130b07c9,#1b100acb),url("lodge.svg") center center / cover no-repeat}
.panel{background:linear-gradient(125deg,#21140ddc,#1c110ce9),url("lodge.svg") center center / cover no-repeat}
.wrap:not(.studio .wrap):not(.bible .wrap){position:relative}
.studio-tile{background:#050e1d;border:1px solid #2d86cb;box-shadow:0 0 24px #168aff35,0 20px 45px #0009}
.studio-tile img{height:auto;aspect-ratio:16/9;object-fit:cover;background:#050e1d;display:block}
.studio-tile .copy{background:linear-gradient(145deg,#08152b,#0a2c4e);border-top:1px solid #2a85ca}
@media(max-width:720px){body{background-size:900px auto}.hero:not(.studio .hero):not(.bible .hero){background-position:center top}.studio-tile img{aspect-ratio:16/9;object-fit:cover}}

/* Version 9 image proportion and full bleed card art */
.hero .mainbrand{width:min(900px,96%);height:auto;aspect-ratio:1245/610;object-fit:contain;border-radius:12px}
.tile>img{width:100%;height:auto;aspect-ratio:auto;object-fit:cover;background:transparent;display:block}
.studio-tile>img{width:100%;height:auto;aspect-ratio:auto;object-fit:cover;background:#050e1d}
@media(max-width:720px){.hero .mainbrand{width:100%;height:auto}.tile>img,.studio-tile>img{height:auto;aspect-ratio:auto;object-fit:cover}}

/* Version 10 cabin photograph backdrop */
body.home{background:#21150f;isolation:isolate}body.home::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(17,10,6,.28),rgba(17,10,6,.42)),url("cabin_background.jpg") 52% center / cover no-repeat}
body.home .hero{background:transparent}
body.home .hero:before{display:none}
body.home .panel{background:rgba(27,16,11,.52);backdrop-filter:blur(3px)}
body.home #crafts{background:rgba(27,16,11,.42);border-radius:18px}
body.home .hero p,body.home .subtitle{text-shadow:0 2px 7px #100903}


/* V13 stable Android viewport background: separate fixed layer with large viewport units */
html{background:#21150f}
body.home{background:#21150f!important;isolation:auto!important}
body.home::before{display:none!important}
body.home .cabin-backdrop{position:fixed!important;top:0;left:0;width:100%;height:100vh;height:100lvh;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(17,10,6,.28),rgba(17,10,6,.42)),url("cabin_background.jpg");background-position:52% center;background-size:cover;background-repeat:no-repeat;transform:none!important;will-change:auto;contain:paint}
body.home>header,body.home>main,body.home>footer{position:relative;z-index:1}
body.home .nav{position:sticky;top:0;z-index:20}

/* V14 stable pixel sized fixed background for Android Chrome */
body.home .cabin-backdrop{height:var(--cabin-height, 800px)!important;width:var(--cabin-width, 100%)!important;max-height:none!important;min-height:0!important;top:0!important;left:0!important;right:auto!important;bottom:auto!important;background-size:cover!important;background-position:52% center!important;transform:translateZ(0);backface-visibility:hidden;will-change:auto;contain:paint}
body.home .panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html{overscroll-behavior-y:none}

/* V15 transparent home navigation so cabin remains visible */
body.home .nav{background:rgba(24,14,9,.10)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:1px solid rgba(214,166,102,.36);box-shadow:none!important}
body.home .nav a,body.home .nav strong{text-shadow:0 2px 5px #140b07,0 0 13px #140b07}
/* V16 remove the actual opaque header strip and expose cabin photograph */
body.home{background:transparent!important}
body.home .nav{background:transparent!important;background-color:transparent!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:auto!important}
body.home .nav::before,body.home .nav::after{content:none!important;display:none!important}
body.home .hero{background:transparent!important;background-color:transparent!important;background-image:none!important}
body.home main{background:transparent!important}
