/* Final palette and font families sampled from ../assets/css/brand.css and site.css. */
@font-face { font-family: Inter; src: url('fonts/Inter.ttf'); font-weight: 100 900; }
@font-face { font-family: Playfair; src: url('fonts/PlayfairDisplay.ttf'); font-weight: 400 900; }
body { font-family: Inter, Arial, sans-serif; }
.artboard { --accent: #d4af37; }
.noir { --bg:#0a0a0a; --fg:#f5f5f5; --accent:#d4af37; }
.charcoal { --bg:#161616; --fg:#f5f5f5; --accent:#d4af37; }
.paper { --bg:#f5f5f5; --fg:#161616; --accent:#856911; }
.brand strong { font-size:22px; font-weight:600; letter-spacing:1px; }
.brand .category { font-size:17px; color:var(--accent); }
.brand img { background:#0a0a0a; }
.footer { font-size:20px; border-color:#6e602e; }
.footer .page { font-size:16px; color:var(--accent); }
h1,h2 { font-family:Playfair, Georgia, serif; font-weight:600; letter-spacing:-3px; line-height:1.09; }
.deck { font-size:31px; line-height:1.45; }
.small-cta { color:var(--accent); font-size:25px; }
.whole-photo { object-fit:contain; transform:none!important; }
.photo-right .title { top:210px; font-size:95px; }
.photo-right .product { right:76px; top:482px; width:494px; height:661px; }
.photo-right .deck { position:absolute; left:76px; top:660px; width:350px; font-size:37px; }
.photo-right .small-cta { position:absolute; left:76px; top:1090px; width:325px; font-size:28px; }
.detail .title { font-size:110px; top:220px; }
.detail .product { top:576px; height:340px; }
.detail .detail-rule { top:525px; border-color:#6e602e; }
.detail .deck { font-size:35px; top:1012px; }
.detail .small-cta { top:1090px; font-size:26px; }
.photo-left .product { left:76px; top:212px; width:482px; height:660px; }
.photo-left .title { left:590px; right:76px; top:267px; font-size:86px; letter-spacing:-3px; line-height:1.12; }
.photo-left .deck { position:absolute; left:76px; top:943px; width:770px; font-size:35px; }
.photo-left .small-cta { position:absolute; left:76px; top:1117px; font-size:27px; }
.duo .title { font-size:115px; top:210px; }
.duo .product { top:545px; }
.duo .second { top:681px; }
.duo .deck { font-size:30px; top:1118px; }
.photo-specimen .title { top:204px; font-size:103px; }
.photo-specimen .product { left:76px; top:491px; width:504px; height:672px; }
.photo-specimen .deck { position:absolute; top:694px; left:650px; width:340px; font-family:Playfair,Georgia,serif; font-size:43px; line-height:1.3; }
.photo-specimen .small-cta { position:absolute; left:650px; width:340px; top:1083px; font-size:25px; }
.photo .photograph { height:810px; object-fit:contain; }
.photo .title { top:850px; font-size:99px; line-height:1.1; }
.photo .deck { top:1113px; font-size:29px; }
.photo .brand .category { color:#f4e4bc; }
.photo-workwear .title { font-size:122px; top:215px; }
.photo-workwear .product { left:488px; top:496px; width:510px; height:680px; }
.photo-workwear .deck { position:absolute; left:76px; top:671px; width:322px; font-size:38px; }
.photo-workwear .small-cta { position:absolute; left:76px; top:1066px; width:300px; font-size:28px; }
.photo-invitation .title { font-size:101px; top:227px; }
.photo-invitation .product { left:76px; top:431px; width:928px; height:696px; }
.photo-invitation .deck { position:absolute; left:76px; top:353px; font-size:30px; }
.photo-invitation .small-cta { position:absolute; left:76px; top:1160px; font-size:27px; }
.carousel-cover .series-label { color:var(--accent); font-size:19px; letter-spacing:1px; }
.carousel-cover .title { top:231px; font-size:94px; line-height:1.09; }
.carousel-cover .product { left:76px; right:auto; top:530px; width:928px; height:580px; }
.carousel-cover .deck { left:76px; top:1140px; font-size:28px; width:920px; }
.carousel-cover.c02 .product,.carousel-cover.c03 .product,.carousel-cover.c04 .product,.carousel-cover.c07 .product { left:520px; top:510px; width:460px; height:613px; }
.carousel-cover.c02 .deck,.carousel-cover.c03 .deck,.carousel-cover.c04 .deck,.carousel-cover.c07 .deck { top:763px; width:345px; font-size:34px; }
.carousel-cover.c06 .title { font-size:90px; }
.carousel-cover.c08 .title { font-size:90px; }
.carousel-cover.c05 .product { width:850px; height:637px; left:115px; top:479px; }
.slide-title { font-size:91px; line-height:1.09; top:213px; }
.slide-statement .slide-title { font-size:93px; line-height:1.1; }
.slide-intro { top:469px; font-size:31px; }
.item { grid-template-columns:255px 1fr; gap:32px; }
.item strong { font-size:29px; }
.item p { font-size:31px; line-height:1.4; }
.slide-note { font-size:26px; line-height:1.4; }
.slide-body { top:685px; font-size:36px; line-height:1.45; }
.slide-small { top:1012px; font-size:26px; line-height:1.4; }
.slide-cta { font-size:26px; color:var(--accent); }
.format-row strong { font-family:Inter,Arial,sans-serif; font-size:91px; font-weight:700; }
.format-row p { font-size:31px; }
.compare-cols strong { font-family:Playfair,Georgia,serif; font-size:55px; }
.compare-cols p { font-size:32px; }
.brief-lines p { font-size:30px; }
.vertical .title { font-family:Inter,Arial,sans-serif; font-weight:750; letter-spacing:-4px; font-size:101px; line-height:1.03; }
.vertical .brand { color:#f5f5f5; }
.vertical.story .brand { color:var(--fg); }
.vertical.story .title { font-family:Playfair,Georgia,serif; font-size:99px; font-weight:600; letter-spacing:-2px; }
.story .product { left:96px; top:689px; width:805px; height:410px; }
.story .story-cta { font-size:31px; }
.vertical .website { font-size:24px; color:var(--accent); }
.reel-feed .title { font-family:Inter,Arial,sans-serif; font-weight:750; letter-spacing:-4px; font-size:106px; line-height:1.02; }
.reel-feed .deck { font-size:30px; }
.vertical.video-cover .title { font-size:101px; }
.vertical.video-cover .vertical-band { background:#0a0a0a; }
.vertical.video-cover .deck { color:#f5f5f5; font-size:31px; }
.headline-accent { color:var(--accent); }
.carousel-cover.c03 .product { left:76px; top:510px; }
.carousel-cover.c03 .deck { left:611px; width:360px; top:745px; }
.carousel-cover.c04 .product { left:100px; top:524px; width:880px; height:660px; }
.carousel-cover.c04 .deck { left:76px; width:900px; top:454px; font-size:27px; }
.carousel-cover.c02 .deck,.carousel-cover.c07 .deck { left:76px; width:900px; top:1120px; font-size:31px; }
.format-cover { position:absolute; left:76px; right:76px; top:575px; }
.format-cover > div { display:flex; align-items:baseline; justify-content:space-between; border-top:1px solid #6e602e; padding:24px 0; }
.format-cover strong { font-size:116px; line-height:1.1; letter-spacing:-6px; color:#d4af37; }
.format-cover span { font-size:27px; }
.format-cover p { font-size:26px; margin-top:32px; color:#b6b6b6; }
.quote-cover { position:absolute; left:76px; right:76px; top:623px; }
.quote-cover p { padding:30px 0; border-top:1px solid #6e602e; font-family:Playfair,Georgia,serif; font-size:54px; line-height:1.15; letter-spacing:-1px; display:flex; justify-content:space-between; }
.quote-cover span { font:24px Inter,Arial,sans-serif; color:#d4af37; align-self:center; }

/* Reel v3: genuine large logo, open pictures and lower unboxed typography. */
.vertical.video-cover,.reel-feed { --accent:#d4af37;background:#0a0a0a; }
.vertical.video-cover .vertical-band { display:none; }
.vertical.video-cover .vertical-photo { filter:none;object-fit:contain; }
.vertical.video-cover .shade { background:radial-gradient(ellipse 660px 440px at 375px 355px,#000f 0%,#000e 42%,#0000 100%),linear-gradient(180deg,#0001 0%,#0000 48%,#000a 72%,#000e 100%); }
.vertical.video-cover .brand { top:224px;left:88px;right:88px;height:auto;display:block; }
.vertical.video-cover .brand img,.reel-feed .brand img { width:320px;height:auto;max-height:none;padding:0;background:transparent;display:block; }
.vertical.video-cover .brand strong { position:absolute;left:374px;top:126px;font-size:48px;line-height:1.12;letter-spacing:1px;font-weight:700;color:#f5f5f5; }
.vertical.video-cover .title { top:auto;bottom:520px;left:88px;right:150px;font-size:91px;line-height:1.08;letter-spacing:-3px;font-weight:700; }
.vertical.video-cover .deck { display:none; }
.vertical.video-cover .website { top:1430px;left:88px;font-size:32px;color:#f5f5f5; }
.reel-feed .photograph { object-fit:contain;object-position:50% 50%; }
.reel-feed .shade { background:radial-gradient(ellipse 660px 410px at 375px 245px,#000f 0%,#000e 42%,#0000 100%),linear-gradient(180deg,#0002 0%,#0000 46%,#000b 80%,#000e 100%); }
.reel-feed .brand { top:86px;left:88px;right:88px;height:auto;display:block; }
.reel-feed .brand strong { position:absolute;left:374px;top:126px;font-size:48px;line-height:1.12;letter-spacing:1px;font-weight:700;color:#f5f5f5; }
.reel-feed .title { top:auto;bottom:167px;left:76px;right:90px;font-size:94px;line-height:1.08;letter-spacing:-3px;font-weight:700; }
.reel-feed .deck,.reel-feed .brand .category,.reel-feed .footer .page { display:none; }
.reel-feed .footer { border:0;color:#f5f5f5; }
