.yt-source-window{position:relative;width:100%;overflow:hidden;background:#fff}
.yt-source-window>img{position:absolute;display:block;max-width:none;height:auto;filter:none}
.yt-preview{padding-bottom:95px}
.yt-preview>.yt-source-window{max-width:1200px;margin-inline:auto}
.yt-preview figcaption{max-width:1200px;margin:18px auto 0;font-size:11px;line-height:1.6;color:#666}
.yt-gallery{padding-top:85px;padding-bottom:110px;border-top:1px solid #d8d8d8}
.yt-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center;margin-bottom:65px}
.yt-heading h2,.yt-content h2{font-size:clamp(40px,5.3vw,82px);line-height:1.02;letter-spacing:-.03em;margin:20px 0 0}
.yt-logo{width:100%;max-width:170px;justify-self:center}
.yt-identity{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.yt-beach{width:100%;max-width:500px;justify-self:center}
.yt-copy h3{font-size:clamp(32px,3.7vw,56px);line-height:1.06;letter-spacing:-.025em;margin:0 0 28px}
.yt-copy p{font-size:18px;line-height:1.65;color:#555;max-width:520px;margin:0}
.yt-gallery figcaption{font-size:12px;line-height:1.6;color:#666;margin-top:18px}
.yt-gallery figcaption>span{display:block}
.yt-gallery figcaption>span:first-child{font-weight:600;color:#0a0a0a}
.yt-gallery figcaption>span+span{margin-top:4px}
.yt-palette{max-width:500px;margin-top:40px}
.yt-brand-intro{margin-bottom:45px}
.yt-brand-intro p{max-width:720px}
.yt-brand-boards{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1200px;margin-inline:auto;align-items:start}
.yt-brand-boards>figure{min-width:0}
@media(max-width:600px){.yt-brand-boards{grid-template-columns:1fr;gap:40px}.yt-brand-intro{margin-bottom:35px}}
.yt-content{border-top:1px solid #d8d8d8;margin-top:100px;padding-top:65px}
.yt-content-head{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end;margin-bottom:50px}
.yt-content p{margin-top:28px}
.yt-content>.yt-pages{width:100%;max-width:1120px;min-width:0;margin-inline:auto}
.yt-page-switcher{display:flex;gap:28px;flex-wrap:wrap;margin-bottom:22px}
.yt-page-switcher button{appearance:none;background:none;border:0;border-bottom:2px solid transparent;border-radius:0;padding:10px 0;font:inherit;font-size:14px;line-height:1.4;color:#666;cursor:pointer}
.yt-page-switcher button[aria-pressed="true"]{border-color:#0a0a0a;color:#0a0a0a;font-weight:700}
.yt-page-switcher button:hover{color:#0a0a0a}
.yt-browser{overflow:hidden;border:1px solid #cfcfcf;border-radius:10px;background:#fff;box-shadow:0 15px 45px rgba(0,0,0,.09)}
.yt-browser-toolbar{height:44px;display:grid;grid-template-columns:40px 1fr 40px;gap:12px;align-items:center;padding:0 16px;background:#f4f4f4;border-bottom:1px solid #ddd;text-align:center;font-size:12px;color:#666}
.yt-browser-dots{display:flex;gap:5px}
.yt-browser-dots i{width:7px;height:7px;border-radius:50%;background:#bbb}
.yt-browser-screen{height:clamp(330px,52vw,640px);overflow:auto;background:#fff;scrollbar-gutter:stable}
.yt-browser-screen[hidden]{display:none}
.yt-browser-screen>img{display:block;width:100%;height:auto;filter:none}
@media(max-width:900px){.yt-heading{gap:40px}.yt-heading h2,.yt-content h2{font-size:52px}.yt-identity{gap:40px}.yt-content-head{grid-template-columns:1fr;gap:0;margin-bottom:35px}.yt-copy p{font-size:17px}}
@media(max-width:600px){.yt-preview{padding-bottom:65px}.yt-gallery{padding-top:60px;padding-bottom:65px}.yt-heading{grid-template-columns:1fr;gap:35px;margin-bottom:40px}.yt-heading h2,.yt-content h2{font-size:42px}.yt-logo{max-width:145px;justify-self:start}.yt-identity,.yt-content{grid-template-columns:1fr;gap:35px}.yt-copy h3{font-size:34px}.yt-copy p{font-size:16px}.yt-palette{margin-top:30px}.yt-content{margin-top:60px;padding-top:45px}.yt-gallery figcaption{font-size:11px;margin-top:14px}}
@media(max-width:600px){.yt-page-switcher{gap:22px;margin-bottom:16px}.yt-page-switcher button{font-size:13px}.yt-browser{border-radius:7px}.yt-browser-toolbar{height:36px;padding-inline:12px;font-size:11px}.yt-browser-screen{height:360px}}