:root{--ink:#202020;--paper:#f5f3ee;--white:#fff;--yellow:#ebfc72;--line:rgba(32,32,32,.18);--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.nav{position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:22px 4vw;color:white}.brand{display:block;width:175px}.brand img{width:100%;height:auto}.navlinks{display:flex;gap:29px;align-items:center;font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;font-size:.84rem;font-weight:400;letter-spacing:.035em}.navlinks>a:not(.nav-cta){padding:10px 0;border-bottom:1px solid transparent}.navlinks>a:not(.nav-cta):hover{border-color:var(--yellow)}.nav-cta{background:var(--ink);color:white;padding:11px 17px}.nav-cta:hover{background:#353535;color:var(--yellow)}
.hero{min-height:100vh;position:relative;display:grid;align-items:end;overflow:hidden;background:var(--ink)}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.58)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.8))}.hero-content{z-index:1;position:relative;color:white;padding:185px 4vw 8vh;max-width:var(--max);width:100%}.hero-subline{position:relative;z-index:4;margin:0 0 42px;font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;font-size:.86rem;font-weight:400;letter-spacing:.12em}.artful-title{font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;font-weight:600;letter-spacing:-.065em}.headline-block{position:relative;z-index:1;display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;background:var(--ink);color:white;padding:0 .09em}.hero h1{font-size:clamp(4rem,10.5vw,9.5rem);line-height:.83;margin:0;max-width:11ch}.hero-title .headline-block:first-child{white-space:nowrap}.shift-title{position:relative;z-index:2;text-shadow:.055em .065em 0 var(--yellow)}.front-letter{position:relative;z-index:4;display:inline-block;transform:translateY(.12em)}.hero-copy{font-size:clamp(1.02rem,1.55vw,1.28rem);line-height:1.34;max-width:660px;margin:52px 0 38px}.hero-copy p{margin:.5em 0}.hero-copy p:first-child{margin-top:0}.hero-copy p:last-child{margin-bottom:0}.shift-word{text-shadow:.06em .07em 0 var(--yellow)}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;font-weight:400;letter-spacing:.02em;text-decoration:none;transition:background .2s,color .2s,border-color .2s}.button.primary{padding:16px 19px;background:var(--ink);color:white}.button.primary:hover{background:var(--yellow);color:var(--ink)}.button.light{padding:16px 19px;background:var(--yellow);color:var(--ink)}.button.light:hover{background:white}.button.outline-light{border:3px solid var(--yellow);padding:13px 16px;color:white}.button.outline-light:hover{background:var(--yellow);color:var(--ink)}.text-arrow{font-family:Arial,sans-serif;font-style:normal;font-variant-emoji:text}.hero-button{background:white!important;color:var(--ink)!important}.hero-button:hover{background:var(--yellow)!important}
.section{padding:clamp(82px,10vw,140px) 4vw}.wrap{max-width:var(--max);margin:auto}.dark{background:var(--ink);color:white}.offer-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:end;margin-bottom:80px}.offer-intro h2{font-size:clamp(3.5rem,7vw,7rem);line-height:.84;margin:0}.offer-intro .headline-block{background:var(--yellow);color:var(--ink)}.offer-title .headline-block:first-child{z-index:1}.offer-title .headline-block:last-child{z-index:2}.offer-title .front-letter{z-index:4;transform:translateY(.14em)}.offer-intro>p{font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.48;color:#e0dfd8;margin:0}
.offer-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.28)}.offer-card{padding:52px 7vw 8px 0}.offer-card+.offer-card{padding-left:5vw;border-left:1px solid rgba(255,255,255,.28)}.industry-title{display:inline;font:600 clamp(3rem,5vw,5.2rem)/1 "Avenir Next","Helvetica Neue",Arial,sans-serif;letter-spacing:-.06em;color:white}.art-line-yellow{background:linear-gradient(transparent 70%,var(--yellow) 70%,var(--yellow) 92%,transparent 92%)}.art-line-light{background:linear-gradient(transparent 70%,var(--paper) 70%,var(--paper) 92%,transparent 92%)}.offer-card p{color:#d4d2cb;margin:32px 0 24px;max-width:520px}.offer-card .offer-note{font-size:inherit;color:#d4d2cb;margin-top:0}.actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:38px}
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}.portrait-frame{position:relative;margin-right:18px}.portrait-frame:before{content:"";position:absolute;inset:18px -18px -18px 18px;background:var(--yellow)}.portrait-frame img{position:relative;width:100%;aspect-ratio:1/1;object-fit:cover}.role{display:inline-block;background:var(--yellow);padding:5px 9px;font-size:.85rem;font-weight:700;margin-bottom:18px}.about h2{font-family:Optima,Candara,"Avenir Next","Helvetica Neue",sans-serif;font-size:clamp(2.8rem,5.4vw,5.2rem);font-weight:500;line-height:.95;letter-spacing:-.045em;margin:0 0 30px}.about-title{display:inline-flex;flex-direction:column;align-items:flex-start;background:var(--ink);color:var(--paper);padding:.18em .24em .2em}.about-title small{display:block;font-family:inherit;font-size:.56em!important;font-weight:400;line-height:1.18;letter-spacing:-.025em!important;color:var(--paper)}.about-copy{font-size:1.1rem;max-width:650px;margin-top:30px;margin-bottom:34px}.about-copy p{margin:0 0 20px}
footer{padding:28px 4vw;background:var(--ink);color:#ccc;display:flex;justify-content:space-between;gap:18px;font-size:.78rem}footer a{text-decoration:none}.footer-links{display:flex;gap:18px}
.legal-page .nav{position:relative;color:white;background:var(--ink);border-bottom:1px solid rgba(255,255,255,.15)}.legal-page{background:#faf9f5}.legal{max-width:950px;margin:auto;padding:80px 4vw 120px}.legal h1{font-size:clamp(3.2rem,8vw,7rem);line-height:.9;letter-spacing:-.065em;margin:0 0 75px}.legal-grid{display:grid;grid-template-columns:1fr 2fr;gap:25px 8vw}.legal-grid section{padding-top:24px;border-top:1px solid var(--line)}.legal-grid h2{font-size:1rem;margin:0}.legal-grid p{margin:0 0 18px}.back{text-decoration:none}.section-label{font-size:.77rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700}
@media(max-width:900px){.brand{width:155px}.navlinks{gap:18px}.navlinks>a:not(.nav-cta){display:none}}
@media(max-width:760px){.nav{padding:18px 20px}.brand{width:135px}.nav-cta{padding:9px 12px;font-size:.73rem}.hero{min-height:780px}.hero-content{padding:150px 20px 62px}.hero-subline{margin-bottom:30px}.hero h1{font-size:clamp(3.5rem,17vw,6rem)}.hero-copy{margin:42px 0 30px}.section{padding-left:20px;padding-right:20px}.offer-intro,.offer-grid,.about,.legal-grid{grid-template-columns:1fr}.offer-intro{gap:36px;margin-bottom:55px}.offer-card{padding:42px 0}.offer-card+.offer-card{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.28)}.actions{align-items:stretch}.actions .button{width:100%}.about{gap:58px}.legal h1{margin-bottom:50px}footer{flex-direction:column;padding-left:20px;padding-right:20px}.footer-links{flex-wrap:wrap}.legal-page .brand{width:135px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Unified artful display system */
.artful-title,.industry-title,.about h2{font-family:Optima,Candara,"Avenir Next","Helvetica Neue",sans-serif}
.artful-title{font-weight:600;letter-spacing:-.055em}
.headline-block{display:inline-block}
.hero h1{line-height:.91}
.hero-title .headline-block:first-child{z-index:3}
.shift-title{z-index:2;transform:translateY(-.12em);text-shadow:.035em .07em 0 var(--yellow)}
.front-letter{transform:none}
.shift-word{background:linear-gradient(transparent 78%,var(--yellow) 78%,var(--yellow) 94%,transparent 94%);text-shadow:none}

/* Kunst & Konzepte: quieter light field with a restrained 1/7 highlight */
.offer.dark{background:var(--paper);color:var(--ink)}
.offer-intro h2{line-height:.91}
.offer-intro .headline-block{background:var(--ink);color:var(--yellow)}
.offer-title .headline-block:first-child{z-index:3}
.offer-title .headline-block:last-child{z-index:2;transform:translateY(-.12em)}
.offer-title .front-letter{transform:none}
.offer-intro>p,.offer-card p,.offer-card .offer-note{color:#4e4d49}
.offer-grid{border-top-color:var(--line)}
.offer-card+.offer-card{border-left-color:var(--line)}
.industry-title{font-weight:600;letter-spacing:-.05em;color:var(--ink)}
.art-line-yellow,.art-line-light{background:linear-gradient(transparent 78%,var(--yellow) 78%,var(--yellow) 92%,transparent 92%)}

/* About: dark counterpoint using the same display face */
#whakami{background:var(--ink);color:var(--paper)}
#whakami .role{color:var(--ink)}
.about h2{font-weight:600}
.about-title{background:transparent;padding:.18em 0 .2em}
.about-title>span{background:linear-gradient(transparent 80%,var(--yellow) 80%,var(--yellow) 94%,transparent 94%)}
#whakami .button.primary{background:var(--paper);color:var(--ink)}
#whakami .button.primary:hover{background:var(--yellow)}

@media(max-width:760px){
  .hero h1{line-height:.93}
  .offer-card+.offer-card{border-left:0;border-top-color:var(--line)}
}

/* Requested color refinements */
.hero-title .shift-title{background:transparent;color:var(--yellow);text-shadow:none;padding-left:0;padding-right:0}
.hero-copy .shift-word,#whakami .shift-word{background:none;color:var(--yellow)}
.offer .outline-light{color:var(--ink)}

/* About echoes the Home header */
#whakami{background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.82)),url('/assets/now.webp') center/cover no-repeat;color:var(--paper)}
#whakami .role{font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;font-size:.86rem;font-weight:400;letter-spacing:.12em;color:var(--ink);background:var(--yellow)}

/* Compact, viewport-aware composition */
@media(min-width:761px){
  .hero{align-items:center}
  .hero-content{padding:136px 4vw 38px}
  .hero h1{font-size:clamp(4rem,8.5vw,8rem);line-height:.86}
  .hero-copy{max-width:760px;margin:28px 0 22px;line-height:1.3}
  .hero-copy p{margin:.3em 0}
  .offer-intro{grid-template-columns:1fr 1fr;gap:0;align-items:end;margin-bottom:56px}
  .offer-intro>p{padding-left:5vw;line-height:1.38}
  .offer-intro>p:before{content:"";display:block;width:72px;height:6px;margin:0 0 18px;background:var(--yellow)}
}

#whakami .role{margin-bottom:12px}
.about h2{line-height:.9;margin-bottom:20px}
.about-copy{line-height:1.42;margin-top:20px;margin-bottom:25px}
.about-copy p{margin-bottom:13px}

@media(max-width:760px){
  .hero-content{padding-top:132px;padding-bottom:46px}
  .hero h1{line-height:.9}
  .hero-copy{margin-top:28px;margin-bottom:23px;line-height:1.34}
  .offer-intro>p{line-height:1.42}
}

/* Harmonised About content block */
.about>div:last-child{max-width:680px}
#whakami .role{padding:6px 11px;margin:0 0 18px;line-height:1.25}
.about h2{font-size:clamp(3rem,4.8vw,4.7rem);line-height:.88;letter-spacing:-.04em;margin:0 0 30px}
.about-title{padding:0}
.about-title>span{line-height:.92}
.about-title small{font-size:.5em!important;line-height:1.08;margin-top:.08em;letter-spacing:-.018em!important}
.about-copy{max-width:640px;font-size:1.06rem;line-height:1.42;margin:0 0 25px}
.about-copy p{margin:0 0 13px}
.about-copy p:last-child{margin-bottom:0}
#whakami .button.primary{min-width:190px;padding:14px 18px;background:var(--yellow);color:var(--ink)}
#whakami .button.primary:hover{background:var(--paper)}

@media(max-width:760px){
  #whakami .role{margin-bottom:16px}
  .about h2{font-size:clamp(2.9rem,14vw,4.25rem);margin-bottom:25px}
  .about-copy{font-size:1rem;margin-bottom:22px}
}

.about-actions{margin-top:0}

/* Concepts: structured questions and conclusion */
.offer-card .concept-question{margin-bottom:8px}
.concept-list{margin:0 0 24px;padding-left:1.25em;color:#4e4d49;line-height:1.55}
.concept-list li{padding-left:.2em}
.offer-card .concept-summary{margin-top:0}

/* Mobile Home: horizontal, fully readable headline */
@media(max-width:760px){
  .hero{min-height:100svh;align-items:start}
  .hero-content{padding:132px 20px 48px}
  .hero h1{font-size:clamp(2.65rem,11.8vw,3.45rem);line-height:.91;max-width:none}
  .hero-title .headline-block:first-child{white-space:nowrap}
  .hero-copy{max-width:35rem;font-size:1rem;line-height:1.38;margin:27px 0 22px}
  .hero-copy p{margin:.55em 0}
  .hero-button{width:auto;max-width:100%;padding:14px 17px}
}