/* Buns Over Texas case study (_case-study-buns.php): the Atlas build retinted to the brand. Navy #18204F, red #D7262E,
   cream #FFF3DC, cheddar #FFB321. Gilroy for every title; Anton, Bevan and Archivo only inside the artwork. */
.c27x.bt{--red:#D7262E;--blue:#D7262E;--blue-lt:#FFB321;--lime:#FFB321;--ink:#18204F;--stage:#18204F;--navy:#18204F;--soft:#FFF3DC;--cream:#FFF3DC;--deep:#8E141B;--ched:#FFB321;--pop:Gilroy,system-ui,sans-serif;
	--chk:repeating-conic-gradient(var(--red) 0 25%,var(--cream) 0 50%) 0 0/var(--cs,44px) var(--cs,44px)}
.c27x.bt h1,.c27x.bt h2{font-family:Gilroy,system-ui,sans-serif!important;font-weight:600!important;letter-spacing:normal!important}
.c27x.bt .eyebrow{color:var(--red)}
.c27x.bt .cf-toc a:hover{color:var(--ched)}
.c27x .an{font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:.005em}
.c27x .bv{font-family:Bevan,Georgia,serif;font-style:italic;font-weight:400}
.c27x .ar{font-family:Archivo,sans-serif;font-stretch:72%;font-weight:700}
.c27x.bt .mono{font-family:"Geist Mono","Space Mono",monospace}

/* Hero: wordmark, the turning seal and one photo, on a basket-check edge */
.c27x .bt-hero{position:relative;max-width:var(--box);margin:clamp(16px,2vw,28px) auto;border-radius:32px;overflow:hidden;background:var(--cream);min-height:clamp(520px,52vw,860px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;padding:clamp(48px,5vw,90px) clamp(20px,4vw,72px) clamp(90px,8vw,130px)}
.c27x .bt-hero .ck{position:absolute;left:0;right:0;bottom:0;height:clamp(44px,4vw,64px);background:var(--chk);--cs:clamp(44px,4vw,64px)}
.c27x .bt-hero .mk{grid-column:1/8;position:relative;z-index:2}
.c27x .bt-hero .mk .wm{display:block;width:100%;height:auto;animation:bt-in 1.1s cubic-bezier(.2,.7,.2,1) both}
.c27x .bt-hero .ph{grid-column:8/13;align-self:stretch;border-radius:24px;overflow:hidden;position:relative;z-index:1;min-height:340px;animation:bt-in 1.1s .15s cubic-bezier(.2,.7,.2,1) both}
.c27x .bt-hero .ph img{width:100%;height:100%;object-fit:cover;display:block}
.c27x .bt-hero .sl{position:absolute;left:calc(58.33% - clamp(80px,8vw,140px));bottom:clamp(40px,4vw,70px);width:clamp(160px,16vw,280px);z-index:3;filter:drop-shadow(0 24px 30px rgba(24,32,79,.3));animation:bt-pop .9s .45s cubic-bezier(.3,1.4,.5,1) both}
.c27x .bt-hero .cl{position:absolute;left:clamp(20px,4vw,72px);bottom:clamp(70px,6.4vw,104px);z-index:3;color:var(--red);font-size:clamp(20px,2.2vw,38px);transform:rotate(-4deg);animation:bt-in .9s .7s both}
.c27x .bt-seal{display:block;width:100%;height:auto}
.c27x .bt-seal.spin .rg{transform-origin:200px 200px;animation:bt-spin 40s linear infinite}
@keyframes bt-spin{to{transform:rotate(360deg)}}
@keyframes bt-in{from{opacity:0;transform:translateY(30px)}}
@keyframes bt-pop{from{opacity:0;transform:scale(.6) rotate(-40deg)}}

/* Shared band */
.c27x .bt-band{max-width:var(--box);margin:clamp(16px,2vw,28px) auto;border-radius:32px;padding:clamp(56px,7vw,110px) clamp(20px,5vw,90px);position:relative}
.c27x .bt-band .hd{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:16px 6%;align-items:end;margin-bottom:clamp(36px,4.5vw,72px)}
.c27x .bt-band .hd .eyebrow{grid-column:1/-1}
.c27x .bt-band h2{font-size:clamp(38px,4.6vw,72px)!important;line-height:1!important;margin:0;color:inherit!important}
.c27x .bt-band .hd p{margin:0;font-size:17px;line-height:1.55;opacity:.78}

/* 01 Wordmark */
.c27x .bt-brand{background:#fff;color:var(--navy)}
.c27x .bt-brand .bn{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.c27x .bt-brand .t{margin:0;border-radius:28px;position:relative;overflow:hidden;min-height:clamp(240px,22vw,380px);display:grid;place-items:center;padding:32px 28px 56px}
.c27x .bt-brand .t figcaption{position:absolute;left:24px;bottom:20px;right:24px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.c27x .bt-brand .t .wm{width:min(78%,300px);height:auto;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.c27x .bt-brand .t:hover .wm{transform:scale(1.04) rotate(-1.5deg)}
.c27x .bt-brand .lg{grid-column:span 7;grid-row:span 2;background:var(--cream)}
.c27x .bt-brand .lg .wm{width:min(76%,620px)}
.c27x .bt-brand .nv{grid-column:span 5;background:var(--navy);color:var(--cream)}
.c27x .bt-brand .rd{grid-column:span 5;background:var(--red);color:var(--cream)}
.c27x .bt-brand .wh{grid-column:span 6;background:#fff;box-shadow:inset 0 0 0 1.5px #ECE3D0}
.c27x .bt-brand .ck{grid-column:span 6;background:var(--chk);--cs:40px;color:var(--navy)}
.c27x .bt-brand .ck figcaption{background:var(--cream);left:16px;right:auto;bottom:14px;padding:8px 12px;border-radius:8px;opacity:1}
.c27x .bt-ck-word{font:400 clamp(90px,10vw,170px)/.9 Anton,Impact,sans-serif;color:var(--red);background:var(--cream);padding:.06em .22em 0;border-radius:14px;transform:rotate(-3deg)}

/* 02 Seal */
.c27x .bt-sealband{background:var(--navy);color:var(--cream);overflow:hidden;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(30px,5vw,90px);align-items:center}
.c27x .bt-sealband .ck{position:absolute;left:0;top:0;bottom:0;width:50%;background:var(--chk);--cs:56px;opacity:.95}
.c27x .bt-sealband .sl{position:relative;z-index:1;width:min(100%,560px);justify-self:center;filter:drop-shadow(0 40px 50px rgba(0,0,0,.4))}
.c27x .bt-sealband .cd{position:relative;z-index:1}
.c27x .bt-sealband .eyebrow{color:var(--ched)}
.c27x .bt-sealband h2{margin:14px 0 18px!important}
.c27x .bt-sealband p{font-size:17px;line-height:1.6;opacity:.82;margin:0;max-width:46ch}
.c27x .bt-sealband .row{display:flex;gap:clamp(12px,1.6vw,24px);margin-top:clamp(28px,3vw,44px)}
.c27x .bt-sealband .row .bt-seal{width:clamp(84px,9vw,140px);transition:transform .5s cubic-bezier(.3,1.4,.5,1)}
.c27x .bt-sealband .row .bt-seal:hover{transform:rotate(-14deg) scale(1.06)}

/* 03 Color */
.c27x .bt-look{background:var(--navy)}
.c27x .bt-look .txt{color:var(--cream)}
.c27x.bt .bt-look h2{color:var(--cream)!important}
.c27x.bt .bt-look h2 span{color:var(--ched)!important}
.c27x .bt-look .fv-sw>div .mono{color:inherit!important}

/* 04 Type */
.c27x .bt-type{background:var(--cream);color:var(--navy)}
.c27x .bt-type .specs{display:grid;grid-template-columns:5fr 4fr 3fr;gap:14px}
.c27x .bt-type .sp{background:#fff;border-radius:22px;padding:clamp(24px,2.6vw,40px);display:grid;gap:14px;align-content:space-between;min-height:clamp(260px,24vw,400px)}
.c27x .bt-type .sp .mono{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.c27x .bt-type .sp b{font-size:clamp(44px,5.4vw,96px);line-height:.95;color:var(--navy)}
.c27x .bt-type .sp .bv{font-size:clamp(34px,3.4vw,58px);color:var(--red)}
.c27x .bt-type .sp .ar{font-size:clamp(28px,2.6vw,44px)}
.c27x .bt-type .sp p{margin:0;font-size:15px;color:#6B665C}

/* Big words marquee (straight, not diagonal) */
.c27x .bt-words{max-width:var(--box);margin:clamp(16px,2vw,28px) auto;border-radius:32px;overflow:hidden;background:var(--red);color:var(--cream);padding:clamp(36px,4vw,60px) 0 0}
.c27x .bt-words .mq{overflow:hidden}
.c27x .bt-words .tr{display:flex;align-items:center;gap:.3em;width:max-content;font:400 clamp(80px,12vw,220px)/1 Anton,Impact,sans-serif;animation:bt-mq 38s linear infinite;white-space:nowrap}
.c27x .bt-words .tr i{font-style:normal;color:var(--navy);font-size:.5em}
.c27x .bt-words .tr .o{font-family:Bevan,Georgia,serif;font-style:italic;font-size:.42em;color:var(--ched)}
@keyframes bt-mq{to{transform:translateX(-50%)}}
.c27x .bt-words .chk{height:clamp(36px,3vw,48px);background:repeating-conic-gradient(var(--cream) 0 25%,var(--red) 0 50%) 0 0/clamp(36px,3vw,48px) clamp(36px,3vw,48px);margin-top:clamp(24px,3vw,44px)}
.c27x .bt-words p{background:var(--cream);color:var(--navy);margin:0;padding:clamp(24px,3vw,40px) clamp(20px,5vw,90px);font-size:clamp(17px,1.5vw,22px);line-height:1.5;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,8fr);gap:20px}
.c27x .bt-words p .eyebrow{display:block}

/* 05 Photography (fv-mosaic) */
.c27x .bt-photos{background:var(--navy)}
.c27x.bt .bt-photos h2{color:var(--cream)!important;font-weight:600!important}
.c27x .bt-photos .eyebrow{color:var(--ched)}
.c27x .bt-photos .hd p{color:#B7BBD3}
.c27x .bt-photos .brief{background:var(--cream);color:var(--navy)}
.c27x .bt-photos .bh{color:var(--red)}

/* 06 In the wild */
.c27x .bt-wild{background:#fff;color:var(--navy)}
.c27x .bt-wild .gr{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
.c27x .bt-wild figure{margin:0;border-radius:20px;overflow:hidden;position:relative;height:clamp(220px,22vw,380px)}
.c27x .bt-wild figure.tall{height:clamp(320px,34vw,600px)}
.c27x .bt-wild .w7{grid-column:span 7}.c27x .bt-wild .w5{grid-column:span 5}.c27x .bt-wild .w4{grid-column:span 4}
.c27x .bt-wild figure img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.c27x .bt-wild figure:hover img{transform:scale(1.04)}
.c27x .bt-wild figcaption{position:absolute;left:14px;bottom:14px;background:var(--cream);color:var(--navy);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;padding:7px 11px;border-radius:8px}
.c27x .bt-wild .wraps{margin-top:clamp(16px,2vw,28px);border-radius:28px;background:#EFE9DD;padding:clamp(36px,4vw,64px) clamp(20px,4vw,64px);display:grid;grid-template-columns:minmax(0,3fr) repeat(3,minmax(0,3fr));gap:clamp(16px,2.4vw,40px);align-items:center}
.c27x .bt-wild .wraps .tx .mono{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.c27x .bt-wild .wraps h3{font:600 clamp(26px,2.6vw,40px)/1.05 Gilroy,sans-serif;margin:12px 0 0;color:var(--navy)}
.c27x .bt-wild .wr{height:auto;border-radius:0;overflow:visible;display:grid;gap:12px}
.c27x .bt-wild .wr img{border-radius:6px;box-shadow:0 30px 50px -26px rgba(24,32,79,.5);aspect-ratio:1;height:auto}
.c27x .bt-wild .wr:nth-of-type(1) img{transform:rotate(-3deg)}.c27x .bt-wild .wr:nth-of-type(3) img{transform:rotate(2.5deg)}
.c27x .bt-wild .wr figcaption{position:static;background:none;padding:0;text-align:center;color:#6B665C}

/* 07 Social */
.c27x .bt-social{background:var(--cream);color:var(--navy);overflow:hidden}
.c27x .bt-social .stage{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr) minmax(0,2fr);gap:clamp(16px,2.4vw,40px);align-items:center}
.c27x .bt-social .feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border-radius:14px;overflow:hidden}
.c27x .bt-social .feed figure{margin:0;aspect-ratio:4/5;overflow:hidden}
.c27x .bt-social .feed img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.c27x .bt-social .feed figure:hover img{transform:scale(1.05)}
.c27x .bt-social .phone{margin:0;filter:drop-shadow(0 50px 60px rgba(24,32,79,.35))}
.c27x .bt-social .phone img{width:100%;height:auto;display:block}
.c27x .bt-social .stories{display:grid;gap:16px}
.c27x .bt-social .st{margin:0;border-radius:16px;overflow:hidden;box-shadow:0 30px 50px -28px rgba(24,32,79,.5)}
.c27x .bt-social .st:nth-child(1){transform:rotate(3deg)}.c27x .bt-social .st:nth-child(2){transform:rotate(-2.5deg)}
.c27x .bt-social .st img{width:100%;height:auto;display:block}
.c27x .bt-social .note{margin:24px 0 0;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#8E8A80}

/* 08 Deck: backgrounds and components in the brand */
.c27x .bg-bnavy{background:var(--navy);color:var(--cream)}
.c27x .bg-bcream{background:var(--cream);color:var(--navy)}
.c27x .bg-bred{background:var(--red);color:var(--cream)}
.c27x .bg-bcheck{background:var(--chk);--cs:60px;color:var(--navy)}
.c27x .bg-bcheck .dk-cap{background:var(--cream)!important;padding:8px 12px!important;border-radius:8px!important;opacity:1!important}
.c27x .bt-deck .xl-steps li.on .mono{color:var(--red)}
.c27x .bt-cp{font-family:Gilroy,sans-serif}
.c27x .bt-cp .mono{color:var(--red)}
.c27x .bt-cp .mut{color:#8E8A80}
.c27x .bt-cp .cp-btn{background:var(--red)}
.c27x .bt-ticket .hey{display:grid;gap:4px}
.c27x .bt-ticket .hey small{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#8E8A80}
.c27x .bt-ticket .hey b{font-size:clamp(24px,2.2vw,32px);color:var(--red);line-height:1.1}
.c27x .bt-ticket ul{list-style:none;margin:0;padding:12px 0;display:grid;gap:8px;border-top:1px dashed #E2D8C4;border-bottom:1px dashed #E2D8C4}
.c27x .bt-ticket li{display:grid;grid-template-columns:24px 1fr auto;gap:10px;font-weight:600;color:var(--navy)}
.c27x .bt-ticket li span{color:#8E8A80}.c27x .bt-ticket li em{font-style:normal;font-family:Archivo,sans-serif;font-stretch:72%;font-weight:700}
.c27x .bt-ticket .cp-row b{font:400 26px/1 Anton,sans-serif;color:var(--navy)}
.c27x .bt-punch{background:var(--cream)}
.c27x .bt-punch .top{display:flex;justify-content:space-between}
.c27x .bt-punch .pn{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.c27x .bt-punch .pn i{aspect-ratio:1;border-radius:50%;border:2px dashed #CDBF9F;display:grid;place-items:center}
.c27x .bt-punch .pn i.on{border:0;background:var(--red);color:var(--cream)}
.c27x .bt-punch .pn svg{width:52%;height:52%}
.c27x .bt-punch .cp-row b{color:var(--red);font-size:18px}
.c27x .bt-review .who{display:flex;gap:12px;align-items:center}
.c27x .bt-review .av{width:40px;height:40px;border-radius:50%;background:var(--navy);color:var(--cream);display:grid;place-items:center;font-weight:700;font-size:14px}
.c27x .bt-review .who b{display:block;color:var(--navy)}.c27x .bt-review .who small{color:#8E8A80;font-size:12px}
.c27x .bt-review .st{display:flex;gap:2px;color:var(--ched)}.c27x .bt-review .st svg{width:20px;height:20px}
.c27x .bt-review p{margin:0;color:#3A3A44}
.c27x .bt-review .rp{background:var(--cream);border-radius:12px;padding:12px 14px}
.c27x .bt-review .rp p{margin:4px 0 0;font-weight:600;color:var(--navy)}
.c27x .bt-cater .ok{color:#1A7F37}
.c27x .bt-cater .t{color:var(--navy)}
.c27x .bt-cater .cp-row b{color:var(--red)}

/* 09 Lookbook strip */
.c27x .bt-book{background:var(--navy);color:var(--cream);padding-inline:0}
.c27x .bt-book .hd{padding-inline:clamp(20px,5vw,90px)}
.c27x .bt-book .eyebrow{color:var(--ched)}
.c27x .bt-book .strip{overflow-x:auto;scrollbar-width:none;padding:0 clamp(20px,5vw,90px) 10px}
.c27x .bt-book .strip::-webkit-scrollbar{display:none}
.c27x .bt-book .strip:focus{outline:none}
.c27x .bt-book .tr{display:flex;gap:clamp(12px,1.4vw,22px);width:max-content}
.c27x .bt-book figure{margin:0;width:clamp(300px,36vw,620px);display:grid;gap:12px}
.c27x .bt-book figure img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;display:block;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.c27x .bt-book figcaption{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#B7BBD3}

/* 10 Website (placeholders until the site launches) */
.c27x .bt-site{background:var(--cream);color:var(--navy);overflow:hidden}
.c27x .bt-site .bx{position:relative;width:min(100%,1240px);margin:0 auto}
.c27x .bt-site .desk{margin:0;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 50px 90px -40px rgba(24,32,79,.55)}
.c27x .bt-site .bar{display:flex;align-items:center;gap:6px;height:32px;padding:0 14px;background:#fff;border-bottom:1px solid #ECECEF}
.c27x .bt-site .bar i{width:7px;height:7px;border-radius:50%;background:#DADDE3}
.c27x .bt-site .bar span{margin:0 auto;font:500 10.5px/1 "Geist Mono",monospace;color:#9AA1AE;transform:translateX(-14px)}
.c27x .bt-site .scr{height:clamp(320px,44vw,700px);overflow:hidden;position:relative}
.c27x .bt-site .scr img{display:block;width:100%;height:auto;border-radius:0;transform:translateY(0);transition:transform 12s cubic-bezier(.45,0,.55,1)}
.c27x .bt-site .desk:hover .scr img,.c27x .bt-site .desk.run .scr img{transform:translateY(calc(-100% + clamp(320px,44vw,700px)))}
.c27x .bt-site .tag{position:absolute;right:clamp(-10px,-2vw,-30px);top:clamp(40px,6vw,90px);display:flex;gap:12px;align-items:center;background:var(--navy);color:var(--cream);border-radius:16px;padding:14px 18px;box-shadow:0 30px 50px -24px rgba(24,32,79,.6)}
.c27x .bt-site .tag .dot{width:10px;height:10px;border-radius:50%;background:var(--ched);box-shadow:0 0 0 6px rgba(255,179,33,.2);animation:bt-blink 1.6s ease-in-out infinite}
.c27x .bt-site .tag b{display:block;font-size:15px}.c27x .bt-site .tag small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.c27x .bt-site .ph{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:clamp(20px,2.4vw,36px)}
.c27x .bt-site .pl{border-radius:20px;min-height:clamp(120px,11vw,180px);padding:20px;display:flex;flex-direction:column;justify-content:space-between;background:repeating-linear-gradient(135deg,#F6EAD2 0 10px,#FFF3DC 10px 20px);box-shadow:inset 0 0 0 1.5px #EADDC2}
.c27x .bt-site .pl .mono{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#A69B83}
.c27x .bt-site .pl b{font:600 clamp(20px,1.8vw,28px)/1 Gilroy,sans-serif;color:var(--navy)}

@media (max-width:1100px){
	.c27x .bt-band .hd,.c27x .bt-sealband,.c27x .bt-words p{grid-template-columns:1fr}
	.c27x .bt-hero .mk{grid-column:1/-1}
	.c27x .bt-hero .ph{grid-column:1/-1;min-height:300px;margin-top:24px}
	.c27x .bt-hero .sl{left:auto;right:24px;bottom:auto;top:calc(50% - 40px);width:140px}
	.c27x .bt-hero .cl{display:none}
	.c27x .bt-sealband .ck{width:100%;height:46%;bottom:auto}
	.c27x .bt-brand .lg,.c27x .bt-brand .nv,.c27x .bt-brand .rd,.c27x .bt-brand .wh,.c27x .bt-brand .ck{grid-column:span 12;grid-row:auto}
	.c27x .bt-type .specs{grid-template-columns:1fr}
	.c27x .bt-wild .w7,.c27x .bt-wild .w5,.c27x .bt-wild .w4{grid-column:span 12}
	.c27x .bt-wild .wraps{grid-template-columns:1fr 1fr}
	.c27x .bt-wild .wraps .tx{grid-column:1/-1}
	.c27x .bt-social .stage{grid-template-columns:1fr 1fr}
	.c27x .bt-social .feed{grid-column:1/-1}
	.c27x .bt-site .ph{grid-template-columns:1fr 1fr}
	.c27x .bt-site .tag{right:12px;top:auto;bottom:16px}
}
@media (max-width:600px){
	.c27x .bt-hero .sl{width:104px;top:auto;bottom:70px}
	.c27x .bt-sealband .row .bt-seal{width:76px}
	.c27x .bt-social .stage{grid-template-columns:1fr}
	.c27x .bt-social .phone{width:min(78%,300px);justify-self:center}
	.c27x .bt-social .stories{grid-template-columns:1fr 1fr}
	.c27x .bt-wild .wraps{grid-template-columns:1fr}
	.c27x .bt-wild .wr{width:min(80%,300px);justify-self:center}
}
@media (prefers-reduced-motion:reduce){
	.c27x .bt-seal.spin .rg,.c27x .bt-words .tr,.c27x .bt-site .tag .dot{animation:none}
	.c27x .bt-hero .mk .wm,.c27x .bt-hero .ph,.c27x .bt-hero .sl,.c27x .bt-hero .cl{animation:none}
	.c27x .bt-site .scr img{transition:none}
}
@keyframes bt-blink{50%{opacity:.25}}
/* Primary logo is the badge (owner, 2026-11-13) */
.c27x .bt-brand .lg .bdg{width:min(84%,640px)}
.c27x .bt-brand .nv .bdg{width:min(80%,330px)}
.c27x .bt-brand .wh .web{width:min(80%,420px)}
/* In the wild and the logo grid run the same width as the photo band (owner, 2026-11-13) */
.c27x .bt-wild,.c27x .bt-brand{padding-inline:10px}
.c27x .bt-wild .hd,.c27x .bt-brand .hd{padding-inline:calc(clamp(20px,5vw,90px) - 10px)}
/* Deck ticket rows: quantity, item, price on one line */
.c27x.bt .bt-ticket ul li{display:grid!important;grid-template-columns:22px minmax(0,1fr) auto!important;align-items:baseline;gap:10px;margin:0;padding:0}
.c27x.bt .bt-ticket ul li span,.c27x.bt .bt-ticket ul li em{display:inline!important;margin:0}
.c27x.bt .bt-deck .xl-sticky{padding-inline:clamp(20px,3vw,40px)}
/* Hero badge smaller (owner, 2026-11-13) */
.c27x .bt-hero .mk .wm{width:min(74%,520px);margin:0 auto 0 4%}
@media (max-width:1100px){.c27x .bt-hero .mk .wm{width:min(80%,420px);margin:0 auto}}
/* Hero, calmer (owner, 2026-11-13): badge with the line under it, one photo, no seal */
.c27x .bt-hero .mk{display:grid;justify-items:center;gap:clamp(18px,2vw,30px)}
.c27x .bt-hero .mk .wm{margin:0 auto;width:min(70%,480px)}
.c27x .bt-hero .mk .cl{position:static;transform:rotate(-3deg);font-size:clamp(20px,2vw,32px)}
@media (max-width:1100px){.c27x .bt-hero .mk .wm{width:min(78%,400px)}}
/* Seal row: four seals across the full width (owner, 2026-11-13) */
.c27x .bt-sealband .row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,24px)}
.c27x .bt-sealband .row .bt-seal{width:100%}
/* Intro: thick cheddar underline behind "A brand concept" */
.c27x.bt .bt-hl{background:linear-gradient(180deg,transparent 56%,var(--ched) 56%,var(--ched) 90%,transparent 90%);color:inherit;padding:0 .12em;margin:0 -.06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* Contents: cheddar, not pink */
.c27x.bt .cf-toc .n,.c27x.bt .cf-toc>.cf-in>.mono{color:var(--ched)!important}
/* Hero seal: bigger, over the basket check, half on cream and half on the photo */
.c27x .bt-hero .sl{--sw:clamp(220px,21vw,330px);width:var(--sw);left:calc(clamp(20px,4vw,72px) + (100% - 2 * clamp(20px,4vw,72px)) * 7 / 12 - var(--sw) / 2);bottom:clamp(14px,1.4vw,24px)}
@media (max-width:1100px){.c27x .bt-hero .sl{--sw:clamp(130px,36vw,220px);left:auto;right:clamp(14px,5vw,40px);bottom:clamp(14px,3vw,24px)}}
/* 09 Lookbook: all thirty pages in a grid, then a download (owner, 2026-11-13) */
.c27x .bt-book .bk-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.4vw,22px) clamp(10px,1.1vw,18px);padding-inline:clamp(20px,5vw,90px)}
.c27x .bt-book .bk-grid figure{margin:0;width:auto;display:grid;gap:10px;position:relative}
.c27x .bt-book .bk-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;display:block;box-shadow:0 24px 40px -26px rgba(0,0,0,.7);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.c27x .bt-book .bk-grid figure:hover img{transform:translateY(-4px)}
.c27x.bt .bt-book .bk-grid figcaption{position:static!important;background:none!important;padding:0!important;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#B7BBD3}
.c27x .bt-book .bk-dl{padding:clamp(32px,3.6vw,56px) clamp(20px,5vw,90px) 0}
.c27x.bt .bt-btn{display:inline-flex;align-items:center;gap:14px;background:var(--red);color:#fff!important;text-decoration:none;font:600 16px/1 Gilroy,sans-serif;padding:18px 26px;border-radius:999px;transition:transform .3s cubic-bezier(.2,.7,.2,1),background .3s}
.c27x.bt .bt-btn:hover{transform:translateY(-2px);background:#B81E26}
.c27x.bt .bt-btn .mono{font-size:10.5px;letter-spacing:.14em;opacity:.8}
@media (max-width:1100px){.c27x .bt-book .bk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.c27x .bt-book .bk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Hero badge up to 610px; seal spins again */
.c27x .bt-hero .mk .wm{width:min(88%,610px)}
@media (max-width:1100px){.c27x .bt-hero .mk .wm{width:min(84%,460px)}}

/* Lookbook: two rows start at the text edge, run past the right edge of the browser and slide out the left as you scroll */
.c27x .bt-book .bk-run{position:relative}
.c27x .bt-book .bk-pin{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden}
.c27x .bt-book .bk-rows{display:grid;gap:clamp(18px,2vw,30px);padding-left:calc(50vw - 50% + clamp(20px,5vw,90px));width:max-content;will-change:transform}
.c27x .bt-book .bk-row{display:flex;gap:clamp(12px,1.3vw,20px)}
.c27x .bt-book .bk-row+.bk-row{margin-left:clamp(90px,11vw,200px)}
.c27x .bt-book .bk-row figure{margin:0;width:clamp(240px,22vw,400px);display:grid;gap:10px}
.c27x .bt-book .bk-row img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;display:block;box-shadow:0 24px 40px -26px rgba(0,0,0,.7)}
.c27x.bt .bt-book .bk-row figcaption{position:static!important;background:none!important;padding:0!important;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#B7BBD3}
.c27x .bt-book.pin .bk-pin{position:sticky;top:0;height:100vh;display:flex;align-items:center}
@media (max-width:900px),(prefers-reduced-motion:reduce){
	.c27x .bt-book .bk-pin{overflow-x:auto;scrollbar-width:none;padding-bottom:6px}
	.c27x .bt-book .bk-pin::-webkit-scrollbar{display:none}
	.c27x .bt-book .bk-rows{padding-right:clamp(20px,5vw,90px)}
	.c27x .bt-book .bk-row+.bk-row{margin-left:0}
}
/* Website band on red so the cream screens stand off it */
.c27x .bt-site{background:var(--red);color:var(--cream)}
.c27x.bt .bt-site .eyebrow{color:var(--cream);opacity:.8}
.c27x .bt-site h2,.c27x .bt-site .hd p{color:var(--cream)}
.c27x .bt-site .pl{background:repeating-linear-gradient(135deg,#C91F27 0 10px,#D7262E 10px 20px);box-shadow:inset 0 0 0 1.5px rgba(255,243,220,.35)}
.c27x .bt-site .pl .mono{color:rgba(255,243,220,.7)}
.c27x .bt-site .pl b{color:var(--cream)}
.c27x .bt-book.pin .bk-pin{top:var(--hb,0px);height:calc(100vh - var(--hb,0px))}
/* Lookbook rows scroll sideways only when the visitor does it (no pin) */
.c27x .bt-book.pin .bk-pin,.c27x .bt-book .bk-pin{position:static;height:auto;display:block;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding-bottom:8px;cursor:grab;overscroll-behavior-x:contain}
.c27x .bt-book .bk-pin::-webkit-scrollbar{display:none}
.c27x .bt-book .bk-pin.drag{cursor:grabbing;user-select:none}
.c27x .bt-book .bk-rows{transform:none!important;padding-right:clamp(20px,5vw,90px)}
.c27x .bt-book .bk-row figure{width:clamp(260px,27vw,500px)}
.c27x .bt-book .bk-row img{-webkit-user-drag:none}
.c27x .bt-book .bk-nav{display:flex;gap:10px;justify-content:flex-end;padding:clamp(18px,2vw,28px) clamp(20px,5vw,90px) 0}
.c27x .bt-book .bk-nav button{width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(255,243,220,.4);background:none;color:var(--cream);font-size:20px;line-height:1;cursor:pointer;transition:background .2s,color .2s,opacity .2s;outline:none}
.c27x .bt-book .bk-nav button:hover:not(:disabled){background:var(--cream);color:var(--navy)}
.c27x .bt-book .bk-nav button:disabled{opacity:.3;cursor:default}
@media (max-width:900px){.c27x .bt-book .bk-nav{display:none}}
/* Lookbook band: navy 50% darker so the pages stand off it */
.c27x .bt-book{background:#0C1028}
/* Intro: lookbook PDF button under the paragraph */
.c27x.bt .cf-dl{margin-top:clamp(24px,2.4vw,36px)}
.c27x.bt .bt-btn-nv{background:var(--navy);margin-left:10px}
.c27x.bt .bt-btn-nv:hover{background:#0C1028}
@media (max-width:600px){.c27x.bt .bt-btn-nv{margin-left:0}.c27x.bt .cf-leadwrap .bt-btn{margin-right:8px}}
/* Website section, live concept site (2026-11-13): stage, pages, menu modal, components */
.c27x .bt-site .hd .bt-btn-cr{background:var(--cream);color:var(--navy)!important;margin-top:22px}
.c27x .bt-site .hd .bt-btn-cr:hover{background:#fff}
.c27x .bt-site .st{position:relative;width:min(100%,1320px);margin:clamp(40px,5vw,80px) auto 0;padding-bottom:clamp(60px,7vw,120px)}
.c27x .bt-site .st .desk{width:82%;margin:0 auto 0 6%}
.c27x .bt-site .st .scr{height:clamp(300px,40vw,640px)}
.c27x .bt-site .st .desk:hover .scr img,.c27x .bt-site .st .desk.run .scr img{transform:translateY(calc(-100% + clamp(300px,40vw,640px)))}
.c27x .bt-site .phn{border:clamp(5px,.6vw,9px) solid #0C1028;border-radius:clamp(26px,2.6vw,40px);overflow:hidden;background:#0C1028;aspect-ratio:9/19.5;box-shadow:0 40px 70px -30px rgba(12,16,40,.75)}
.c27x .bt-site .phn img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:0}
.c27x .bt-site .phw{position:absolute;right:0;bottom:0;width:clamp(150px,17vw,260px);rotate:3deg}
.c27x .bt-site .tk{position:absolute;left:0;bottom:clamp(-20px,-1vw,0px);width:clamp(150px,16vw,250px);rotate:-5deg;filter:drop-shadow(0 30px 40px rgba(12,16,40,.45))}
.c27x .bt-site .tk img{display:block;width:100%;height:auto;border-radius:0}
.c27x .bt-site .ty{position:absolute;top:clamp(-34px,-2.4vw,-20px);right:4%;display:flex;align-items:center;gap:14px;width:clamp(300px,28vw,420px);background:var(--navy);color:var(--cream);border-radius:18px;padding:16px 18px;box-shadow:0 30px 60px -24px rgba(12,16,40,.7)}
.c27x .bt-site .ty-ic{flex:none;width:46px;height:46px;border-radius:12px;background:var(--red);color:var(--cream);display:grid;place-items:center;font-size:26px;line-height:1}
.c27x .bt-site .ty b{display:block;font-size:clamp(17px,1.4vw,21px);line-height:1.05;letter-spacing:.01em;text-transform:uppercase}
.c27x .bt-site .ty small{display:block;margin-top:4px;font-size:12px;opacity:.7}
.c27x .bt-site .ty-t{margin-left:auto;align-self:flex-start;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ched)}
.c27x .bt-site .pg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.4vw,40px) clamp(16px,2vw,32px);width:min(100%,1320px);margin:clamp(30px,4vw,60px) auto 0}
.c27x .bt-site .pgi:nth-child(even){transform:translateY(clamp(30px,4vw,70px))}
.c27x .bt-site .win{margin:0;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 40px 70px -34px rgba(12,16,40,.6)}
.c27x .bt-site .win img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:0}
.c27x .bt-site .lb{display:flex;justify-content:space-between;margin-top:12px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--cream)}
.c27x .bt-site .lb span+span{opacity:.6;text-transform:none;letter-spacing:.04em}
.c27x .bt-site .md{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(20px,2.4vw,40px);align-items:center;width:min(100%,1320px);margin:clamp(100px,10vw,170px) auto 0;background:var(--navy);border-radius:28px;padding:clamp(28px,4vw,64px)}
.c27x .bt-site .md-tx{grid-column:1/span 4}
.c27x .bt-site .md-tx .eyebrow{color:var(--ched)}
.c27x .bt-site .md-tx h3{font:600 clamp(28px,2.6vw,42px)/1.05 Gilroy,sans-serif;color:var(--cream);margin:12px 0 14px}
.c27x .bt-site .md-tx p{color:rgba(255,243,220,.78);font-size:16px;line-height:1.55;margin:0}
.c27x .bt-site .md-ph{grid-column:5/span 3;max-width:270px;justify-self:center;width:100%}
.c27x .bt-site .md-cs{grid-column:8/-1;display:grid;gap:16px}
.c27x .bt-site .kd img{display:block;width:100%;height:auto;border-radius:0;rotate:-1.5deg;box-shadow:10px 10px 0 var(--red)}
.c27x .bt-site .rv{background:var(--cream);color:var(--navy);border-radius:18px;padding:20px 22px;rotate:1deg}
.c27x .bt-site .rv-st{color:var(--red);letter-spacing:.14em;font-size:15px}
.c27x .bt-site .rv p{font-size:clamp(17px,1.4vw,21px);line-height:1.2;margin:8px 0 14px;color:var(--navy)}
.c27x .bt-site .rv-by{display:flex;align-items:center;gap:10px}
.c27x .bt-site .rv-av{width:34px;height:34px;border-radius:50%;background:var(--navy);color:var(--cream);display:grid;place-items:center;font-size:16px}
.c27x .bt-site .rv-by b{display:block;font-size:14px}.c27x .bt-site .rv-by small{font-size:10px;letter-spacing:.08em;opacity:.65}
.c27x .bt-site .cx{background:var(--red);color:var(--cream);border-radius:18px;padding:18px 22px;rotate:-.8deg}
.c27x .bt-site .cx-h{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.c27x .bt-site .cx-ok{background:var(--cream);color:var(--red);border-radius:999px;padding:4px 10px}
.c27x .bt-site .cx b{display:block;font-size:clamp(20px,1.7vw,26px);margin:10px 0 8px;letter-spacing:.01em;text-transform:uppercase}
.c27x .bt-site .cx-r{display:flex;justify-content:space-between;gap:12px;font-size:13px;opacity:.85}
@media (max-width:1000px){
	.c27x .bt-site .ty{display:none}
	.c27x .bt-site .st .desk{width:100%;margin:0}
	.c27x .bt-site .phw{width:clamp(110px,26vw,170px);right:-6px;bottom:10px}
	.c27x .bt-site .tk{width:clamp(120px,30vw,180px);left:-6px;bottom:-10px}
	.c27x .bt-site .pg{grid-template-columns:1fr}
	.c27x .bt-site .pgi:nth-child(even){transform:none}
	.c27x .bt-site .md{grid-template-columns:1fr;border-radius:22px}
	.c27x .bt-site .md>*{grid-column:1/-1!important}
	.c27x .bt-site .md-ph{max-width:220px}
}
@media (prefers-reduced-motion:reduce){.c27x .bt-site .st .scr img{transition:none}}
.c27x .bt-site .hr{background:var(--cream);color:var(--navy);border-radius:18px;padding:20px 22px;rotate:1deg}
.c27x .bt-site .hr-h{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.c27x .bt-site .hr-dot{width:9px;height:9px;border-radius:50%;background:var(--ched);box-shadow:0 0 0 5px rgba(255,179,33,.25)}
.c27x .bt-site .hr b{display:block;font-size:clamp(24px,2vw,32px);margin:10px 0 10px;text-transform:uppercase;letter-spacing:.01em}
.c27x .bt-site .hr-r{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:8px 0;border-top:1px dashed rgba(24,32,79,.3)}
.c27x.bt .bt-site .md-tx h3{color:var(--cream)!important}
.c27x .bt-site .hd .bt-btn-cr{width:max-content;justify-self:start;align-self:start}
/* Menu panel sits on the red, so the navy phone and card stand off it */
.c27x .bt-site .md{background:transparent;padding-inline:0}
.c27x .bt-site .kd img{box-shadow:10px 10px 0 #0C1028}
.c27x.bt .bt-site .md-tx .eyebrow{color:var(--cream);opacity:.8}
.c27x.bt .bt-site .md-tx h3,.c27x.bt .bt-site .md-tx h3 *{color:var(--cream)!important}
.c27x .bt-site .md-tx p{color:rgba(255,243,220,.88)}