.peel-page{--peel-ink:#183b32;--peel-lime:#d6ee62;--peel-paper:#f7f8f1;--peel-line:#b7c7bb;background:var(--peel-paper)}
.peel-page .site-nav a[href='/7peel/'],.site-nav a[href='/7peel/']{font-weight:700;letter-spacing:.06em}
.peel-page h1,.peel-page h2,.peel-page h3{font-family:var(--sans);font-style:normal;letter-spacing:-.055em}
.peel-hero{background:var(--peel-ink);color:var(--peel-paper);border-top:1px solid #4b6b59}
.peel-hero-inner{min-height:570px;display:flex;flex-direction:column;justify-content:space-between;padding-block:1.5rem 2rem}
.peel-hero-top,.peel-hero-bottom{display:flex;justify-content:space-between;gap:1rem;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:#c2d4bc}
.peel-lockup{display:flex;align-items:end;justify-content:space-between;gap:3rem;padding-block:5rem}
.peel-parent{margin:0 0 .6rem;color:var(--peel-lime);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}
.peel-lockup h1{font-size:clamp(5rem,12vw,10rem);line-height:.86;font-weight:800;letter-spacing:-.095em;margin:0 0 0 -.07em;white-space:nowrap}
.peel-wordmark{display:inline-flex;align-items:baseline;isolation:isolate}
.peel-seven{position:relative;z-index:1;letter-spacing:-.17em}
.peel-seven::after{content:"";position:absolute;z-index:-1;width:.18em;height:.18em;right:.055em;bottom:-.035em;background:var(--peel-lime);clip-path:polygon(0 0,100% 0,100% 74%,74% 100%,0 100%);transform-origin:25% 75%;transition:transform .25s ease-out}
.peel-letters{position:relative;z-index:2;margin-left:-.065em}
.peel-lockup>p{width:max-content;max-width:100%;font-size:clamp(1.35rem,2vw,2rem);font-weight:500;line-height:1.2;margin:0 0 .4rem}
.peel-tagline span{display:block;white-space:nowrap}
.peel-hero-bottom{border-top:1px solid #608070;padding-top:1.1rem}.peel-hero-bottom span:last-child{font-size:1.5rem;line-height:1}
.peel-index{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:700;color:#47735b}
.peel-intro{display:grid;grid-template-columns:1fr 2.2fr;gap:3rem;padding-block:7rem}
.peel-intro h2{font-size:clamp(2.7rem,5.2vw,5.2rem);line-height:1.05;max-width:950px;margin-bottom:3rem}
.peel-intro p:not(.peel-index){font-size:1.15rem;max-width:780px;color:#45594c}
.peel-lab{background:#e8ece2;padding-block:5.5rem 6rem}
.peel-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;margin-bottom:2rem}
.peel-section-head h2{font-size:clamp(2.4rem,4vw,4rem);margin:0}
.peel-feature{background:var(--peel-paper);border:1px solid var(--peel-line);box-shadow:10px 10px 0 var(--peel-ink)}
.peel-feature-meta{display:flex;justify-content:space-between;gap:1rem;padding:1.1rem 1.5rem;border-bottom:1px solid var(--peel-line);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:700}
.peel-status{color:var(--peel-ink);background:var(--peel-lime);padding:.15rem .5rem;clip-path:polygon(0 0,100% 0,100% 72%,calc(100% - .3rem) 100%,0 100%)}
.peel-feature-body{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(2rem,6vw,6rem);padding:clamp(1.5rem,4vw,4rem)}
.peel-feature h3{font-size:clamp(2.6rem,5vw,5rem);line-height:1.02;margin-bottom:2.5rem}
.peel-question{font-family:var(--serif);font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.4;max-width:780px}
.peel-feature-aside{display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid var(--peel-line);padding-left:clamp(1.5rem,3vw,3rem);color:#405549}
.peel-feature-aside p{font-size:1.05rem}
.peel-future-link{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--peel-line);padding-top:1rem;color:#6c796d;font-size:.9rem;cursor:default}
.peel-future-link span{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}
.peel-explore{padding-block:6rem 7rem}.peel-explore ul{padding:0;margin:3rem 0 0;list-style:none;border-top:1px solid var(--peel-line)}
.peel-explore li{display:grid;grid-template-columns:4rem 1fr;gap:1rem;align-items:baseline;padding:1.25rem 0;border-bottom:1px solid var(--peel-line);font-size:clamp(1.35rem,2.3vw,2.25rem);font-weight:600;line-height:1.3;letter-spacing:-.035em}
.peel-explore li span{font-size:.75rem;color:#51755c;font-weight:700;letter-spacing:.12em}
.peel-research{background:var(--peel-ink);color:var(--peel-paper);padding-block:5rem 6rem}.peel-research .peel-index{color:var(--peel-lime)}
.peel-research-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem}
.peel-research-grid a{position:relative;min-height:260px;display:flex;flex-direction:column;justify-content:space-between;padding:1.8rem;border:1px solid #6b8a75;text-decoration:none;transition:background .2s,color .2s}
.peel-research-grid a:first-child::before{content:"";position:absolute;top:-1px;right:-1px;width:.85rem;height:.85rem;background:var(--peel-lime);clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%)}
.peel-research-grid a:hover{background:var(--peel-lime);color:var(--peel-ink)}
.peel-research-grid a>span:first-child{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#c0d0bd}.peel-research-grid a:hover>span:first-child{color:var(--peel-ink)}
.peel-research-grid strong{max-width:530px;font-size:clamp(1.65rem,2.5vw,2.6rem);line-height:1.1;letter-spacing:-.04em}.peel-arrow{position:absolute;right:1.8rem;bottom:1.8rem;font-size:1.5rem}
.peel-close{padding-block:7rem 8rem}.peel-close h2{max-width:1100px;font-size:clamp(2.8rem,6.5vw,6.5rem);line-height:1.04}.peel-close em{font-style:normal;color:#557666}.peel-close>p:last-child{margin-top:4rem;color:#506557}
.peel-easter-egg{display:block;margin-top:.35rem;font:inherit;font-size:.75rem;color:#a6b9a9}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.peel-wordmark:hover .peel-seven::after{transform:translateY(-.035em) rotate(-5deg)}}
@media(prefers-reduced-motion:reduce){.peel-seven::after{transition:none}}
@media(max-width:900px){.peel-lockup{display:block}.peel-lockup>p{margin-top:2.5rem}.peel-intro{grid-template-columns:1fr;gap:1rem}.peel-feature-body{grid-template-columns:1fr}.peel-feature-aside{border-left:0;border-top:1px solid var(--peel-line);padding:2rem 0 0;gap:2rem}}
@media(max-width:680px){.peel-hero-inner{min-height:550px}.peel-lockup h1{font-size:clamp(4.3rem,19vw,8rem)}.peel-lockup{padding-block:4rem}.peel-hero-top span:last-child{display:none}.peel-intro,.peel-explore,.peel-close{padding-block:4.5rem}.peel-lab,.peel-research{padding-block:4rem}.peel-section-head{display:block}.peel-section-head h2{margin-top:1.3rem}.peel-feature-meta{align-items:start;flex-direction:column}.peel-feature h3{font-size:2.4rem}.peel-research-grid{grid-template-columns:1fr}.peel-research-grid a{min-height:210px}.peel-close>p:last-child{margin-top:2rem}}
