.dop-jnl-wrap{max-width:1320px;margin:0 auto;padding:0 var(--dop-gut, clamp(20px, 4vw, 56px))}.dop-jnl-crumbs{padding:22px 0 0;font-family:var(--dop-code);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dop-ink-3);font-weight:600;display:flex;gap:8px;align-items:center}.dop-jnl-crumbs a{text-decoration:none;color:var(--dop-ink-3)}.dop-jnl-crumbs a:hover{color:var(--dop-ink)}.dop-jnl-crumbs .sep{opacity:.4}.dop-jnl-crumbs .here{color:var(--dop-ink)}.dop-jnl-masthead{padding:44px 0 52px;border-bottom:1px solid var(--dop-line);display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(40px,6vw,96px);align-items:end}.dop-jnl-masthead .dop-jnl-eye{font-family:var(--dop-code);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dop-low);font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:10px}.dop-jnl-masthead .dop-jnl-eye:before{content:"";width:24px;height:1px;background:var(--dop-accent)}.dop-jnl-masthead h1{font-family:var(--dop-serif);font-weight:500;font-size:clamp(52px,7vw,88px);line-height:.98;letter-spacing:-.024em;margin:0;text-wrap:balance}.dop-jnl-masthead h1 em{font-style:normal;color:var(--dop-accent);font-weight:400}.dop-jnl-masthead .dop-jnl-lede{font-family:var(--dop-serif);font-style:normal;font-size:18px;line-height:1.55;color:var(--dop-ink-2);margin:0;max-width:44ch;text-wrap:pretty}.dop-jnl-masthead .dop-jnl-stats{display:flex;gap:28px;padding-top:22px;border-top:1px solid var(--dop-line);margin-top:24px;flex-wrap:wrap}.dop-jnl-stat{display:flex;flex-direction:column;gap:2px}.dop-jnl-stat b{font-family:var(--dop-serif);font-weight:500;font-size:20px;letter-spacing:-.01em}.dop-jnl-stat span{font-family:var(--dop-code);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dop-ink-3);font-weight:600}.dop-jnl-strip{padding:16px 0;border-bottom:1px solid var(--dop-line);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;position:sticky;top:64px;z-index:30;background:var(--dop-page)}.dop-jnl-chips{display:flex;gap:7px;flex-wrap:wrap}.dop-chip{font-family:var(--dop-sans);font-size:13px;font-weight:500;color:var(--dop-ink-2);padding:7px 13px;border:1px solid var(--dop-line);border-radius:99px;background:var(--dop-surface);cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:border-color var(--dop-d-1) var(--dop-ease-out),color var(--dop-d-1) var(--dop-ease-out),background var(--dop-d-1) var(--dop-ease-out);text-decoration:none}.dop-chip:hover{border-color:var(--dop-ink-2);color:var(--dop-ink)}.dop-chip.active{background:var(--dop-ink);color:#fff;border-color:var(--dop-ink)}.dop-chip .dop-chip-ct{opacity:.55;font-weight:500;font-family:var(--dop-code);font-size:11px}.dop-chip.active .dop-chip-ct{opacity:.7}.dop-jnl-strip-right{display:flex;gap:16px;align-items:center}.dop-jnl-count{font-family:var(--dop-code);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dop-ink-3);font-weight:600}.dop-jnl-count b{color:var(--dop-ink)}.dop-jnl-feat-wrap{padding:52px 0 0}.dop-jnl-feat-eyebrow{font-family:var(--dop-code);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dop-ink-3);font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:10px}.dop-jnl-feat-eyebrow:before{content:"";width:24px;height:1px;background:var(--dop-ink-3)}.dop-jnl-feat{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:stretch}.dop-jnl-feat-main{position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:var(--dop-r);overflow:hidden;min-height:480px;background:var(--dop-ink)}.dop-jnl-feat-main:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.65) 100%);pointer-events:none}.dop-jnl-feat-art{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(ellipse at top right,rgba(242,100,25,.25),transparent 60%),repeating-linear-gradient(45deg,transparent 0 24px,rgba(255,255,255,.03) 24px 25px);overflow:hidden}.dop-jnl-feat-art .dop-jnl-glyph{font-family:var(--dop-serif);font-style:normal;font-weight:500;font-size:160px;color:#ffffff12;line-height:1;letter-spacing:-.04em;transform:translateY(-30px);-webkit-user-select:none;user-select:none}.dop-jnl-feat-art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.dop-jnl-feat-body{position:relative;z-index:2;margin-top:auto;padding:32px 36px}.dop-jnl-feat-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--dop-code);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;background:#ffffff1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;padding:5px 11px;border-radius:99px;margin-bottom:16px;border:1px solid rgba(255,255,255,.18)}.dop-jnl-feat-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--dop-accent);flex-shrink:0}.dop-jnl-feat-main h2{font-family:var(--dop-serif);font-weight:500;font-size:clamp(32px,3.4vw,48px);line-height:1.05;letter-spacing:-.018em;margin:0 0 12px;text-wrap:balance;color:#fff}.dop-jnl-feat-main h2 em{color:var(--dop-accent);font-style:normal;font-weight:400}.dop-jnl-feat-main p{font-family:var(--dop-serif);font-style:normal;font-size:16.5px;line-height:1.5;color:#fffc;margin:0 0 20px;max-width:52ch;text-wrap:pretty}.dop-jnl-feat-meta{display:flex;align-items:center;gap:12px;font-family:var(--dop-code);font-size:11.5px;letter-spacing:.06em;color:#ffffffb3;font-weight:500}.dop-jnl-feat-meta .dop-jnl-av{width:28px;height:28px;border-radius:50%;background:var(--dop-ph);display:grid;place-items:center;font-family:var(--dop-serif);font-style:normal;font-size:11px;font-weight:600;flex-shrink:0}.dop-jnl-feat-meta .dop-dot{width:3px;height:3px;border-radius:50%;background:#fff6;flex-shrink:0}.dop-jnl-feat-side{display:flex;flex-direction:column;gap:12px}.dop-jnl-feat-side a{display:grid;grid-template-columns:auto 1fr;gap:14px;text-decoration:none;color:inherit;padding:18px;border:1px solid var(--dop-line);border-radius:var(--dop-r);background:var(--dop-surface);align-items:start;flex:1;transition:border-color var(--dop-d-1) var(--dop-ease-out)}.dop-jnl-feat-side a:hover{border-color:var(--dop-ink-2)}.dop-jnl-feat-side .dop-jnl-num{font-family:var(--dop-serif);font-style:normal;font-weight:500;font-size:38px;color:var(--dop-accent);line-height:1;letter-spacing:-.02em;width:44px}.dop-jnl-feat-side .dop-jnl-side-cat{font-family:var(--dop-code);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dop-ink-3);font-weight:600;display:block;margin-bottom:5px}.dop-jnl-feat-side b{font-family:var(--dop-serif);font-weight:500;font-size:18px;letter-spacing:-.005em;line-height:1.2;display:block;margin-bottom:6px;text-wrap:balance}.dop-jnl-feat-side b em{font-style:normal;color:var(--dop-low)}.dop-jnl-feat-side .dop-jnl-sub{font-size:12px;color:var(--dop-ink-3);font-family:var(--dop-code);letter-spacing:.04em}.dop-jnl-grid{padding:60px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:44px 28px;border-bottom:1px solid var(--dop-line)}.dop-post{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit}.dop-post-cover{aspect-ratio:5 / 4;border-radius:var(--dop-r);overflow:hidden;display:grid;place-items:center;position:relative;background:var(--dop-ph)}.dop-post-cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.dop-post-cover .dop-post-glyph{font-family:var(--dop-serif);font-style:normal;font-weight:500;font-size:88px;color:#ffffff1a;line-height:1;letter-spacing:-.03em;-webkit-user-select:none;user-select:none;position:relative;z-index:1}.dop-post-pull{position:absolute;inset:auto 20px 20px 20px;font-family:var(--dop-serif);font-style:normal;font-weight:500;color:#fff;font-size:16.5px;line-height:1.3;letter-spacing:-.005em;text-wrap:balance;z-index:2}.dop-post-pull em{color:var(--dop-low)}.dop-post-ribbon{position:absolute;top:10px;left:10px;background:#fffffff2;color:var(--dop-ink);font-family:var(--dop-code);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:99px;font-weight:600;z-index:3}.dop-post-ribbon.new{background:var(--dop-accent);color:#fff}.dop-post-meta{display:flex;align-items:center;gap:7px;font-family:var(--dop-code);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dop-ink-3);font-weight:500}.dop-post-meta .dop-post-cat{color:var(--dop-low);font-weight:600}.dop-post-meta .sep{opacity:.4}.dop-post h3{font-family:var(--dop-serif);font-weight:500;font-size:22px;line-height:1.18;letter-spacing:-.012em;margin:2px 0 4px;text-wrap:balance}.dop-post h3 em{font-style:normal;color:var(--dop-accent)}.dop-post .dop-post-dek{font-size:14px;color:var(--dop-ink-2);line-height:1.55;margin:0;max-width:44ch}.dop-post-author{display:flex;align-items:center;gap:10px;margin-top:4px}.dop-post-av{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--dop-ph);font-family:var(--dop-serif);font-style:normal;font-size:11px;font-weight:600;flex-shrink:0;overflow:hidden}.dop-post-av img{width:100%;height:100%;object-fit:cover}.dop-post-author b{font-size:13px;font-weight:600}.dop-post-author span{font-size:12px;color:var(--dop-ink-3)}.dop-jnl-banner{grid-column:1 / -1;background:var(--dop-ink);color:#fff;border-radius:var(--dop-r);padding:40px 44px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;position:relative;overflow:hidden;margin:4px 0}.dop-jnl-banner:before{content:"";position:absolute;right:-15%;top:-50%;width:50%;height:200%;background:radial-gradient(circle,rgba(242,100,25,.2),transparent 60%);pointer-events:none}.dop-jnl-banner-num{font-family:var(--dop-code);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dop-low);font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:10px;position:relative;z-index:1}.dop-jnl-banner-num:before{content:"";width:24px;height:1px;background:var(--dop-accent)}.dop-jnl-banner h3{font-family:var(--dop-serif);font-weight:500;font-size:30px;line-height:1.05;letter-spacing:-.014em;margin:0 0 6px;position:relative;z-index:1;text-wrap:balance}.dop-jnl-banner h3 em{font-style:normal;color:var(--dop-accent)}.dop-jnl-banner p{font-family:var(--dop-serif);font-style:normal;font-size:15.5px;color:#ffffffb3;margin:0;max-width:48ch;line-height:1.5;position:relative;z-index:1}.dop-jnl-banner-form{display:flex;gap:7px;position:relative;z-index:1}.dop-jnl-banner-form input{height:46px;background:transparent;border:1px solid rgba(255,255,255,.25);border-radius:var(--dop-r);padding:0 14px;font-size:13.5px;color:#fff;width:260px;font-family:var(--dop-sans)}.dop-jnl-banner-form input::placeholder{color:#ffffff80}.dop-jnl-banner-form input:focus{outline:0;border-color:#fff;background:#ffffff0d}.dop-jnl-banner-form button{height:46px;background:var(--dop-accent);color:#fff;border:0;border-radius:var(--dop-r);font-size:13.5px;font-weight:600;padding:0 20px;cursor:pointer;font-family:var(--dop-sans);transition:background var(--dop-d-1) var(--dop-ease-out)}.dop-jnl-banner-form button:hover{background:var(--dop-accent-hover)}.dop-jnl-loadmore{padding:44px 0 60px;display:flex;flex-direction:column;align-items:center;gap:14px;border-bottom:1px solid var(--dop-line)}.dop-jnl-loadmore .dop-jnl-prog{width:220px;height:3px;background:var(--dop-line);border-radius:99px;overflow:hidden}.dop-jnl-loadmore .dop-jnl-prog span{display:block;height:100%;background:var(--dop-accent)}.dop-jnl-loadmore .dop-jnl-cap{font-family:var(--dop-code);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dop-ink-3);font-weight:600}.dop-jnl-loadmore .dop-jnl-cap b{color:var(--dop-ink)}.dop-jnl-pager{display:flex;justify-content:center;align-items:center;gap:8px;padding:40px 0 60px}.dop-jnl-pager a,.dop-jnl-pager span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:6px;border:1px solid var(--dop-line);font-size:13px;font-weight:500;text-decoration:none;color:var(--dop-ink-2);transition:border-color var(--dop-d-1) var(--dop-ease-out),color var(--dop-d-1) var(--dop-ease-out)}.dop-jnl-pager a:hover{border-color:var(--dop-ink);color:var(--dop-ink)}.dop-jnl-pager .current{background:var(--dop-ink);color:#fff;border-color:var(--dop-ink)}
/*# sourceMappingURL=/cdn/shop/t/13/assets/dopamiles-journal.css.map */