@font-face{font-family:Bricolage;src:url('../round-2/assets/fonts/bricolage.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Newsreader;src:url('../round-2/assets/fonts/newsreader.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Newsreader;src:url('../round-2/assets/fonts/newsreader-italic.ttf') format('truetype');font-style:italic;font-weight:200 800;font-display:swap}
@font-face{font-family:Outfit;src:url('../round-2/assets/fonts/outfit.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:SourceSans;src:url('../round-2/assets/fonts/source-sans.ttf') format('truetype');font-weight:200 900;font-display:swap}
.exp-specimen{background:var(--paper);color:var(--ink);font:17px/1.42 SourceSans,Arial,sans-serif;text-align:left;overflow:hidden;container-type:inline-size}
.exp-specimen *{box-sizing:border-box}.exp-specimen p,.exp-specimen h3,.exp-specimen h4{margin:0}.exp-specimen h3{font:var(--slant) var(--weight) 44px/1.04 var(--display),Georgia,serif;letter-spacing:-1.25px;text-wrap:balance;overflow-wrap:normal}.exp-specimen h4{font:var(--slant) var(--weight) 27px/1.12 var(--display),Georgia,serif;letter-spacing:-.4px}.exp-mark{width:40px;height:31px;flex:none}.exp-logo{display:flex;align-items:center;gap:7px;font:var(--slant) var(--weight) 40px/.95 var(--display),Georgia,serif;letter-spacing:-1.6px}.exp-dot{margin-left:-7px}.exp-menu{font-family:Arial,sans-serif;font-size:19px}.exp-kicker{font:650 10px/1.4 SourceSans,Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase}.exp-art{display:block;width:100%;height:auto}.exp-picture{margin:18px -15px 14px}.exp-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--ink);color:var(--paper);padding:13px 17px;font:650 17px/1.25 SourceSans,Arial,sans-serif;margin-top:20px}.exp-cta span{flex:none}.exp-small{font:400 13px/1.4 SourceSans,Arial,sans-serif;margin-top:13px!important}.exp-home{padding:25px 25px 24px}.exp-home header{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.exp-title .exp-kicker{margin-bottom:15px}.exp-intro>p:first-child{font-size:17px;line-height:1.42}.exp-intro .exp-small{text-align:center}.exp-t1 .exp-cta{border-radius:40px}.exp-t1 .exp-title{padding-left:14px;border-left:2px solid var(--ink)}.exp-t1 .exp-picture{margin-left:-25px;margin-right:-25px}.exp-t1 .exp-home{background-image:linear-gradient(90deg,transparent 21px,var(--secondary) 21px,var(--secondary) 22px,transparent 22px);background-size:100% 100%;}.exp-t1 .exp-home header{background:var(--paper);padding-bottom:4px}.exp-t1 .exp-intro{background:var(--paper)}
.exp-t2 .exp-home{padding:23px}.exp-t2 .exp-home header{border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);padding:15px 0;justify-content:center;margin-bottom:26px}.exp-t2 .exp-menu{display:none}.exp-t2 .exp-title{text-align:center}.exp-t2 .exp-picture{margin:20px -9px 15px}.exp-t2 .exp-home .exp-intro>p{padding-top:14px;border-top:1px solid var(--ink)}.exp-t2 .exp-home .exp-intro .exp-small{border-top:0;padding-top:0}.exp-t2 .exp-dot{display:none}.exp-t2 .exp-cta{border-radius:0}.exp-t2 .exp-logo{font-size:38px}
.exp-t3 .exp-home{padding:22px 22px 25px;border:8px solid var(--ink)}.exp-t3 .exp-home header{margin-bottom:25px}.exp-t3 .exp-logo{font-size:40px}.exp-t3 .exp-title h3{font-size:46px;letter-spacing:-1.6px}.exp-t3 .exp-picture{margin:14px -22px 13px}.exp-t3 .exp-cta{border-radius:0;box-shadow:4px 4px 0 var(--accent);margin-right:4px}.exp-t3 .exp-kicker{letter-spacing:1px}.exp-t3 .exp-intro>p:first-child{padding-top:17px;border-top:2px solid var(--ink)}
.exp-address{display:flex;justify-content:space-between;background:#F1F2F3;color:#30353C;font:12px/1.3 Arial,sans-serif;padding:10px 14px}.exp-address span{font-size:8px}.exp-cover{padding:25px;text-align:center}.exp-cover .exp-logo{justify-content:center}.exp-cover .exp-picture{margin-top:19px}.exp-cover h3{font-size:37px;margin:12px 0}.exp-cover>p:not(.exp-kicker){margin-top:14px}.exp-cover .exp-cta{justify-content:center}.exp-divider{font:600 12px SourceSans,Arial,sans-serif;background:var(--ink);color:var(--paper);padding:12px;text-align:center;letter-spacing:1px}.exp-task{padding:25px;background:white;color:var(--ink);font:17px/1.45 SourceSans,Arial,sans-serif}.exp-task h4{font:650 28px/1.12 SourceSans,Arial,sans-serif;margin:15px 0}.exp-personal{border-left:3px solid var(--ink);background:var(--paper);padding:12px;margin:18px 0!important;font-weight:600}.exp-input{border:1px solid var(--ink);padding:13px;margin-top:20px;font-size:16px}.exp-task .exp-cta{border-radius:4px;box-shadow:none;justify-content:center;margin-top:12px;margin-right:0}.exp-task details{margin-top:20px;font-size:15px}.exp-task summary{cursor:pointer;padding:6px 0}.exp-task details p{margin-top:9px}
.exp-invite{padding:27px 25px;text-align:center}.exp-invite .exp-logo{justify-content:center}.exp-invite>.exp-kicker{margin:26px 0 17px}.exp-invite h4{margin:14px 0}.exp-invite>.exp-small{margin-top:23px!important}.exp-invite .exp-cta{justify-content:center}.exp-t2 .exp-invite{margin:12px;border:1px solid var(--ink);padding:20px}.exp-t3 .exp-invite{border:9px solid var(--ink);padding:22px}.exp-t3 .exp-invite h3{font-size:45px}
.exp-document{padding:25px}.exp-document header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:20px;margin-bottom:25px}.exp-document header>span{font-size:11px;letter-spacing:1px}.exp-document .exp-logo{font-size:31px}.exp-document .exp-mark{width:32px}.exp-document>.exp-kicker{margin-bottom:13px}.exp-document h3{font-size:36px}.exp-document>p:not(.exp-kicker){margin-top:19px}.exp-corporate .exp-picture{max-width:300px;margin:18px auto}.exp-corporate ol{margin:20px 0;padding-left:23px}.exp-corporate li{padding:10px 0 10px 5px}.exp-footer{display:flex;flex-direction:column;gap:9px;border-top:1px solid var(--ink);font-size:12px;margin-top:24px;padding-top:14px}.exp-t1 .exp-corporate ol{border-left:2px solid var(--ink);margin-left:6px}.exp-t2 .exp-document header{border-bottom:3px double var(--ink)}.exp-t2 .exp-corporate ol{list-style:decimal-leading-zero}.exp-t2 .exp-corporate li{border-bottom:1px solid var(--ink)}.exp-t3 .exp-corporate ol{list-style:none;padding:0}.exp-t3 .exp-corporate li{background:var(--secondary);padding:14px;margin:10px 0}.exp-practical{background:white}.exp-practical dl{margin-top:25px}.exp-practical dl>div{border-top:1px solid #D3D3D3;padding:14px 0}.exp-practical dt{font-weight:700;margin-bottom:5px}.exp-practical dd{margin:0;font-size:16px;line-height:1.5;color:#29322D}.exp-practical .exp-footer{font-size:12px}.exp-t3 .exp-practical{border-top:8px solid var(--ink)}
@container(max-width:320px){.exp-specimen h3{font-size:38px}.exp-t3 .exp-title h3{font-size:39px}.exp-home,.exp-cover,.exp-task,.exp-document{padding:20px}.exp-logo{font-size:35px}.exp-t3 .exp-logo{font-size:35px}.exp-mark{width:32px}.exp-document h3{font-size:32px}.exp-t3 .exp-home{padding:18px}.exp-t3 .exp-picture{margin-left:-18px;margin-right:-18px}}

/* Option 2 switches to parchment for task-heavy screens, keeping them readable. */
.exp-t2 .exp-task,.exp-t2 .exp-practical{--ink:#24332f;--paper:#f5ebdd;background:var(--paper);color:var(--ink)}
.exp-t2 .exp-practical dd{color:#24332f}
