:root{--dn-ink:#101115;--dn-milk:#f1f0ec;--dn-silver:#cdd1d9;--dn-blue:#1a5ef6}body{background:var(--dn-milk)}#header-group,footer{--dn-nav:var(--dn-ink)}#header-group .header-section{border-bottom:1px solid rgba(205,209,217,.2)}.rte table,.product__description table{max-width:100%;display:block;overflow-x:auto}.dn{font-family:Arial,Helvetica,sans-serif;color:var(--dn-ink);overflow:hidden;background:var(--dn-milk)}.dn *{box-sizing:border-box}.dn a{text-decoration:none;color:inherit}.dn img{display:block;width:100%;height:100%;object-fit:cover}.dn h1,.dn h2,.dn p,.dn figure{margin:0}.dn .dn-kicker{font-size:11px;font-weight:700;letter-spacing:.21em;text-transform:uppercase;line-height:1.5}.dn-utility{background:#0e0f12;color:#d3d6dc;display:flex;gap:16px;justify-content:space-between;padding:11px 3vw;font-size:9px;font-weight:700;letter-spacing:.18em}.dn-hero{min-height:700px;display:grid;grid-template-columns:1fr 1fr;position:relative}.dn-hero__half{position:relative;isolation:isolate;overflow:hidden;min-height:700px;display:flex;align-items:end;padding:clamp(24px,5vw,84px);transition:filter .3s}.dn-hero__half:hover{filter:contrast(1.04)}.dn-hero__day{background:linear-gradient(135deg,#e6e7e8,#9da6b6);color:#0a0d16}.dn-hero__day-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 65% 30%,#f7f7f4 0,transparent 46%),linear-gradient(90deg,#e9ebed,#bac4d3)}.dn-hero__night{background:#0039d9;color:#fff}.dn-hero__pic{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.dn-hero__day-pic{top:2%;right:-12%;bottom:2%;left:11%;opacity:.88;mix-blend-mode:multiply}.dn-hero__day-pic img{object-fit:contain;object-position:center center}.dn-hero__night-pic img{object-position:center 22%;filter:saturate(1.06)}.dn-hero__night-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(0deg,rgba(4,7,22,.8),transparent 65%)}.dn-hero__day:after{position:absolute;content:"";top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(0deg,rgba(232,234,237,.92),transparent 48%)}.dn-hero__content{position:relative;z-index:2;width:100%;max-width:590px}.dn-hero__content h1{font-family:Impact,Arial Narrow,Arial,sans-serif;font-size:clamp(100px,14vw,240px);font-stretch:condensed;font-weight:900;line-height:.88;letter-spacing:-.065em;margin:18px 0}.dn-hero__content h1 span{font:400 .24em Arial,sans-serif;vertical-align:top;letter-spacing:0;margin-left:12px}.dn-hero__content p{font-size:clamp(14px,1.5vw,20px);font-weight:600;line-height:1.5;max-width:420px}.dn-cta{display:flex;justify-content:space-between;align-items:center;max-width:280px;border:1px solid currentColor;font-size:12px;font-weight:800;letter-spacing:.13em;margin-top:27px;padding:14px 18px;transition:background .2s,color .2s}.dn-hero__half:hover .dn-cta{background:currentColor;color:var(--dn-blue)}.dn-hero__day:hover .dn-cta{color:#131313}.dn-hero__center{position:absolute;z-index:4;top:28px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;line-height:1;mix-blend-mode:difference;color:#fff;pointer-events:none;letter-spacing:.24em}.dn-hero__center span{font:900 21px Impact,Arial,sans-serif}.dn-hero__center small{font:700 8px Arial,sans-serif;letter-spacing:.5em;margin-top:5px}.dn-ticker{background:#cfd3da;border-block:1px solid #8b939f;overflow:hidden}.dn-ticker__inner{min-width:max-content;display:flex;align-items:center;justify-content:space-around;gap:75px;padding:16px 38px;font:900 clamp(14px,2.6vw,28px) Impact,Arial,sans-serif;letter-spacing:.17em}.dn-ticker b{color:var(--dn-blue)}.dn-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end;padding:clamp(54px,8vw,130px) 5vw;background:#f1f0ec}.dn-intro h2,.dn-sectionhead h2,.dn-lastcall h2,.dn-end h2{font:900 clamp(54px,7vw,128px)/.91 Impact,"Arial Narrow",sans-serif;letter-spacing:-.025em;text-transform:uppercase;margin-top:18px}.dn-intro em,.dn-end em{font-family:Georgia,serif;font-weight:400;text-transform:none;letter-spacing:-.065em;color:var(--dn-blue)}.dn-intro__body{padding-bottom:12px}.dn-intro__body p{font-size:clamp(17px,1.65vw,22px);line-height:1.5;max-width:580px}.dn-intro__body span{display:block;margin-top:29px;font:700 11px Arial,sans-serif;letter-spacing:.12em}.dn-intro__body b{color:var(--dn-blue)}.dn-edit{padding:65px 5vw 86px}.dn-edit--day{background:#e1e2e4;color:#111318}.dn-edit--night{background:#0a0b10;color:#f5f6f9}.dn-sectionhead{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.dn-sectionhead h2{font-size:clamp(56px,6vw,105px);margin:12px 0}.dn-sectionhead h2 span{font:400 .35em Arial,sans-serif;vertical-align:top;margin-left:12px;color:var(--dn-blue)}.dn-sectionhead p{font-size:15px;line-height:1.4}.dn-sectionhead>a{border-bottom:1px solid currentColor;padding-bottom:8px;white-space:nowrap;font-size:12px;font-weight:800;letter-spacing:.13em}.dn-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.dn-product{min-width:0}.dn-product__photo{background:#f5f5f4;aspect-ratio:4/5;position:relative;overflow:hidden}.dn-product__photo img{object-fit:cover;transition:transform .35s}.dn-product:hover img{transform:scale(1.04)}.dn-product__photo>span{position:absolute;top:12px;left:12px;color:#101115;background:#f6f6f4;padding:7px 10px;font-size:10px;font-weight:800;letter-spacing:.08em}.dn-product__detail{display:flex;gap:12px;justify-content:space-between;align-items:start;padding:15px 0;font-size:13px;line-height:1.5}.dn-product__detail strong{font-weight:700}.dn-product__detail span{white-space:nowrap;font-weight:700}.dn-editorial{padding:26px 3vw;background:#1763ea;color:#fff}.dn-editorial__label,.dn-editorial__foot{display:flex;justify-content:space-between;gap:24px;font-size:10px;font-weight:800;letter-spacing:.17em;padding:10px 0 21px}.dn-editorial__grid{display:grid;grid-template-columns:1.05fr .92fr 1.12fr .85fr 1fr;gap:10px;min-height:340px;height:clamp(340px,37vw,620px)}.dn-shot{position:relative;min-width:0;overflow:hidden;background:#12346d}.dn-shot img{object-position:center 22%;transition:transform .4s}.dn-shot:hover img{transform:scale(1.03)}.dn-shot--c img{object-position:center center}.dn-shot figcaption{position:absolute;bottom:0;left:0;right:0;padding:55px 12px 13px;background:linear-gradient(transparent,#000000ad);color:#fff;font-size:9px;font-weight:700;letter-spacing:.11em}.dn-editorial__foot{padding:21px 0 4px}.dn-editorial__foot span{font-size:18px}.dn-lastcall{display:grid;grid-template-columns:.9fr 1.1fr;min-height:520px;background:#d7d9df}.dn-lastcall__copy{padding:clamp(32px,5vw,83px);align-self:center}.dn-lastcall h2{font-size:clamp(56px,5.8vw,98px);margin:22px 0}.dn-lastcall p{font-size:17px;line-height:1.55;max-width:500px}.dn-button{display:inline-flex;border:1px solid #101115;padding:15px 22px;font-size:12px;font-weight:800;letter-spacing:.13em;margin-top:33px}.dn-button:hover{background:#111216;color:#fff}.dn-lastcall__photos{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;min-height:490px;overflow:hidden}.dn-lastcall__photos img{object-position:center 20%}.dn-end{text-align:center;background:#0d1018;color:#e7e9ef;padding:90px 20px 42px}.dn-end h2{margin:22px 0 37px;font-size:clamp(59px,7.5vw,130px)}.dn-end>div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.dn-end a{border:1px solid #b5bac5;padding:15px 20px;letter-spacing:.12em;font-size:11px;font-weight:800;min-width:155px}.dn-end a:hover{background:#f4f4f4;color:#111}.dn-end small{display:block;margin-top:100px;letter-spacing:.17em;font-size:9px;color:#b5bac5}@media(max-width:900px){.dn-hero,.dn-intro,.dn-lastcall{grid-template-columns:1fr}.dn-hero__half{min-height:560px}.dn-hero__center{top:10px}.dn-intro{gap:30px}.dn-products{grid-template-columns:repeat(2,minmax(0,1fr))}.dn-editorial__grid{height:450px;grid-template-columns:repeat(3,1fr)}.dn-shot--d,.dn-shot--e{display:none}.dn-lastcall__photos{height:390px;min-height:0}}@media(max-width:600px){.dn-utility{justify-content:center}.dn-utility span:nth-child(n+2){display:none}.dn-hero__half{min-height:510px;padding:26px 25px 42px}.dn-hero__content h1{font-size:clamp(103px,26vw,150px)}.dn-hero__day-pic{top:0;right:-4%;bottom:0;left:8%}.dn-hero__night-pic img{object-position:center 18%}.dn-hero__content p{font-size:14px}.dn-hero__center{top:16px}.dn-intro,.dn-edit{padding:54px 22px}.dn-intro h2,.dn-end h2{font-size:clamp(54px,12vw,83px)}.dn-sectionhead{align-items:start}.dn-sectionhead h2{font-size:clamp(48px,11vw,76px)}.dn-sectionhead>a{font-size:10px;margin-top:22px}.dn-product__detail{display:block;font-size:12px}.dn-product__detail span{display:block;margin-top:4px}.dn-editorial{padding:15px}.dn-editorial__grid{grid-template-columns:1fr 1fr;height:360px;gap:5px}.dn-shot--c{display:none}.dn-editorial__label,.dn-editorial__foot{font-size:8px}.dn-lastcall__copy{padding:55px 22px}.dn-lastcall__photos{height:300px}.dn-end{padding:67px 16px 30px}.dn-end small{margin-top:70px}}@media(prefers-reduced-motion:reduce){.dn *{transition:none!important;animation:none!important}}.dn-collection{isolation:isolate;position:relative;min-height:460px;background:#0d1018;color:#f4f5f6;display:flex;align-items:end;overflow:hidden;padding:clamp(34px,6vw,90px)}.dn-collection--day{background:#c6ccd5;color:#121316}.dn-collection--night{background:#1354d5;color:#fff}.dn-collection--other{background:#13151c;color:#fff}.dn-collection__image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.dn-collection__image img{width:100%;height:100%;object-fit:cover;object-position:center 25%}.dn-collection--day .dn-collection__image img{object-fit:contain;object-position:80% center;mix-blend-mode:multiply}.dn-collection__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#05070ee0,#05070e33)}.dn-collection--day .dn-collection__shade{background:linear-gradient(90deg,#e6e8edfa,#e6e8ed6b)}.dn-collection__copy{position:relative;max-width:790px}.dn-collection__eyebrow{font-size:11px;font-weight:700;letter-spacing:.23em}.dn-collection h1{font:900 clamp(56px,8vw,136px)/.95 Impact,"Arial Narrow",Arial,sans-serif;text-transform:uppercase;letter-spacing:-.025em;margin:24px 0}.dn-collection__description{font-size:clamp(14px,1.5vw,20px);line-height:1.5;max-width:530px}.dn-collection__description p{margin:0 0 8px}.dn-collection nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.dn-collection nav a{color:inherit;text-decoration:none;border:1px solid currentColor;padding:12px 18px;font-size:11px;font-weight:800;letter-spacing:.13em}.dn-product-context{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:15px 5vw;background:#141720;color:#e8eaf0;font:700 10px Arial,sans-serif;letter-spacing:.16em}.dn-product-context nav{display:flex;gap:17px}.dn-product-context a{color:#e8eaf0;text-decoration:none}.dn-product-context a:hover{text-decoration:underline}@media(max-width:700px){.dn-collection{min-height:450px;padding:30px 22px}.dn-collection h1{font-size:clamp(56px,15vw,90px)}.dn-collection__shade{background:linear-gradient(0deg,#05070eeb,#05070e33)}.dn-collection--day .dn-collection__shade{background:linear-gradient(0deg,#e6e8edfa,#e6e8ed3d)}.dn-product-context{padding:14px 22px}}.dn .dn-utility,.dn .dn-utility span{color:#f6f7f9}.dn .dn-ticker,.dn .dn-ticker span{color:#111318}.dn .dn-intro,.dn .dn-intro :is(h2,p,.dn-kicker,.dn-intro__body span){color:#111318}.dn .dn-intro :is(h2 em,.dn-intro__body b){color:#1649b7}.dn .dn-edit--day,.dn .dn-edit--day :is(h2,p,.dn-kicker,.dn-sectionhead>a,.dn-product__detail,.dn-product__detail strong,.dn-product__detail span){color:#101216}.dn .dn-edit--night,.dn .dn-edit--night :is(h2,p,.dn-kicker,.dn-sectionhead>a,.dn-product__detail,.dn-product__detail strong,.dn-product__detail span){color:#f8f9ff}.dn .dn-editorial,.dn .dn-editorial :is(.dn-editorial__label,.dn-editorial__foot,.dn-shot figcaption){color:#fff}.dn .dn-lastcall,.dn .dn-lastcall :is(h2,p,.dn-kicker,.dn-button){color:#101216}.dn .dn-end,.dn .dn-end :is(h2,p,.dn-kicker,a,small){color:#f5f7fb}.dn .dn-end h2 em{color:#91b7ff}.dn .dn-end a:hover,.dn .dn-end a:focus-visible{background:#f6f7fb;color:#101216}.dn .dn-hero__day,.dn .dn-hero__day .dn-hero__content :is(h1,h1 span,p,.dn-kicker,.dn-cta,.dn-cta b){color:#090d16}.dn .dn-hero__night,.dn .dn-hero__night .dn-hero__content :is(h1,h1 span,p,.dn-kicker,.dn-cta,.dn-cta b){color:#fff}.dn .dn-hero__night .dn-hero__content{text-shadow:0 2px 18px rgba(0,0,0,.45)}.dn .dn-hero__day .dn-hero__content{text-shadow:0 1px 9px rgba(255,255,255,.5)}.dn .dn-hero__night .dn-cta,.dn .dn-hero__day .dn-cta{background:#0000000f}.dn .dn-hero__night .dn-cta{background:#0000005c;border-color:#fff}.dn .dn-hero__day:hover .dn-cta,.dn .dn-hero__day:focus-visible .dn-cta{background:#101216;color:#fff}.dn .dn-hero__day:hover .dn-cta b,.dn .dn-hero__day:focus-visible .dn-cta b{color:#fff}.dn .dn-hero__night:hover .dn-cta,.dn .dn-hero__night:focus-visible .dn-cta{background:#fff;color:#101216;text-shadow:none}.dn .dn-hero__night:hover .dn-cta b,.dn .dn-hero__night:focus-visible .dn-cta b{color:#101216}.dn .dn-hero__center,.dn .dn-hero__center :is(span,small){color:#fff}.dn-collection--day,.dn-collection--day :is(h1,p,.dn-collection__eyebrow,.dn-collection__description,.dn-collection nav a){color:#101216}.dn-collection--night,.dn-collection--other,.dn-collection--night :is(h1,p,.dn-collection__eyebrow,.dn-collection__description,.dn-collection nav a),.dn-collection--other :is(h1,p,.dn-collection__eyebrow,.dn-collection__description,.dn-collection nav a){color:#fff}.dn-collection--night .dn-collection__copy,.dn-collection--other .dn-collection__copy{text-shadow:0 2px 14px rgba(0,0,0,.55)}.dn-collection nav a:hover,.dn-collection nav a:focus-visible{background:#fff;color:#101216;text-shadow:none}.dn-collection--day nav a:hover,.dn-collection--day nav a:focus-visible{background:#101216;color:#fff}.dn-product-context,.dn-product-context span,.dn-product-context nav a{color:#f8f9fc}.dn-product-context nav a:hover,.dn-product-context nav a:focus-visible{color:#fff;text-decoration:underline}@media(max-width:600px){.dn .dn-hero__night-shade{background:linear-gradient(0deg,#020514d9,#0205141f 72%)}}.dn .dn-hero__day-pic{top:0;right:0;bottom:0;left:0;opacity:1;mix-blend-mode:normal}.dn .dn-hero__day-pic img{object-fit:cover;object-position:center 49%}.dn .dn-hero__day:after{background:linear-gradient(to top,#e8eaedf5,#e8eaedc4 23%,#e8eaed00 57%)}@media(max-width:600px){.dn .dn-hero__day-pic{top:0;right:0;bottom:0;left:0}.dn .dn-hero__day-pic img{object-fit:cover;object-position:50% 43%}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/starboy-day-night.css.map */