*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101113;color:#f4f3ef;font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{height:86px;position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 6.3%;border-bottom:1px solid rgba(255,255,255,.16);background:rgba(9,9,10,.16);backdrop-filter:blur(4px)}.brand img{width:132px;height:auto;display:block}.mainnav{display:flex;gap:42px;align-items:center}.mainnav a{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.72);transition:color .2s}.mainnav a:hover,.mainnav a.active{color:#fff}.menu-toggle{display:none;background:none;border:0}.hero{height:min(100vh,880px);min-height:660px;position:relative;background:#141516;overflow:hidden}.hero-slides,.hero-slide{position:absolute;inset:0}.hero-slide{opacity:0;visibility:hidden;transition:opacity 1s ease; background-image:var(--hero);background-size:cover;background-position:center 35%;}.hero-slide.active{opacity:1;visibility:visible}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,8,.86),rgba(6,7,8,.52) 39%,rgba(6,7,8,.04) 100%),linear-gradient(0deg,rgba(6,7,8,.45),transparent 60%)}.hero-copy{position:absolute;left:10.3%;top:29%;max-width:560px}.eyebrow{font-size:10px;letter-spacing:2.6px;font-weight:600;color:#d6bd90}.hero-copy h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(64px,8vw,112px);font-weight:500;line-height:.94;letter-spacing:-3px;margin:20px 0 18px}.hero-copy h1 em,.intro h2 em,.section-head h2 em,.platforms h2 em,.film-copy h2 em{font-weight:500;color:#c5a66e}.hero-copy p:not(.eyebrow){font-size:15px;color:rgba(255,255,255,.76);max-width:410px;line-height:1.7}.text-link{display:inline-flex;align-items:center;gap:19px;margin-top:24px;font-size:10px;letter-spacing:1.7px;text-transform:uppercase;font-weight:700;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:10px}.text-link span{font-size:16px;color:#c5a66e}.hero-index{position:absolute;right:9%;bottom:94px;font-family:'Playfair Display',serif;font-size:22px}.hero-index i{font-style:normal;color:#c5a66e;padding:0 8px}.hero-controls{position:absolute;right:8.5%;bottom:39px;display:flex;align-items:center;gap:18px}.hero-controls button{border:1px solid rgba(255,255,255,.38);background:transparent;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:.2s}.hero-controls button:hover{background:#c5a66e;border-color:#c5a66e}.hero-dots{display:flex;gap:7px}.hero-dots button{width:5px;height:5px;padding:0;border:0;background:rgba(255,255,255,.4);border-radius:100px}.hero-dots button.active{width:24px;background:#c5a66e}.scroll-note{position:absolute;left:6.3%;bottom:44px;font-size:9px;letter-spacing:1.8px;color:rgba(255,255,255,.66)}.scroll-note span{color:#c5a66e;padding-left:12px;font-size:15px}.section-pad{padding:112px 10.3%}.intro{background:#f2f0eb;color:#151617}.intro-kicker{display:flex;gap:12px;align-items:center;color:#78694c;font-size:10px;letter-spacing:2px;font-weight:700}.gold-line{width:36px;height:1px;background:#b5965f}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:11%;margin-top:33px}.intro h2,.section-head h2,.platforms h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(42px,5vw,67px);font-weight:500;letter-spacing:-1.5px;line-height:1.12;margin:0}.intro h2 em,.section-head h2 em,.platforms h2 em{color:#a88a55}.intro-copy{max-width:560px}.intro-copy p{font-size:14px;color:#62615c;line-height:1.85;margin:0 0 14px}.dark-link{color:#1b1b1a;border-color:#8a867e}.dark-link span{color:#a88a55}.featured{background:#f2f0eb;color:#171819;padding-top:40px;padding-bottom:125px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}.dark-eyebrow{color:#9a7d4d}.section-head h2{font-size:52px;margin-top:11px}.section-head>.text-link{margin-bottom:4px}.feature-grid{display:grid;grid-template-columns:1.32fr 1fr 1fr;gap:24px;align-items:start}.feature-card{display:block}.feature-img{height:310px;background:#dedbd4;position:relative;overflow:hidden}.feature-large .feature-img{height:405px}.feature-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.1,1);filter:saturate(.8)}.feature-card:hover .feature-img img{transform:scale(1.045)}.open-mark{position:absolute;right:13px;top:13px;width:34px;height:34px;border-radius:50%;background:rgba(18,18,18,.68);color:#fff;display:grid;place-items:center;opacity:0;transition:.25s}.feature-card:hover .open-mark{opacity:1}.feature-meta{display:flex;justify-content:space-between;margin-top:17px;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#89867f}.feature-card h3{font-family:'Playfair Display',Georgia,serif;font-size:24px;font-weight:500;margin:8px 0}.film-band{height:520px;position:relative;overflow:hidden;background:#18191a}.brand-film{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;opacity:.55;filter:grayscale(.25)}.film-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,10,11,.82),rgba(9,10,11,.25)),linear-gradient(0deg,rgba(0,0,0,.4),transparent)}.film-copy{position:absolute;left:10.3%;top:50%;transform:translateY(-50%)}.film-copy h2{font:500 56px/1.04 'Playfair Display',Georgia,serif;margin:13px 0}.play-btn{position:absolute;left:425px;top:70px;width:64px;height:64px;border:1px solid rgba(255,255,255,.72);border-radius:50%;display:grid;place-items:center;font-size:14px;padding-left:3px;color:#fff;transition:.25s}.play-btn:hover{background:#c5a66e;border-color:#c5a66e}.platforms{text-align:center;background:#f2f0eb;color:#161718;padding-top:100px;padding-bottom:104px}.platforms h2{margin-top:16px}.platform-row{margin:55px auto 0;max-width:790px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#4d4c49}.platform-row span{font-family:'Playfair Display',Georgia,serif;font-size:22px}.footer{background:#101113;padding:54px 10.3% 24px}.footer-top{display:grid;grid-template-columns:1.2fr 1.2fr 1fr 1fr;gap:40px;align-items:start;padding-bottom:50px}.footer-top>img{width:130px}.footer-top p{font-size:12px;line-height:1.7;color:#9a9a98;margin:0}.footer-nav,.footer-contact{display:flex;flex-direction:column;gap:11px;font-size:11px;color:#d1d0cb}.footer-contact span{font-size:9px;letter-spacing:1.8px;color:#b89a63}.footer-contact a{color:#fff}.footer-bottom{border-top:1px solid #2a2b2d;padding-top:18px;display:flex;justify-content:space-between;color:#858581;font-size:10px}.footer-bottom a{color:#c4a66e}.cookie{position:fixed;z-index:50;bottom:20px;left:50%;transform:translateX(-50%);width:min(650px,calc(100% - 30px));padding:14px 17px;background:#f4f2ee;color:#282725;box-shadow:0 12px 40px #0006;display:flex;align-items:center;gap:18px;justify-content:space-between;transition:.3s}.cookie.hide{opacity:0;pointer-events:none;transform:translate(-50%,20px)}.cookie p{font-size:10.5px;line-height:1.5;margin:0;color:#68655e}.cookie p a{text-decoration:underline}.cookie button{border:0;background:#171819;color:#fff;padding:11px 17px;font-size:9px;letter-spacing:1px;font-weight:700;white-space:nowrap;cursor:pointer}
/* inner pages */
.inner-hero{padding:180px 10.3% 68px;background:linear-gradient(120deg,#151617,#232322);border-bottom:1px solid #323230}.inner-hero .eyebrow{margin-bottom:15px}.inner-hero h1{font:500 clamp(46px,7vw,82px)/1.05 'Playfair Display',Georgia,serif;margin:0}.inner-hero h1 em{color:#c5a66e}.inner-hero p{max-width:600px;color:#a9a8a3;line-height:1.75;font-size:14px}.crumbs{font-size:10px;letter-spacing:1.2px;color:#898984;margin-top:25px;text-transform:uppercase}.catalog{background:#f2f0eb;color:#171819;padding:54px 10.3% 110px}.filters{display:flex;gap:24px;flex-wrap:wrap;border-bottom:1px solid #d9d6ce;padding-bottom:20px;margin-bottom:32px}.filters button{border:0;background:none;color:#77746c;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;padding:8px 0;cursor:pointer}.filters button.active{color:#161616;border-bottom:2px solid #a88a55}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 20px}.catalog-card{min-width:0}.catalog-card.hide{display:none}.catalog-card .feature-img{height:245px}.catalog-card .feature-meta{margin-top:13px}.catalog-card h3{font-size:20px}.about-section{background:#f2f0eb;color:#222;padding:85px 10.3% 120px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.about-grid p{font-size:14px;line-height:1.9;color:#62615c;margin-top:0}.about-grid h2{font:500 40px/1.15 'Playfair Display',Georgia,serif;margin:0 0 21px}.about-note{margin-top:40px;border-left:2px solid #b5965f;padding-left:22px;color:#78746b;font:italic 18px/1.55 'Playfair Display',serif;max-width:540px}.contact-section{background:#f2f0eb;color:#171819;padding:70px 10.3% 120px;min-height:440px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-grid h2{font:500 36px 'Playfair Display',serif}.contact-grid p{color:#77736c;font-size:13px;line-height:1.7}.contact-email{display:inline-block;margin-top:15px;font:500 25px 'Playfair Display',serif;border-bottom:1px solid #b5965f;padding-bottom:8px}.portfolio-detail{background:#f2f0eb;color:#171819;padding:70px 10.3% 110px}.portfolio-detail .detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px}.portfolio-detail img{width:100%;max-height:550px;object-fit:cover}.portfolio-detail h1{font:500 55px 'Playfair Display',serif;margin:0 0 22px}.portfolio-detail p{font-size:13px;line-height:1.85;color:#65635d}.detail-meta{display:flex;gap:28px;margin-top:25px;color:#927747;font-size:10px;text-transform:uppercase;letter-spacing:1px}.empty-detail{padding:150px 10%;background:#f2f0eb;color:#171819}.empty-detail h1{font:500 50px 'Playfair Display',serif}
@media(max-width:900px){.section-pad{padding-left:7%;padding-right:7%}.topbar{padding:0 6%}.hero-copy{left:8%}.intro-grid{gap:7%}.feature-grid{grid-template-columns:1fr 1fr}.feature-large{grid-column:span 2}.feature-large .feature-img{height:360px}.feature-img{height:270px}.catalog{padding-left:7%;padding-right:7%}.catalog-grid{grid-template-columns:repeat(3,1fr)}.footer{padding-left:7%;padding-right:7%}.footer-top{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.topbar{height:70px}.brand img{width:112px}.mainnav{display:none;position:absolute;top:69px;left:0;right:0;background:#111214;padding:22px 7%;flex-direction:column;align-items:flex-start;gap:21px}.mainnav.open{display:flex}.menu-toggle{display:flex;flex-direction:column;gap:6px;border:0;padding:8px}.menu-toggle span{width:23px;height:1px;background:#fff}.hero{height:780px;min-height:700px}.hero-slide{background-position:57% center}.hero-shade{background:linear-gradient(90deg,rgba(6,7,8,.72),rgba(6,7,8,.18)),linear-gradient(0deg,rgba(6,7,8,.6),transparent 65%)}.hero-copy{left:7%;right:7%;top:33%}.hero-copy h1{font-size:65px;letter-spacing:-1.8px}.hero-copy p:not(.eyebrow){font-size:13px}.hero-index{right:7%;bottom:102px}.hero-controls{right:7%;bottom:42px}.scroll-note{left:7%;bottom:51px;font-size:8px}.section-pad{padding:75px 7%}.intro-grid,.about-grid,.contact-grid,.portfolio-detail .detail-grid{grid-template-columns:1fr;gap:30px}.intro h2,.platforms h2{font-size:43px}.featured{padding-top:20px;padding-bottom:80px}.section-head{display:block}.section-head h2{font-size:41px}.section-head>.text-link{margin-top:16px}.feature-grid{grid-template-columns:1fr;gap:28px}.feature-large{grid-column:auto}.feature-large .feature-img,.feature-img{height:350px}.film-band{height:430px}.film-copy{left:7%}.film-copy h2{font-size:48px}.play-btn{left:275px;top:76px;width:52px;height:52px}.platform-row{flex-wrap:wrap;justify-content:center;gap:20px 31px;margin-top:36px}.platform-row span{font-size:18px}.footer{padding:42px 7% 22px}.footer-top{grid-template-columns:1fr 1fr;gap:30px 18px}.footer-top>img{width:115px}.footer-bottom{font-size:9px;gap:15px}.cookie{bottom:10px;padding:12px;gap:9px}.cookie p{font-size:9.5px}.cookie button{padding:10px 11px}.inner-hero{padding:140px 7% 50px}.inner-hero h1{font-size:50px}.catalog{padding:36px 7% 80px}.filters{gap:16px}.catalog-grid{grid-template-columns:repeat(2,1fr);gap:23px 12px}.catalog-card .feature-img{height:220px}.catalog-card h3{font-size:17px}.about-section,.contact-section,.portfolio-detail{padding:60px 7% 85px}.portfolio-detail h1{font-size:43px}}
