:root{--bg:#050505;--fg:#ffffff;--mute:#8f8f8f;--line:#262626;--tile:#121212;--tile-hover:#1d1d1d;--viewer:rgba(5,5,5,.97);--display:"Jost","Futura","Century Gothic",sans-serif;--body:"DM Sans","Helvetica Neue",Arial,sans-serif;color-scheme:dark}:root[data-mode=light]{--bg:#ffffff;--fg:#0a0a0a;--mute:#666666;--line:#dcdcd9;--tile:#f1f1ef;--tile-hover:#e5e5e2;--viewer:rgba(255,255,255,.97);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .35s,color .35s}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--bg)}a{color:inherit;text-underline-offset:5px}p{margin:0}button{font:inherit;color:inherit}.wrap{max-width:1320px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}section{padding-block:clamp(72px,11vw,160px)}h1,h2{font-family:var(--display);font-weight:300;text-transform:uppercase;letter-spacing:.03em;line-height:1.02;margin:0;text-wrap:balance}h2{font-size:clamp(34px,5.4vw,76px)}.label{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:28px}:focus-visible{outline:2px solid var(--fg);outline-offset:4px}.btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--display);font-weight:500;font-size:16px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:18px 30px;border:1px solid var(--fg);cursor:pointer;background:none;transition:background .2s,color .2s}.btn svg{width:18px;height:18px;flex:none;transition:transform .2s}.btn:hover svg{transform:translate(5px)}.btn-solid{background:var(--fg);color:var(--bg)}.btn-solid:hover{background:transparent;color:var(--fg)}.btn-lg{padding:22px 40px;font-size:18px}.btn-sm{padding:11px 20px;font-size:13px}.cta-note{font-size:15px;color:var(--mute);margin-top:14px;max-width:34ch;line-height:1.45}.textlink{background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:5px;font-size:16px}.textlink:hover{color:var(--mute)}.note{min-height:26px;margin-top:18px;font-size:15px;color:var(--mute)}.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--bg);transition:background .35s}.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px}.logo img{display:block;height:34px;width:auto}:root[data-mode=light] .logo img,:root[data-mode=light] .foot-logo{filter:invert(1)}.top-right{display:flex;align-items:center;gap:20px}.mode{display:inline-flex;align-items:center;gap:10px;background:none;border:0;cursor:pointer;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);padding:8px 0}.mode:hover{color:var(--fg)}.mode i{display:block;width:18px;height:18px;border-radius:50%;border:1px solid currentColor;background:linear-gradient(90deg,currentColor 50%,transparent 50%)}@media(max-width:480px){.mode span{display:none}.logo img{height:28px}}.hero{padding-block:clamp(56px,10vw,150px) clamp(48px,7vw,96px)}.hero h1{font-size:clamp(46px,9.6vw,148px);max-width:12ch}.rot{display:inline-grid;vertical-align:bottom;border-bottom:1px solid currentColor}.rot span{grid-area:1/1;opacity:0;transform:translateY(.25em);transition:opacity .45s,transform .45s}.rot span.on{opacity:1;transform:none}.hero .sub{max-width:44ch;color:var(--mute);margin-top:32px;font-size:clamp(17px,1.5vw,20px)}.hero .cta{margin-top:44px}.quiet{margin-top:clamp(56px,8vw,112px);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}.work{padding-top:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:820px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tile{position:relative;aspect-ratio:4/5;background:var(--tile);border:0;padding:0;cursor:pointer;overflow:hidden;text-align:left;transition:background .25s}.tile:hover{background:var(--tile-hover)}.tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}.tile:hover img{transform:scale(1.04)}.tile .ph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.tile .cap{position:absolute;left:18px;right:18px;bottom:16px;display:flex;justify-content:space-between;gap:12px;font-family:var(--display);font-size:clamp(15px,1.6vw,20px);letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}.tile:hover .cap,.tile:focus-visible .cap{opacity:1;transform:none}@media(hover:none){.tile .cap{opacity:1;transform:none}}.tile.cta-tile{background:var(--fg);color:var(--bg);display:grid;place-items:center;text-decoration:none;text-align:center}.tile.cta-tile:hover{background:var(--fg);opacity:.9}.tile.cta-tile b{font-family:var(--display);font-weight:300;font-size:clamp(24px,3vw,42px);letter-spacing:.05em;text-transform:uppercase;line-height:1.1;display:block;padding:0 16px}.tile.cta-tile small{display:block;margin-top:12px;font-size:13px;letter-spacing:.14em;text-transform:uppercase}.video{padding-top:0}.frame{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9;background:var(--tile);border:0;cursor:pointer;transition:background .25s}.frame:hover{background:var(--tile-hover)}.play{display:grid;place-items:center;width:88px;height:88px;border:1px solid var(--fg);border-radius:50%;transition:transform .3s}.frame:hover .play{transform:scale(1.1)}.play svg{width:28px;height:28px;margin-left:4px}.frame small{position:absolute;left:20px;bottom:16px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.process-head{margin-bottom:clamp(32px,5vw,64px)}.proc{border-top:1px solid var(--line)}.row{border-bottom:1px solid var(--line)}.row>button{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:baseline;gap:8px 16px;width:100%;background:none;border:0;cursor:pointer;text-align:left;padding:clamp(16px,2.2vw,28px) 0}.row .num{font-size:13px;letter-spacing:.14em;color:var(--mute)}.row .name{font-family:var(--display);font-weight:300;font-size:clamp(32px,6.4vw,92px);line-height:1;letter-spacing:.03em;text-transform:uppercase;color:var(--mute);transition:color .25s,padding .3s}.row .plus{font-size:28px;line-height:1;color:var(--mute);transition:transform .3s}.row.open .name{color:var(--fg);padding-left:clamp(0px,1.4vw,20px)}.row.open .plus{transform:rotate(45deg);color:var(--fg)}.row .body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s}.row.open .body{grid-template-rows:1fr}.row .body>div{overflow:hidden}.row .body p{padding:0 0 28px 72px;max-width:60ch;color:var(--mute);font-size:clamp(17px,1.5vw,20px)}@media(max-width:560px){.row>button{grid-template-columns:36px minmax(0,1fr) auto}.row .body p{padding-left:52px}}.svcs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 32px}@media(max-width:900px){.svcs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.svcs{grid-template-columns:1fr}}.svcs h3{font-family:var(--display);font-weight:400;font-size:22px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px}.svcs p{color:var(--mute);font-size:16px}.contact h2{font-size:clamp(42px,9vw,132px);max-width:12ch}.contact .cta{margin-top:48px}.alt{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:center;margin-top:40px}.copy{margin-left:4px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);background:none;color:var(--mute);padding:4px 9px;cursor:pointer}.copy:hover{color:var(--fg);border-color:var(--fg)}footer{border-top:1px solid var(--line);padding-block:48px max(40px,env(safe-area-inset-bottom,0px));color:var(--mute);font-size:15px}footer .wrap{display:flex;flex-wrap:wrap;gap:24px 48px;justify-content:space-between;align-items:flex-end}.foot-logo{display:block;height:44px;width:auto}footer ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 28px}footer a{color:var(--fg);overflow-wrap:anywhere}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:var(--viewer);display:grid;grid-template-rows:auto 1fr auto;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.viewer[hidden]{display:none}.v-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.v-top button,.v-nav button{background:none;border:0;cursor:pointer;font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:12px 4px}.v-top button:hover,.v-nav button:hover{color:var(--mute)}.stage-wrap{display:grid;place-items:center;min-height:0;padding:12px 0}.stage{position:relative;height:min(100%,720px);aspect-ratio:4/5;max-width:100%;background:var(--tile);display:grid;place-items:center;color:var(--mute);font-size:13px;letter-spacing:.14em;text-transform:uppercase;overflow:hidden}.stage img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.v-nav{display:flex;justify-content:space-between;align-items:center;gap:16px}.v-title{font-family:var(--display);font-size:clamp(18px,2.4vw,26px);letter-spacing:.08em;text-transform:uppercase;text-align:center}.cursor{position:fixed;left:0;top:0;z-index:90;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--fg);color:var(--bg);display:grid;place-items:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;pointer-events:none;transform:translate3d(-200px,-200px,0) scale(0);transition:opacity .2s;opacity:0}.cursor.on{opacity:1}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}.rot span{transform:none}}
/*# sourceMappingURL=/cdn/shop/files/bb-base.css.map */