.doocBrandPage{--navy:#101c2c;--teal:#20b8a6;--amber:#f2a84b;--mist:#f3f6f7;background:var(--mist);min-height:100vh;color:var(--navy);font-family:var(--font-sans),sans-serif}.doocBrandPage *{box-sizing:border-box}.doocBrandPage nav{background:#fff;border-bottom:1px solid #d8e0e3;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(22px,6vw,88px);display:flex}.doocBrandPage nav a{color:inherit;align-items:center;gap:8px;font-size:13px;font-weight:800;text-decoration:none;display:flex}.doocBrandPage nav svg{width:17px}.doocBrandPage nav span,.doocBrandPage small{letter-spacing:.16em;font-size:10px;font-weight:800}.doocBrandHero{background:var(--navy);color:#fff;grid-template-columns:1.05fr .95fr;align-items:center;gap:8vw;min-height:690px;padding:clamp(64px,8vw,120px);display:grid;overflow:hidden}.doocBrandHero small{color:var(--teal)}.doocBrandHero h1{font:700 clamp(54px,6vw,94px)/.95 var(--font-sans);letter-spacing:-.055em;margin:22px 0 30px}.doocBrandHero h1 em{color:var(--teal);font-style:normal}.doocBrandHero>div>p{color:#b7c5cf;max-width:640px;font-size:18px;line-height:1.75}.doocBrandHero figure{background:#fff;margin:0;padding:28px;box-shadow:0 40px 100px #030a134f}.doocBrandHero figure img{width:100%;height:auto;display:block}.doocBrandHero figcaption{color:#53606b;border-top:1px solid #e1e6e8;padding:18px 8px 2px;font-size:13px;line-height:1.65}.doocBrandPrinciples{background:#fff;grid-template-columns:repeat(3,1fr);margin-top:-1px;padding:0 clamp(22px,6vw,88px);display:grid}.doocBrandPrinciples article{border-left:1px solid #dce3e6;padding:55px 38px;position:relative}.doocBrandPrinciples article:last-child{border-right:1px solid #dce3e6}.doocBrandPrinciples svg{width:26px;height:26px;color:var(--teal)}.doocBrandPrinciples span{color:#a5b0b7;font-size:11px;position:absolute;top:28px;right:28px}.doocBrandPrinciples h2{margin:35px 0 10px;font-size:28px}.doocBrandPrinciples p{color:#64717a;font-size:14px;line-height:1.7}.doocPalette{padding:110px clamp(22px,7vw,110px)}.doocPalette>header{grid-template-columns:.6fr 1.4fr;align-items:end;margin-bottom:42px;display:grid}.doocPalette h2{font:500 clamp(42px,4.5vw,70px)/1 var(--font-display);margin:0}.doocPalette>div{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.doocPalette article{background:#fff;border:1px solid #dbe2e5}.doocPalette article>span{height:180px;display:block}.doocPalette article>div{grid-template-columns:1fr auto;gap:5px;padding:20px;display:grid}.doocPalette code{color:#6d7a83}.doocPalette p{color:#6c7780;grid-column:1/-1;font-size:12px;line-height:1.5}.doocType{background:#fff;grid-template-columns:1fr 1fr;display:grid}.doocType>div{border-top:1px solid #dce3e6;padding:90px clamp(30px,7vw,110px)}.doocType>div:first-child{border-right:1px solid #dce3e6}.doocType h2{letter-spacing:-.04em;margin:25px 0 15px;font-size:40px}.doocType>div:last-child h2{font:600 50px/1 var(--font-display);letter-spacing:0}.doocType p{color:#68757e;line-height:1.7}.doocVoice{background:var(--teal);grid-template-columns:1fr 1fr;align-items:end;gap:8vw;padding:90px clamp(30px,8vw,125px);display:grid}.doocVoice svg{width:30px}.doocVoice small{margin-top:25px;display:block}.doocVoice h2{letter-spacing:-.05em;margin:10px 0;font-size:52px}.doocVoice>p{font:500 28px/1.5 var(--font-display);margin:0}@media (max-width:800px){.doocBrandPage nav span{display:none}.doocBrandHero{grid-template-columns:1fr;padding:70px 24px}.doocBrandPrinciples,.doocPalette>div{grid-template-columns:1fr}.doocBrandPrinciples article{border-bottom:1px solid #dce3e6;border-right:1px solid #dce3e6}.doocPalette>header,.doocType,.doocVoice{grid-template-columns:1fr;gap:28px}.doocPalette>header small{margin-bottom:18px}.doocPalette article{grid-template-columns:120px 1fr;display:grid}.doocPalette article>span{height:100%}.doocType>div:first-child{border-right:0}.doocType>div,.doocVoice{padding:70px 26px}.doocBrandHero h1{font-size:52px}.doocVoice h2{font-size:42px}}