@font-face{font-family:TBUBO Story Condensed;src:url('tbubo-story-bebas.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.tbubo-exact-story{background:#060606;color:#f4f3ef;width:100%;overflow:hidden;font-family:Arial,sans-serif;container-type:inline-size}
.tbubo-exact-story *{box-sizing:border-box}
.tbubo-exact-story__canvas{position:relative;width:100%;aspect-ratio:887/1774;isolation:isolate}
.tbubo-exact-story__plate{position:absolute;inset:0;z-index:-1}
.tbubo-exact-story__plate img{display:block;width:100%;height:100%;object-fit:fill}
.tbubo-exact-story__copy{position:absolute;margin:0;padding:0;color:#f4f3ef}
.tbubo-exact-story__copy--hero{left:4.8%;top:5.4%;width:39%}
.tbubo-exact-story__copy--values{left:53.4%;top:34.5%;width:33%}
.tbubo-exact-story__copy--products{left:4.8%;top:57%;width:42%}
.tbubo-exact-story__copy--lifestyle{left:60%;top:80.3%;width:36%}
.tbubo-exact-story__eyebrow{font:600 1.15cqw/1.4 Arial,sans-serif;letter-spacing:.2em;color:#ef2638;margin:0 0 1cqw;display:flex;align-items:center;gap:1.6cqw}
.tbubo-exact-story__eyebrow:after{content:'';height:1px;flex:1;background:#686868}
.tbubo-exact-story h1,.tbubo-exact-story h2{font-family:TBUBO Story Condensed,Impact,sans-serif;font-weight:400;font-size:7cqw;line-height:.98;letter-spacing:-.015em;text-transform:uppercase;color:#f4f3ef;margin:0 0 1.5cqw;overflow-wrap:normal}
.tbubo-exact-story h1{font-size:8.2cqw}
.tbubo-exact-story__body{font:400 1.52cqw/1.38 Arial,sans-serif;color:#ddd}
.tbubo-exact-story__body p{margin:0;font:inherit}
.tbubo-exact-story__refrain{font:400 1.95cqw/1.2 TBUBO Story Condensed,Impact,sans-serif;letter-spacing:.035em;margin:1.5cqw 0 0;color:#eee}
.tbubo-exact-story__refrain:before{content:'';display:block;width:3.5cqw;height:2px;background:#d92536;margin-bottom:1.2cqw}
.tbubo-exact-story__standard{position:absolute;left:53.4%;top:50%;width:32%;padding:.5cqw;background:linear-gradient(90deg,#060606e8,#06060680)}
.tbubo-exact-story__standard .tbubo-brand-signature{display:block;width:100%;max-width:none;margin:0}
.tbubo-exact-story__standard img{display:block;width:100%;height:auto}
@media(max-width:749px){
 .tbubo-exact-story__canvas{aspect-ratio:auto;padding:34px 22px 28px;display:flex;flex-direction:column;gap:0}
 .tbubo-exact-story__plate{position:absolute;background:#060606}
 .tbubo-exact-story__plate img{height:auto;width:100%;opacity:.24;mask-image:linear-gradient(#000,transparent 95%)}
 .tbubo-exact-story__copy{position:relative;left:auto;top:auto;width:100%;padding:0 0 32px;max-width:560px}
 .tbubo-exact-story__copy:after{content:'';display:block;height:280px;margin:28px -22px 0;background-image:var(--story-plate);background-repeat:no-repeat;background-size:100% auto}
 .tbubo-exact-story__copy--hero:after{background-size:180% auto;background-position:100% 9%}
 .tbubo-exact-story__copy--values:after{background-size:180% auto;background-position:0 40%}
 .tbubo-exact-story__copy--products:after{background-size:180% auto;background-position:100% 70%}
 .tbubo-exact-story__copy--lifestyle:after{background-size:180% auto;background-position:0 100%}
 .tbubo-exact-story__eyebrow{font-size:11px;margin-bottom:14px;gap:16px}
 .tbubo-exact-story h1,.tbubo-exact-story h2{font-size:52px;line-height:1;margin-bottom:18px}
 .tbubo-exact-story__body{font-size:16px;line-height:1.55}
 .tbubo-exact-story__refrain{font-size:21px;margin-top:18px}
 .tbubo-exact-story__refrain:before{width:34px;margin-bottom:12px}
 .tbubo-exact-story__standard{position:relative;top:auto;left:auto;width:100%;max-width:450px;background:none;padding:0;margin:auto}
}
.tbubo-exact-story h2{width:135%;transform:scaleX(.74);transform-origin:left top}
.tbubo-exact-story__standard{top:51.5%;background:none;padding:0}
.tbubo-exact-story__copy{z-index:2}
@media(max-width:749px){.tbubo-exact-story h2{width:100%;transform:none}.tbubo-exact-story__standard{top:auto}}
@media(min-width:750px){
.tbubo-exact-story h1{font-size:7.5cqw}
.tbubo-exact-story__copy--hero .tbubo-exact-story__body{max-width:33cqw}
.tbubo-exact-story__copy--values h2{transform:scaleX(.94)}
.tbubo-exact-story__copy--products h2{transform:scaleX(.91)}
.tbubo-exact-story__copy--lifestyle h2{transform:scaleX(.85)}
.tbubo-exact-story__standard{left:4.8%;top:23%;width:34%}
}