:root{--accent-champagne:#c8b89d;--accent-light:#e1d5c2}
/* Clear text hover states throughout the footer. */
.new-footer a:not(.brand):not(.button){width:fit-content;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:7px;text-decoration-thickness:1px;transition:color .2s,text-decoration-color .2s}.new-footer a:not(.brand):not(.button):hover,.new-footer a:not(.brand):not(.button):focus-visible{color:var(--accent-light);text-decoration-color:var(--accent-light)}.new-footer a.brand:hover{color:var(--accent-light)}
.button,.button.brass,.header-cta,.hero-actions>.button{background:var(--accent-champagne);color:#18232a;border:1px solid var(--accent-champagne);border-radius:2px;padding:16px 27px;min-height:52px;font-size:15px;font-weight:500;box-shadow:inset 0 1px #ffffff30}.button:hover,.button.brass:hover,.header-cta:hover,.hero-actions>.button:hover{background:var(--accent-light);border-color:var(--accent-light);color:#18232a;box-shadow:inset 0 -3px #a29174}.archive-link{color:var(--accent-light);border:1px solid #978971;border-radius:2px;background:transparent}.archive-link:hover{background:var(--accent-light);border-color:var(--accent-light);color:#18232a}.header-cta{min-height:42px;padding:12px 18px;font-size:14px}.studio-action{background:#243641;color:#f0e9df;border-color:#243641}.studio-action:hover{background:#354b58;color:#fff;border-color:#354b58}.text-link:hover{color:var(--accent-champagne)}
.intro.section-pad{display:grid;grid-template-columns:1.25fr 1fr;gap:9%;align-items:center;padding:75px 7%}.intro h2{font-size:clamp(36px,4vw,62px);line-height:1.14;letter-spacing:-1.8px}.intro .intro-description p{font-size:18px;line-height:1.7;max-width:520px;margin:0 0 18px;color:#c0cdd5}.intro-description .text-link{margin-top:7px;font-size:16px;color:var(--accent-light)}
/* Journal as a magazine: a compact masthead, wide lead story and a story index. */
.journal-page main{background:#111c25;color:#edf0f2}.journal-head{background:#111c25;color:#edf0f2;display:grid;grid-template-columns:1fr 1fr;gap:14px 8%;padding:55px 7% 40px;align-items:end}.journal-head h1{font-size:clamp(46px,5vw,74px);letter-spacing:-2px;grid-row:span 2}.journal-head>p:not(.eyebrow){color:#b9c7d0;font-size:18px;max-width:420px;margin:0}.journal-head .search-label{color:#d5c7af;margin:0;width:100%;max-width:440px;font-size:13px}.journal-head input{color:#ecf2f5;border-color:#647887;padding:12px 0;font-size:15px}.journal-head input::placeholder{color:#98adb9}.journal-page main>.featured-story{margin:0 7% 38px;display:grid;grid-template-columns:1.3fr 1fr;gap:0;background:#d9d2c6;color:#172a37;border:0;padding:0;overflow:hidden}.journal-page main>.featured-story img{height:430px;width:100%;object-fit:cover;aspect-ratio:auto}.journal-page main>.featured-story .story-copy{padding:35px 10%}.journal-page main>.featured-story h2{font-size:clamp(30px,3.1vw,47px);line-height:1.13;letter-spacing:-1px}.journal-page main>.featured-story .eyebrow{color:#506773;font-size:13px;letter-spacing:0}.journal-page main>.featured-story .read-story{font-size:15px;color:#203f50}.journal-page .journal-filters{background:#111c25;border-top:1px solid #46545e;border-bottom:1px solid #46545e;padding:16px 7%;gap:20px}.journal-page .journal-filters a{color:#c9d6de;font-size:13px}.journal-page .journal-filters a:hover{color:#e1d5c2;text-underline-offset:7px}.journal-page .journal-grid{background:#111c25;color:#edf1f4;grid-template-columns:1fr 1fr;padding:35px 7% 70px;gap:0 42px}.journal-page .journal-grid .journal-card{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:26px 0;border-bottom:1px solid #3a4e5c;align-items:center;transform:none}.journal-page .journal-grid .journal-card img{width:160px;height:150px;aspect-ratio:auto;object-fit:cover}.journal-page .journal-grid .story-copy{padding:0}.journal-page .journal-grid h2{font-size:23px;margin:10px 0 12px;letter-spacing:-.4px}.journal-page .journal-grid .eyebrow{color:#bcae98;font-size:12px;letter-spacing:0}.journal-page .journal-grid .read-story{font-size:14px;color:#beced7;min-height:30px;padding:4px 0}.journal-page .journal-card:hover h2{color:#d8c8ab}.journal-page main>.featured-story:hover h2{color:#31576c}.journal-page .journal-card[hidden]{display:none}.journal-page #empty-search{background:#111c25;color:#d8c8ab}
/* A photographic opening and a useful reading rail. */
.story-opening{display:grid;grid-template-columns:1.1fr 1fr;background:#182833;align-items:center;min-height:470px}.story-page .story-opening .article-head{padding:50px 12%;color:#edf1f3;margin:0}.story-page .story-opening .article-head h1{font-size:clamp(34px,3.6vw,54px);letter-spacing:-1.4px;line-height:1.12}.story-page .story-opening .article-head p,.story-page .story-opening .article-head .eyebrow{color:#cbbba1;font-size:13px}.story-page .story-opening .article-cover{width:100%;height:100%;min-height:470px;max-height:650px;object-fit:cover;border-radius:0;margin:0}.article-reading{display:grid;grid-template-columns:250px minmax(0,780px);justify-content:center;gap:7%;padding:65px 6%}.reading-guide{position:sticky;top:35px;align-self:start;border-top:2px solid #9d8c70;padding-top:22px}.reading-guide>p{font-size:19px;color:#193747;margin-bottom:20px}.reading-guide a{display:block;font-size:14px;line-height:1.45;padding:11px 0;border-bottom:1px solid #bdcbd2;color:#4c6574}.reading-guide a:hover{color:#172f3e;text-decoration:underline;text-underline-offset:4px}.story-page .article-reading .article-body{padding:0;margin:0;max-width:none;font-size:18px}.story-page .article-body h2{scroll-margin-top:35px}.story-page .article-body>p:first-child{font-size:21px;line-height:1.65;color:#243e4d}
@media(max-width:1000px){.journal-page .journal-grid .journal-card{grid-template-columns:115px 1fr;gap:18px}.journal-page .journal-grid .journal-card img{width:115px;height:135px}.journal-page .journal-grid h2{font-size:21px}.article-reading{grid-template-columns:190px minmax(0,1fr);gap:5%}}
@media(max-width:800px){.intro.section-pad{grid-template-columns:1fr;gap:28px;padding:48px 6%}.intro h2{font-size:39px}.intro .intro-description p{font-size:16px}.header-cta{font-size:12px;padding:10px 13px;min-height:38px}.button,.button.brass,.hero-actions>.button{padding:14px 23px;font-size:15px}.journal-head{grid-template-columns:1fr;padding:38px 6% 30px;gap:22px}.journal-head h1{grid-row:auto;font-size:54px}.journal-head>p:not(.eyebrow){font-size:16px}.journal-page main>.featured-story{grid-template-columns:1fr;margin:0 6% 30px}.journal-page main>.featured-story img{height:260px}.journal-page main>.featured-story .story-copy{padding:28px}.journal-page main>.featured-story h2{font-size:31px}.journal-page .journal-grid{grid-template-columns:1fr;padding:10px 6% 50px}.journal-page .journal-filters{padding:14px 6%;gap:10px 18px}.journal-page .journal-grid .journal-card{grid-template-columns:110px 1fr;gap:19px}.journal-page .journal-grid .journal-card img{width:110px;height:130px}.journal-page .journal-grid h2{font-size:20px}.story-opening{grid-template-columns:1fr}.story-page .story-opening .article-head{padding:40px 6%}.story-page .story-opening .article-cover{min-height:0;height:280px}.article-reading{grid-template-columns:1fr;padding:35px 6%;gap:35px}.reading-guide{position:static}.reading-guide a{font-size:14px}.story-page .article-reading .article-body{font-size:16px}.story-page .article-body>p:first-child{font-size:18px}}
.journal-page main>.featured-story[hidden],.journal-page .journal-grid .journal-card[hidden]{display:none!important}
/* Keep navigation available throughout every page. */
:root{--fixed-header-height:106px}
.header.cinematic-header,.inner-page .header.cinematic-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--fixed-header-height);background:rgba(14,23,31,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 5px 22px #0002}
body.inner-page{padding-top:var(--fixed-header-height)}
html{scroll-padding-top:calc(var(--fixed-header-height) + 20px)}
.world-menu,.inner-page .world-menu{top:var(--fixed-header-height);max-height:calc(100dvh - var(--fixed-header-height));overflow-y:auto;overscroll-behavior:contain}
@media(max-width:800px){:root{--fixed-header-height:90px}.cinematic-header nav.open{max-height:calc(100dvh - var(--fixed-header-height));overflow-y:auto;overscroll-behavior:contain}}

/* About: retain the full creature silhouette at every screen size. */
.about-page #chapter-0 .editorial-image img{height:auto;aspect-ratio:930 / 792;object-fit:contain}

/* Studio location photographs retain the entrance and building in frame. */
.about-page #chapter-2 .editorial-image img{height:auto;aspect-ratio:16 / 9;object-fit:contain}
.studio-recut .studio-image img[src="/images/studio-babelsberg.png"]{object-position:50% 50%}
@media(max-width:800px){.studio-recut .studio-image:has(img[src="/images/studio-babelsberg.png"]){height:auto}.studio-recut .studio-image img[src="/images/studio-babelsberg.png"]{height:auto;aspect-ratio:16 / 9;object-fit:contain}}

/* A readable wordmark at desktop and mobile sizes. */
.header.cinematic-header .brand-sub,.new-footer .brand-sub{font-size:13px;font-weight:600;letter-spacing:3.8px;line-height:1.25;margin-top:7px}
@media(max-width:1100px){.header.cinematic-header .brand-sub{font-size:11px;letter-spacing:2.8px}}
@media(max-width:800px){.header.cinematic-header .brand-sub,.new-footer .brand-sub{font-size:11px;letter-spacing:2.4px}}
/* Enquiry: original creature artwork, quiet surfaces and clear form controls. */
.creature-enquiry{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:clamp(32px,5vw,90px);align-items:center}
.enquiry-surface{padding:clamp(28px,4vw,64px);background:linear-gradient(#f0f1ecdf,#f0f1ecef),url('https://static.wixstatic.com/media/c0d39c_fcd19c393bb740b699b40dec986535a8~mv2.png') center/cover;color:#15242b;border-radius:2px}
.enquiry-surface h1,.enquiry-surface h2{font-family:var(--sans);font-size:clamp(32px,3.2vw,48px);font-weight:500;line-height:1.15;margin:0 0 36px}
.enquiry-surface .enquiry-form{display:grid;gap:22px;max-width:none}
.enquiry-surface .enquiry-form label{display:block;font-size:17px;font-weight:500;margin-bottom:10px}
.enquiry-surface .enquiry-form input,.enquiry-surface .enquiry-form textarea,.enquiry-surface .enquiry-form select{width:100%;padding:14px 16px;background:#ffffff42;border:1px solid #6d787d;border-radius:0;color:#15242b;font:inherit;font-size:17px;line-height:1.45;box-shadow:none}
.enquiry-surface .enquiry-form input::placeholder,.enquiry-surface .enquiry-form textarea::placeholder{color:#58676f;opacity:1}
.enquiry-surface .enquiry-form textarea{min-height:136px;resize:vertical}
.enquiry-surface .enquiry-form input:focus,.enquiry-surface .enquiry-form textarea:focus{outline:2px solid #253e4b;outline-offset:3px;background:#fff8}
.enquiry-surface .field-error{font-size:15px;color:#9b3022;line-height:1.5;margin-top:7px}
.enquiry-surface .field-error:empty{display:none}
.enquiry-surface .enquiry-form .button{justify-self:start;min-width:190px;padding:15px 32px;background:#c7b994;color:#14232b;border:1px solid #a89871;border-radius:2px;font-size:17px;font-weight:500;box-shadow:none;transform:none}
.enquiry-surface .enquiry-form .button:hover{background:#b9a779;border-color:#80704c}
.enquiry-surface .enquiry-form .button:focus-visible{outline:2px solid #253e4b;outline-offset:4px}
.enquiry-surface .enquiry-form .button:disabled{opacity:.65;cursor:wait}
.enquiry-privacy{font-size:14px;line-height:1.6;color:#45545c}.enquiry-privacy a{text-decoration:underline;text-underline-offset:3px}
.enquiry-details h2{font-size:clamp(32px,3vw,48px);line-height:1.15;margin-bottom:24px}.enquiry-details p{font-size:18px;line-height:1.7;margin:24px 0;color:#b9c9ce}.enquiry-details>a{font-size:clamp(16px,1.6vw,22px);text-decoration:underline;text-underline-offset:6px}.enquiry-details>a:hover{color:#c7b994}
.home-enquiry{background:#18252d}
@media(max-width:800px){.creature-enquiry{grid-template-columns:1fr;gap:30px}.enquiry-surface{padding:26px 22px}.enquiry-surface h1,.enquiry-surface h2{margin-bottom:28px}.enquiry-surface .enquiry-form{gap:20px}.enquiry-surface .enquiry-form input,.enquiry-surface .enquiry-form textarea{font-size:16px}.enquiry-details h2{font-size:32px}}