/* Office-Entdecker Hero v0.6.1: single scoped stylesheet; no external fonts. */
.oe-site-hero,.oe-site-hero *,.oe-site-hero-topics,.oe-site-hero-topics *, .oe-brand,.oe-brand *{box-sizing:border-box}
.oe-site-hero{--oe-cream:#faf8f3;--oe-green:#203a30;--oe-sage:#d5dac7;--oe-rust:#aa5537;--oe-script:'Segoe Script','Bradley Hand','Apple Chancery','URW Chancery L','Z003',cursive;--oe-display:'Cormorant Garamond','Bodoni MT','Didot','Times New Roman',serif;position:relative;left:50%;transform:translateX(-50%);isolation:isolate;width:min(100vw,1750px);max-width:none;min-height:660px;overflow:hidden;background:var(--oe-cream);color:var(--oe-green);margin:0;font-family:Arial,'Helvetica Neue',sans-serif}
.oe-site-hero__photo{position:absolute;z-index:0;inset:0 0 0 28%;overflow:hidden;background:#e4dbc7;isolation:isolate}
.oe-site-hero__photo picture,.oe-site-hero__photo img{display:block;width:100%;height:100%}
.oe-site-hero__photo img{object-fit:cover;object-position:52% 45%;border:0;max-width:none}
.oe-site-hero__curve{position:absolute;inset:0 auto 0 0;z-index:1;width:56%;height:100%;color:var(--oe-cream);pointer-events:none}
.oe-site-hero__copy{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:43%;max-width:640px;min-height:660px;padding:36px 0 70px max(5.5%,36px)}
.oe-site-hero__eyebrow{display:flex;align-items:center;gap:15px;max-width:100%;font-family:var(--oe-script)!important;color:#ae5a3d;font-size:clamp(23px,2vw,28px);line-height:1.36;white-space:nowrap;margin:0 0 19px!important;font-weight:400;letter-spacing:.012em}
.oe-site-hero__eyebrow-rule{width:clamp(60px,7vw,106px);height:1px;background:currentColor;flex:none}
.oe-site-hero h1{font-family:var(--oe-display)!important;font-size:clamp(69px,6.5vw,97px)!important;font-weight:400!important;letter-spacing:-.056em!important;line-height:.96!important;color:#173129!important;margin:0 0 21px!important;max-width:590px;padding:0!important;text-transform:none!important;font-style:normal!important}
.oe-site-hero__lastline{white-space:nowrap}
.oe-site-hero__intro{font:400 clamp(16px,1.22vw,19px)/1.5 Arial,'Helvetica Neue',sans-serif;max-width:380px;color:#303b35;margin:0 0 28px!important}
.oe-site-hero__cta{display:inline-flex!important;gap:22px;align-items:center;justify-content:center;border:0!important;border-radius:999px!important;background:#a95636!important;color:#fff!important;text-decoration:none!important;padding:21px 31px!important;font:600 16px/1.2 Arial,sans-serif!important;letter-spacing:.085em!important;box-shadow:none!important;transition:background-color .15s ease,transform .15s ease;white-space:nowrap}
.oe-site-hero__cta-arrow{font-size:24px;line-height:.5;font-weight:400}
.oe-site-hero__cta:hover,.oe-site-hero__cta:focus-visible{background:#8d402a!important;color:#fff!important;transform:translateY(-1px)}
.oe-site-hero__cta:focus-visible{outline:3px solid #203a30;outline-offset:3px}
/* E02: one independent anchoring region, then a single note. Never anchored to viewport edge. */
.oe-site-hero__note-zone{position:absolute;z-index:4;inset:0 auto 0 0;width:51%;pointer-events:none}
.oe-site-hero__scribble{position:absolute;right:25%;bottom:103px;transform:rotate(-9deg);display:block;width:max-content;color:#27332c;font:400 23px/1.28 var(--oe-script);letter-spacing:.006em}
/* E02 flourished arrow is a child of the note itself: a single rotated, responsive unit.
   It never uses the viewport/hero as its absolute positioning parent. */
.oe-site-hero__scribble>span{display:block;position:relative;z-index:1}
.oe-site-hero__scribble-arrow{display:block;position:absolute;z-index:0;width:86px;height:68px;left:-64px;bottom:-60px;overflow:visible;pointer-events:none;color:inherit;max-width:none}
/* E03: parent is photo, not hero viewport: blob, writing & underlining stay together. */
.oe-site-hero__organic{position:absolute;z-index:3;top:8px;right:0;width:clamp(245px,19.6vw,296px);height:clamp(290px,26vw,376px);color:#203a30;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;isolation:isolate}
.oe-site-hero__blob{position:absolute;inset:0;width:100%;height:100%;z-index:-1;color:var(--oe-sage)}
/* Organic writing and flourish are a single, intrinsically-sized unit, not viewport-anchored ornaments. */
.oe-site-hero__organic-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;flex:none;width:max-content;max-width:75%;margin-left:38px;transform:rotate(-7deg)}
.oe-site-hero__organic p{position:relative;z-index:2;margin:0!important;font:400 clamp(17px,1.4vw,22px)/1.45 var(--oe-script)!important;color:#29372b!important;padding:0!important;white-space:nowrap}
.oe-site-hero__underline{width:min(100%,102px);height:22px;display:block;flex:none;align-self:center;margin:0;overflow:visible;color:#29372b}
/* The prototype logo is text (selectable and crisp) rather than an image screenshot. */
.oe-brand{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none!important;color:#203a30!important;line-height:1.1}
.oe-brand__word{position:relative;display:inline-flex;align-items:baseline;font:700 clamp(24px,2.25vw,31px)/1.1 'Trebuchet MS',Arial,sans-serif;letter-spacing:-.055em;white-space:nowrap}
.oe-brand__dash{color:#aa5537;margin:0 .035em}.oe-brand__accent{color:#a95636}.oe-brand__suffix{color:#21392f}.oe-brand__leaf{position:absolute;right:-17px;top:-6px;width:15px;height:15px}
.oe-brand__tag{font:400 9px/1.5 Arial,sans-serif;letter-spacing:.24em;margin-top:4px;color:#61705b;white-space:nowrap}
/* Editorial topic cards – existing approved layout preserved. */
.oe-site-hero-topics{position:relative;left:50%;transform:translateX(-50%);max-width:none;width:min(100vw,1750px);margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:12px max(5.3%,26px) 30px;background:#faf8f3;color:#203a30;font-family:Arial,'Helvetica Neue',sans-serif}
.oe-site-hero-topic{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:210px;padding:20px 32px 21px 32px;text-decoration:none!important;color:#152920!important;border:0;border-radius:20px;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}
.oe-site-hero-topic--peach{background:#f0e3d9}.oe-site-hero-topic--sage{background:#e8e9df}
.oe-site-hero-topic__icon{display:grid;place-items:center;width:110px;height:87px;margin-bottom:2px;border-radius:49% 51% 59% 41% / 47% 44% 56% 53%;background:#e8c9b8;color:#142a21}
.oe-site-hero-topic--sage .oe-site-hero-topic__icon{background:#d7ddc9}
.oe-site-hero-topic__icon svg{width:57px;height:66px;max-width:none}
.oe-site-hero-topic__title{font:600 31px/.99 'Bodoni MT','Didot',Georgia,serif;margin:0 0 12px;color:#162c23}
.oe-site-hero-topic__sub{font:400 13px/1.5 Arial,sans-serif;letter-spacing:.18em;max-width:175px;color:#59664c}
.oe-site-hero-topic__arrow{position:absolute;right:26px;bottom:25px;font:30px/1 Arial,sans-serif;color:#1d2a25}
a.oe-site-hero-topic:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgb(38 45 32 / 12%)}
a.oe-site-hero-topic:focus-visible{outline:3px solid #b85c3e;outline-offset:3px}
@media(min-width:768px) and (max-width:1350px){.oe-site-hero h1{font-size:clamp(62px,6vw,79px)!important}.oe-site-hero__intro{font-size:17px;max-width:390px}.oe-site-hero__eyebrow{font-size:23px}.oe-site-hero__eyebrow-rule{width:74px}.oe-site-hero__scribble{font-size:20px;bottom:48px}.oe-site-hero__organic{width:clamp(210px,22vw,270px);height:clamp(258px,25vw,325px)}.oe-site-hero__organic p{font-size:18px!important}.oe-site-hero-topic{padding:20px;min-height:199px}.oe-site-hero-topic__title{font-size:26px}}
@media(min-width:768px) and (max-width:1350px){.oe-site-hero__scribble{bottom:68px}.oe-site-hero__scribble-arrow{width:68px;height:54px;left:-46px;bottom:-50px}}
@media(min-width:768px) and (max-width:1199px){.oe-site-hero{min-height:595px}.oe-site-hero__copy{width:48%;max-width:570px;min-height:595px;padding:44px 0 66px 5%}.oe-site-hero__curve{width:63%}.oe-site-hero__photo{left:22%}.oe-site-hero__note-zone{width:57%}.oe-site-hero h1{font-size:clamp(54px,6.15vw,71px)!important}.oe-site-hero__intro{font-size:16px;max-width:340px}.oe-site-hero__cta{font-size:12px!important;padding:17px 24px!important}.oe-site-hero__organic{width:clamp(190px,23vw,245px);height:clamp(236px,26vw,296px)}.oe-site-hero__organic p{font-size:15px!important}.oe-site-hero__organic-content{margin-left:20px}.oe-site-hero__underline{width:80px;height:18px}.oe-site-hero__scribble{font-size:17px;bottom:36px;right:23%}.oe-site-hero-topics{gap:12px;padding:12px 3.5% 23px}.oe-site-hero-topic{padding:15px 16px;min-height:175px}.oe-site-hero-topic__icon{width:79px;height:65px}.oe-site-hero-topic__icon svg{width:45px;height:55px}.oe-site-hero-topic__title{font-size:23px}.oe-site-hero-topic__sub{font-size:10px}.oe-site-hero-topic__arrow{font-size:23px;right:13px;bottom:13px}}
@media(min-width:768px) and (max-width:1199px){.oe-site-hero__scribble{bottom:56px}.oe-site-hero__scribble-arrow{width:65px;height:52px;left:-45px;bottom:-46px}}
@media(max-width:767px){.oe-site-hero{min-height:0;display:flex;flex-direction:column;overflow:hidden}.oe-site-hero__photo{position:relative;z-index:1;inset:auto;width:100%;height:390px;order:2}.oe-site-hero__photo img{object-position:center 42%}.oe-site-hero__curve{display:none}.oe-site-hero__copy{order:1;width:100%;max-width:100%;min-height:0;padding:42px 24px 37px;display:block}.oe-site-hero__eyebrow{font-size:21px;margin-bottom:21px!important}.oe-site-hero__eyebrow-rule{width:60px}.oe-site-hero h1{font-size:clamp(43px,10.8vw,56px)!important;line-height:1.03!important;margin-bottom:22px!important}.oe-site-hero__intro{font-size:16px;line-height:1.55;max-width:500px;margin-bottom:24px!important}.oe-site-hero__cta{padding:17px 24px!important;font-size:12px!important}.oe-site-hero__note-zone{position:relative;order:3;inset:auto;width:100%;height:114px;flex:none}.oe-site-hero__scribble{position:absolute;left:88px;right:auto;bottom:18px;transform:rotate(-6deg);font-size:19px}.oe-site-hero__organic{top:0;right:0;width:clamp(165px,45vw,220px);height:clamp(205px,54vw,270px)}.oe-site-hero__organic p{font-size:clamp(13px,3.8vw,17px)!important;line-height:1.35!important}.oe-site-hero__organic-content{margin-left:19px}.oe-site-hero__underline{width:70px;height:16px}.oe-site-hero-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:11px 16px 25px}.oe-site-hero-topic{padding:16px;min-height:178px;border-radius:15px}.oe-site-hero-topic__icon{height:67px;width:79px}.oe-site-hero-topic__icon svg{width:42px;height:55px}.oe-site-hero-topic__title{font-size:23px}.oe-site-hero-topic__sub{font-size:10px;letter-spacing:.11em;max-width:140px}.oe-site-hero-topic__arrow{font-size:21px;bottom:12px;right:11px}.oe-brand__word{font-size:24px}.oe-brand__tag{font-size:7px}}
@media(max-width:767px){.oe-site-hero__note-zone{height:162px}.oe-site-hero__scribble{bottom:58px}.oe-site-hero__scribble-arrow{width:66px;height:52px;left:-72px;bottom:-40px}}
@media(max-width:390px){.oe-site-hero__copy{padding:39px 20px 30px}.oe-site-hero h1{font-size:clamp(40px,10.6vw,45px)!important}.oe-site-hero__photo{height:335px}.oe-site-hero__organic{width:168px;height:204px}.oe-site-hero__organic p{font-size:13px!important}.oe-site-hero-topic{padding:13px;min-height:165px}.oe-site-hero-topic__title{font-size:21px}}
@media(prefers-reduced-motion:reduce){.oe-site-hero__cta,a.oe-site-hero-topic{transition:none!important}}
body .oe-site-hero :where(img){box-shadow:none;border-radius:0}body .oe-site-hero :where(svg){max-width:none}
@media(max-width:360px){.oe-site-hero__organic{width:147px;height:187px}.oe-site-hero__organic p{font-size:12px!important}.oe-site-hero__organic-content{margin-left:17px}.oe-site-hero__underline{width:61px;height:14px}}

/* v0.6.1: A small hand-drawn flourish is anchored directly to the left handwritten note.
   Right lettering underline remains bound to its text; all approved layout components unchanged. */