:root{--pink:#ef3874;--ink:#292723;--paper:#fbf6ec}body{background:var(--paper)}header{position:relative;background:var(--paper)}.preview{background:#343b34}.wrap{width:min(1180px,88%)}.rip-hero{background:var(--paper);padding:45px 0 0}.hero-heading{display:grid;grid-template-columns:1.35fr 1fr;gap:80px;align-items:end;padding-bottom:37px}.hero-heading h1{font-size:clamp(44px,5.3vw,76px);letter-spacing:-2.7px;font-weight:500;line-height:.98}.hero-heading h1 em{color:#bd285a}.hero-intro p{max-width:370px;font-size:17px;color:#51483e;margin:0 0 22px}.hero-intro small{display:block;font-size:10px;margin-top:12px;color:#6c6158}.btn{border-radius:4px;background:#df336a}.rip-art{margin:0;position:relative;overflow:hidden;background:#e6dfd5}.rip-art img{display:block;width:100%;height:clamp(280px,31vw,470px);object-fit:cover}.rip-art figcaption{position:absolute;left:6%;right:6%;bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;pointer-events:none}.rip-art figcaption span{background:#f0eee9ed;padding:10px 14px;font-size:11px;letter-spacing:.04em;color:#6e6a65}.rip-art figcaption strong{font-size:23px;font-weight:500;background:#fbf5e7f5;padding:14px 21px;transform:rotate(-2deg);box-shadow:2px 3px 15px #43231219}.rip-art figcaption em{font:italic 35px/1 'Cormorant Garamond',serif;color:#b42b57}.journey-line{margin-top:0;background:transparent;padding:22px 0;border:none}.journey-line a{color:#ac2252}.section{padding:82px 0}.recognition{background:#f9f3e8}.desire{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center}.desire h2{font-size:clamp(34px,3.8vw,52px);line-height:1.03}.desire>div{max-width:390px}.desire p{font-size:16px;color:#51483e}.desire p:first-child{margin-top:0}#first-look{background:#273f37}.process-art{margin:0;transform:rotate(2deg)}.process-art img{display:block;width:100%;aspect-ratio:1.45;object-fit:cover;box-shadow:10px 12px 0 #e6b84a}.process-art figcaption{font-size:10px;line-height:1.2;padding:22px 4px 0;color:#d2d9ce}.two{gap:65px}.thinking{position:relative;background:#c4ded3!important}.thinking-example{background:#fbf4e7;border:0;border-left:5px solid #df3972;box-shadow:10px 10px 0 #91bfb1;padding:32px;transform:rotate(-1.5deg)}.thinking-example h3{font-size:31px;line-height:1.04}.example-cta{display:inline-block;background:#315b4d;color:white;padding:12px 16px;font-size:11px;margin-top:10px}.annotation{font-size:22px;color:#953150;line-height:1.1}.thinking p:not(.eyebrow){line-height:1}.generic-copy{line-height:1.1!important}#ergebnis{background:#f9f3e8}.outcome h3{font-size:23px}#stimmen{background:#552b3d}.about{grid-template-columns:.65fr .7fr 1fr;gap:36px;align-items:center}.about-portrait{margin:0}.about-portrait img{display:block;width:100%;height:255px;object-fit:cover;object-position:center 22%;transform:rotate(-2deg)}.about h3{font-size:29px}.about p.eyebrow{font-size:9px;color:#ecc988}.services{background:#f7edd7}.services-list{column-gap:70px}.service{padding:25px 0}.service h3{font-size:26px}.closing{background:#f3c5d5 url('assets/editorial-paper.webp') center/cover no-repeat}.closing h2{font-size:clamp(35px,4vw,56px)}.closing p{color:#493b40}.closing h2 em{color:#a52a55}.closing .btn{background:#342e2a}.closing small{color:#514344}h2{font-size:clamp(34px,3.6vw,48px)}.quote{font-size:36px}.steps h3{font-size:21px}.steps p{font-size:14px}.outcome p,.service p{font-size:14px}.hero-heading .eyebrow{font-size:9px}p{line-height:1}a:focus-visible,summary:focus-visible{outline:3px solid #da3270;outline-offset:5px}@media(max-width:800px){.hero-heading{gap:35px}.hero-heading h1{font-size:53px}.hero-intro p{font-size:15px}.desire{gap:40px}.about{grid-template-columns:.65fr 1fr}.about>div:last-child{grid-column:1/-1}.rip-art figcaption strong{font-size:18px}.rip-art figcaption em{font-size:28px}}@media(max-width:650px){.rip-hero{padding-top:30px}.hero-heading{display:block;padding-bottom:28px}.hero-heading h1{font-size:47px;letter-spacing:-1.8px}.hero-intro{margin-top:24px}.hero-intro p{font-size:16px;max-width:340px}.rip-art img{height:260px;object-position:52% center}.rip-art figcaption{left:5%;right:5%;bottom:13px;gap:12px;align-items:end}.rip-art figcaption span{font-size:9px;padding:8px;max-width:95px;line-height:1.1}.rip-art figcaption strong{font-size:14px;padding:10px 12px;max-width:180px}.rip-art figcaption em{font-size:25px}.journey-line{padding:19px 0;gap:15px}.section{padding:55px 0}.desire{display:block}.desire h2{font-size:37px}.desire>div{margin-top:27px}.desire p{font-size:15px}.two{gap:34px}.process-art{margin:5px 10px 0 0}.process-art figcaption{padding-top:20px}.thinking-example{padding:27px;margin-right:8px}.thinking-example h3{font-size:28px}.about{gap:22px;grid-template-columns:.75fr 1fr}.about-portrait img{height:220px}.about h3{font-size:25px}.about>div:last-child{grid-column:1/-1}.quote{font-size:30px}.closing h2{font-size:36px}.outcome h3{font-size:21px}h2{font-size:35px}}
/* A full-background rupture between the two visual worlds. */
.rip-hero{position:relative;isolation:isolate;background:#111315 url('assets/two-worlds.webp') center/cover no-repeat;padding-top:0;min-height:620px}.rip-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,9,10,.8) 0%,rgba(7,9,10,.58) 35%,transparent 59%)}.hero-heading{min-height:465px;align-items:center;padding-top:55px;padding-bottom:50px;gap:110px}.hero-heading h1{color:#fff8eb;text-shadow:0 2px 20px #0006}.hero-heading h1 em{color:#f9a7c8}.hero-heading .eyebrow{color:#d4d7d1}.hero-intro{background:#fbf4e9f5;padding:28px 30px;box-shadow:0 9px 35px #25110624;transform:rotate(1deg);max-width:420px}.hero-intro p{color:#342d29}.rip-art{background:transparent;overflow:visible;height:65px}.rip-art img{display:none}.rip-art figcaption{bottom:14px}.rip-art figcaption span{background:#121615d9;color:#d3d7ca}.rip-art figcaption strong{background:#fff4de}.rip-hero .journey-line{background:#fbf6ecef;width:100%;padding:22px 6%;grid-template-columns:repeat(4,1fr)}.rip-hero .journey-line span{color:#302b26}@media(max-width:800px){.hero-heading{gap:40px}.hero-intro{padding:23px}.hero-heading h1{font-size:51px}}@media(max-width:650px){.rip-hero{background-position:48% center;min-height:0}.rip-hero:before{background:linear-gradient(180deg,#06090acc 0%,#090a0b66 32%,transparent 60%)}.hero-heading{min-height:0;padding-top:36px;padding-bottom:20px}.hero-heading h1{font-size:46px}.hero-intro{margin-top:95px;margin-left:auto;max-width:290px;padding:23px}.hero-intro p{font-size:15px}.rip-art{height:64px}.rip-art figcaption strong{font-size:13px}.rip-hero .journey-line{grid-template-columns:1fr 1fr;padding:19px 6%}}

.rip-hero{min-height:0}
/* Integrated navigation and a clear stage for Nicola. */
.preview{display:none}header{position:absolute;top:0;left:0;width:100%;z-index:10;background:transparent;border:0}header nav{height:92px;border-bottom:1px solid #ffffff26}header .brand{color:#fff7e9}header .brand span{color:#ff96bd}header .brand small{color:#e8e6da}header .navlinks{background:#141a18a6;border-radius:25px;padding:12px 20px;gap:22px;color:#fff9ef}header .navlinks a{color:inherit}header nav .btn{background:#c72860;color:#fff}.rip-hero{background-image:url('assets/nicola-world-bold.webp');background-position:center top}.rip-hero:before{background:linear-gradient(90deg,#06090bea 0%,#06090bbc 27%,#06090b55 42%,transparent 57%)}.hero-heading{display:block;min-height:615px;padding-top:153px;padding-bottom:38px}.hero-heading>div:first-child{max-width:530px}.hero-heading h1{font-size:clamp(43px,5vw,69px)}.hero-intro{background:none;box-shadow:none;transform:none;padding:0;margin-top:24px;max-width:390px}.hero-intro p{color:#fff7ed;font-size:16px}.hero-intro small{color:#e0d9ce}.rip-art{height:55px}.rip-art figcaption{bottom:18px}.rip-hero .journey-line{background:#fbf6ec}.rip-art figcaption strong{font-size:20px}.rip-art figcaption em{font-size:30px}@media(max-width:900px){header .navlinks{display:none}.hero-heading{min-height:570px;padding-top:125px}.hero-heading h1{font-size:53px}.hero-intro{max-width:335px}.rip-hero{background-position:55% top}.hero-intro p{font-size:15px}}@media(max-width:650px){header nav{height:72px;border-bottom:0}header .brand{font-size:21px}header nav .btn{font-size:10px;padding:12px}.rip-hero{background-size:auto 350px;background-position:73% top;background-color:#111715}.rip-hero:before{background:linear-gradient(180deg,#10151466 0%,transparent 13%,transparent 29%,#111715 44%)}.hero-heading{min-height:0;padding-top:342px;padding-bottom:24px}.hero-heading>div:first-child{max-width:100%}.hero-heading h1{font-size:44px}.hero-heading .eyebrow{font-size:8px;margin-bottom:16px}.hero-intro{max-width:100%;margin:20px 0 0;padding:0}.hero-intro p{max-width:330px;color:#fff7ed}.hero-intro small{font-size:10px}.rip-art{height:46px}.rip-art figcaption span{display:none}.rip-art figcaption{justify-content:flex-end}.rip-art figcaption strong{font-size:14px;padding:7px 12px}.rip-art figcaption em{font-size:23px}}
/* Desktop proportions: preserve the full composition instead of enlarging the portrait. */
@media(min-width:901px){.rip-hero{background-size:100% auto;background-color:#0a1113;background-position:center top}.hero-heading{min-height:clamp(510px,43vw,650px);padding-top:clamp(132px,11vw,165px);padding-bottom:35px}.hero-heading>div:first-child{max-width:48%}.hero-heading h1{font-size:clamp(48px,4.6vw,66px);line-height:1.02;letter-spacing:-2px}.hero-intro{max-width:360px;margin-top:22px}.hero-intro p{font-size:16px}.rip-art{height:44px}.rip-art figcaption{bottom:16px}.rip-art figcaption strong{font-size:19px;padding:11px 20px}.rip-art figcaption em{font-size:29px}header nav{height:86px}header .navlinks{background:none;padding:10px 0;gap:25px}header .navlinks a{font-size:11px;text-shadow:0 1px 8px #000}.rip-hero:before{background:linear-gradient(90deg,#070d10c9 0%,#070d1077 32%,transparent 54%)}}
@media(min-width:901px) and (max-width:1100px){.hero-heading h1{font-size:48px}.hero-intro{max-width:330px}.hero-intro p{font-size:15px}header .navlinks{gap:14px}}
@media(max-width:650px){.rip-art figcaption strong{max-width:230px;white-space:nowrap;font-size:14px}.rip-art figcaption em{font-size:23px}}
@media(min-width:901px){header .navlinks{background:#071014b8;border-radius:22px;padding:11px 17px;gap:20px}header .navlinks a{text-shadow:none}.rip-art figcaption strong{transform:rotate(-2deg)}}
@media(min-width:901px){header nav>.btn{display:none}header .navlinks{margin-left:48px;margin-right:auto}header nav{justify-content:flex-start}header .brand{flex-shrink:0}}