/* Shyka: a sharper identity. Coral, pink, ink and white. */
:root{--paper:#fff;--ink:#171717;--accent:#d73925;--pink:#f4c1d2;--coral:#f1533b;--muted:#646464;--line:#d8d8d8}
body{background:#fff}h1,h2,h3{font-weight:550}h1,h2{letter-spacing:-.06em}.eyebrow{letter-spacing:.1em;font-size:10px}
.header{height:112px;gap:40px;border-bottom:1px solid #171717}.brand{width:126px;height:89px;display:flex;align-items:center;overflow:visible;flex-shrink:0}.brand>svg{display:block;width:100%;height:100%}.header nav{font-weight:500}.header-cta{background:var(--ink);color:#fff;padding:15px 20px;border:0;border-radius:0;gap:26px;transition:background .2s}.header-cta span{color:var(--pink);font-size:18px}.header-cta:hover{background:var(--accent)}
.hero{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,.85fr);column-gap:45px;row-gap:38px;padding-top:44px;min-height:0}.hero-copy{padding-top:8px}.hero .eyebrow{margin-bottom:34px;font-size:10px}.hero h1{font-size:clamp(56px,5.45vw,89px);line-height:1.02;letter-spacing:-.065em}.hero h1 em{color:var(--accent)}.hero-description{margin-top:32px}.hero-description p{font-size:17px;line-height:1.6}.hero .button{margin-top:24px;background:var(--ink);color:white;min-width:239px}.hero .button:hover{background:var(--accent)}.button{border-radius:0;padding:19px 24px;transition:background .2s,transform .2s}.button span{font-size:19px}.button:hover span{transform:translate(2px,-2px)}
.hero-art{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;background:var(--coral);padding:25px 24px 17px;overflow:hidden;min-height:550px;transform:rotate(2deg);margin:10px 6px 10px 0;transition:transform .5s}.hero-art:hover{transform:rotate(0)}.art-top{display:flex;justify-content:space-between;border-bottom:1px solid #171717;padding-bottom:14px;font-size:9px;letter-spacing:.1em;font-weight:600}.art-headline{font-size:clamp(43px,4.9vw,76px);line-height:.98;letter-spacing:-.06em;font-weight:600;margin-top:25px;position:relative;z-index:1}.pike-window{width:132%;margin-left:-17%;margin-top:10px;margin-bottom:6px;transform:rotate(-13deg);will-change:transform;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.pike-window svg{display:block;width:100%;height:auto;overflow:visible}.hero-art:hover .pike-window{transform:translate(12px,-4px) rotate(-7deg)}.art-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #171717;padding-top:18px;font-size:26px;letter-spacing:-.045em;font-weight:500}.art-arrow{display:grid;place-items:center;background:var(--pink);border-radius:50%;height:60px;width:60px;font-size:38px;transform:rotate(-7deg)}.hero-foot{grid-column:1/-1;display:flex;align-items:center;padding:20px 0;font-size:10px;text-transform:uppercase;letter-spacing:.06em;border-color:#171717;gap:20px}.hero-foot a{margin-left:auto;color:var(--accent);font-size:23px}.hero-foot span:nth-child(2){margin-left:auto}
.section{padding-top:110px;padding-bottom:110px}.split{gap:8%}#situations{padding-top:120px}#situations h2 em{color:var(--accent)}.situations p{font-weight:450}.closing{font-weight:600}.process-section{background:var(--ink);color:#fff}.process-section em{color:var(--pink)}.process-section .eyebrow{color:#bcbcbc}.process article{border-color:#444}.process article>span{color:var(--pink);font-size:14px}.process article>span i{color:var(--coral)}.process p{color:#c8c8c8}.process h3{font-weight:500}.format-section{background:#fff}.formats summary{font-weight:500}.formats summary b{width:30px;height:30px;background:var(--pink);border-radius:50%;display:grid;place-items:center;font-size:23px;line-height:1}.formats details[open] summary{color:var(--accent)}
.history{background:var(--pink);color:var(--ink);position:relative}.history h2{font-size:clamp(49px,6vw,88px);max-width:1100px}.history em{color:#9c251c}.history .eyebrow{color:#171717}.history .career article,.history .history-quote{border-color:#17171750}.history .career-now{border-color:#171717}.history .career p{opacity:1;color:#4c333c}.history-quote p{font-weight:500}.history .career span{font-weight:600}.studio{background:white}.studio h2{font-size:clamp(46px,5.5vw,81px)}.studio h2 em{display:inline-block;background:var(--coral);color:#171717;padding:0 10px 9px;margin:5px 0 0 -10px;transform:rotate(-2deg)}.relationships{border:0;background:#fff3f6;padding-top:75px}.client-list{border-color:#171717}.client-list h3{font-weight:650;letter-spacing:-.055em}.client-list span{color:#9c251c;font-weight:550}.relationship-note{color:#5e4b52}.projects-section{background:#fff}.projects-section .section-title h2 em{color:var(--accent)}.project-grid{gap:90px 55px}.project-0{width:88%}.project-2{margin-top:150px}.project-image{background:#ececec}.image-index{background:#fff;color:#171717;border-radius:0;font-weight:550}.project-arrow{background:var(--coral);color:#171717}.project-card:hover .project-arrow{background:var(--ink);color:var(--pink)}.project-meta h3{font-weight:550}.project-card>p{color:#626262}.project-card:hover .project-meta h3{color:var(--accent)}.project-0 .project-image img{object-position:center 55%}
.reviews{background:var(--coral);color:var(--ink)}.reviews>.eyebrow{margin-bottom:30px}.reviews>h2{font-size:clamp(45px,5.5vw,80px);margin-bottom:55px}.reviews>h2 em{color:var(--ink)}.reviews-grid{gap:32px}.reviews article{border:0;padding:0;justify-content:start;display:flex;flex-direction:column}.review-photo{width:100%;position:relative;margin-bottom:29px;overflow:hidden;background:#e8b3c7;aspect-ratio:1.1}.review-photo img{height:100%;width:100%;object-fit:cover;object-position:center 28%;display:block;transition:transform .6s}.reviews article:hover img{transform:scale(1.03)}.reviews article:nth-child(2) .review-photo{border-radius:90px 0 0 0}.reviews article:nth-child(3) .review-photo{border-radius:0 0 90px 0}.review-photo span{position:absolute;bottom:15px;left:15px;padding:7px 11px;background:var(--pink);font-size:11px;font-weight:550}.reviews blockquote{font-size:clamp(23px,2.4vw,35px);line-height:1.27;letter-spacing:-.035em;margin:0 0 27px;font-weight:500}.reviews article>p{margin-top:auto;border-top:1px solid #17171770;padding-top:20px;font-size:14px;font-weight:600}.reviews article p span{color:#291811;max-width:260px;font-size:11px;font-weight:400;line-height:1.5}.notes-list a{transition:padding .3s}.notes-list a:hover{padding-left:15px;padding-right:15px;background:#fff3f6}.notes-list h3{font-weight:500}.notes-list a:hover h3{color:#9c251c}.notes-list b{color:var(--accent)}.contact-banner{background:var(--ink);color:white;margin:0 var(--pad) 85px;padding:60px 60px 45px}.contact-banner em{color:var(--coral)}.contact-bottom p{color:#d5d5d5}.round-link{background:var(--coral);color:#171717;border:0}.round-link:hover{background:var(--pink);color:#171717;transform:rotate(7deg)}.contact-banner .eyebrow{color:var(--pink)}.footer-word{position:static;display:block;overflow:visible;width:240px;height:160px;font-size:inherit}.footer-word>svg{width:100%;height:100%;display:block}.footer-top{padding:15px 0 40px}.footer-top p{font-size:13px;color:#171717}.footer-bottom{color:#646464}.footer-bottom>a{color:#171717}.page-intro h1 em{color:var(--accent)}.case-logic{background:var(--pink)}.sand{--case-bg:#f2dfd3}.green{--case-bg:#f5c4d3}.lavender{--case-bg:#e8c7df}.case-cover{padding-top:60px;padding-bottom:60px}.contact-details a:first-child{color:var(--accent)}.article .article-lead{color:var(--accent)}.draft-label{color:#646464}
/* Motion stays short; content is visible without JavaScript. */
@keyframes hero-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:hero-enter .65s ease-out both}.hero-art{animation:hero-enter .8s ease-out both}.reveal-pending{opacity:0;transform:translateY(22px)}.reveal-pending.is-visible{opacity:1;transform:translateY(0);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.process article.is-visible{transition-delay:var(--reveal-delay,0ms)}}
@media(min-width:1700px){.hero{min-height:0;padding-bottom:0}.hero h1{font-size:100px}.hero-art{min-height:650px}.art-headline{font-size:90px}}
@media(max-width:1100px){.header{gap:25px}.hero{gap:30px;grid-template-columns:minmax(0,1.6fr) minmax(240px,.85fr)}.hero h1{font-size:clamp(49px,5.5vw,64px)}.hero-art{min-height:490px;padding:21px 20px 18px}.art-headline{font-size:54px}.art-bottom{font-size:23px}.art-arrow{height:48px;width:48px;font-size:31px}.hero-description p{font-size:16px}.reviews-grid{gap:25px}.reviews blockquote{font-size:26px}.footer-word{width:205px;height:140px}}
@media(max-width:760px){.header{height:86px;gap:15px}.brand{width:101px;height:73px}.header-cta{font-size:10px;gap:10px;padding:11px 12px}.header-cta span{font-size:15px}.header nav{top:85px;background:white}.menu{font-size:24px;padding-left:0}.hero{grid-template-columns:1fr;padding-top:34px;gap:28px}.hero-copy{padding:0}.hero .eyebrow{font-size:9px;margin-bottom:28px;gap:8px}.hero h1{font-size:clamp(42px,8.9vw,65px);line-height:1.04;letter-spacing:-.063em}.hero-description{margin-top:26px}.hero-description p{font-size:16px}.hero .button{margin-top:22px}.hero-art{min-height:0;height:340px;margin:8px 5px 2px;padding:20px;transform:rotate(1.5deg);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto}.art-top{grid-column:1/-1;font-size:8px}.art-headline{font-size:48px;margin-top:27px;align-self:start}.pike-window{position:absolute;width:78%;right:-8%;top:104px;margin:0;transform:rotate(-28deg)}.hero-art:hover .pike-window{transform:translate(5px,-4px) rotate(-20deg)}.art-bottom{grid-column:1/-1;grid-row:3;font-size:24px;padding-top:13px}.art-arrow{width:44px;height:44px;font-size:28px}.hero-foot{font-size:8px;line-height:1.5;gap:13px;padding:18px 0}.hero-foot span:last-child{max-width:none}.hero-foot span:nth-child(2){max-width:125px;text-align:right}.hero-foot a{font-size:21px}.section{padding-top:75px;padding-bottom:75px}#situations{padding-top:80px}.studio h2{font-size:47px}.studio h2 em{padding:0 7px 6px}.process h3{font-size:23px}.history h2{font-size:46px}.client-list>div+div{border-color:#17171740}.project-grid{gap:45px}.project-0{width:100%}.project-2{margin-top:0}.projects-section .section-title{margin-bottom:35px}.reviews>h2{font-size:46px;margin-bottom:38px}.reviews-grid{grid-template-columns:1fr;gap:42px}.reviews article{display:grid;grid-template-columns:100px 1fr;gap:0 21px}.review-photo{grid-row:1/3;aspect-ratio:3/4;margin:0;height:134px;width:100px;border-radius:0!important}.review-photo img{object-position:center 20%}.review-photo span{display:none}.reviews blockquote{font-size:23px;line-height:1.3;margin:0 0 19px}.reviews article>p{font-size:12px;padding-top:13px}.reviews article p span{font-size:10px}.contact-banner{margin:0 12px 45px;padding:36px 24px}.contact-banner h2{font-size:46px}.contact-bottom p{font-size:13px}.footer-word{width:165px;height:110px}.footer-top{padding:10px 0 30px}.footer-top p{font-size:11px}.notes-list a:hover{padding-left:8px;padding-right:8px}.page-intro h1{font-size:43px}.page-intro{padding-top:55px}.compact-top{padding-top:25px}}
@media(prefers-reduced-motion:reduce){.hero-art,.pike-window{transform:none}.hero-art:hover .pike-window{transform:none}.reveal-pending{opacity:1;transform:none}.notes-list a:hover{padding-left:0;padding-right:0}}
/* Case photos supply their own colour; their surrounding canvas stays neutral. */
.sand,.green,.lavender{--case-bg:#f4f4f4}
@keyframes art-enter{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:no-preference){.hero-art{animation:art-enter .8s ease-out both}}
/* Open typographic hero, restoring the first composition in the approved palette. */
.hero.hero-open{display:block;padding-top:53px;min-height:0}
.hero-open .eyebrow{margin-bottom:44px}
.hero-open h1{max-width:1400px;font-size:clamp(58px,7.7vw,122px);line-height:1.035;font-weight:450;letter-spacing:-.055em}
.hero-open h1 em{color:var(--accent)}
.hero-open .hero-bottom{display:grid;grid-template-columns:1fr 1.2fr;gap:35px;margin:54px 0 65px;align-items:start}
.hero-open .hero-description{margin-top:0}
.hero-open .hero-description p{font-size:19px;line-height:1.55}
.hero-open .hero-caption{display:block;color:#646464;font-size:13px;line-height:1.6;padding-top:7px}
.hero-open .hero-foot{justify-content:space-between}
.hero-open .hero-foot span:nth-child(2){margin-left:0}
.header-cta,.button{justify-content:center;gap:0}
.header-cta{padding-left:23px;padding-right:23px}
.button{min-width:214px}
.contact-button{background:var(--coral);color:var(--ink);white-space:nowrap;flex-shrink:0;min-height:62px;font-weight:500}
.contact-button:hover{background:var(--pink);color:var(--ink)}
.notes-list a{grid-template-columns:180px 1fr}
.project-card:hover .project-meta h3{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.back{text-decoration:underline;text-underline-offset:5px}
@media(max-width:1100px){.notes-list a{grid-template-columns:130px 1fr}}
@media(max-width:760px){
 .hero.hero-open{padding-top:35px}
 .hero-open .eyebrow{font-size:9px;letter-spacing:.065em;margin-bottom:40px}
 .hero-open h1{font-size:clamp(37px,8.7vw,64px);letter-spacing:-.06em;line-height:1.08}
 .hero-open .hero-bottom{grid-template-columns:1fr;gap:0;margin-top:35px;margin-bottom:45px}
 .hero-open .hero-caption{display:none}
 .hero-open .hero-description p{font-size:16px;max-width:350px}
 .hero-open .hero-foot{font-size:8px;gap:20px}
 .hero-open .hero-foot span:nth-child(2){max-width:140px;text-align:right}
 .notes-list a{grid-template-columns:1fr;gap:12px}
 .notes-list a>span{grid-column:auto}
 .contact-bottom{flex-direction:column;gap:25px}
 .contact-button{align-self:flex-start;min-height:54px;font-size:13px}
 .header-cta{padding:11px 14px}
}

/* Consistent icon boxes keep arrows aligned independently of font metrics. */
.link-arrow{display:block;width:20px;height:20px;flex:0 0 20px;align-self:center}
.header-cta,.button,.text-link,.back{display:inline-flex;align-items:center;justify-content:center;gap:20px;line-height:1.4}
.header-cta .link-arrow{width:18px;height:18px;flex-basis:18px;color:var(--pink)}
.text-link{justify-content:space-between;gap:24px}
.back{gap:10px}.arrow-back{order:-1;transform:rotate(-135deg)}
.project-arrow .link-arrow{width:24px;height:24px;flex-basis:24px}
.notes-list a{grid-template-columns:180px 1fr 24px}
.notes-list a>.link-arrow{color:var(--accent);justify-self:end}
@media(max-width:1100px){.notes-list a{grid-template-columns:130px 1fr 24px}}
@media(max-width:760px){.header-cta{gap:10px}.header-cta .link-arrow{width:16px;height:16px;flex-basis:16px}.notes-list a{grid-template-columns:1fr 24px}.notes-list a>span{grid-column:1/-1}.notes-list a>.link-arrow{grid-column:2;grid-row:2}}

/* WordPress integration */
.direct-contacts{margin-top:30px;font-size:16px}.direct-contacts a:hover{text-decoration:underline}
.note-teaser{display:grid;grid-template-columns:180px 1fr;gap:35px;border-top:1px solid var(--line);padding:34px 0;align-items:center}.note-teaser:last-child{border-bottom:1px solid var(--line)}.note-teaser>span{font-size:12px;color:var(--muted)}
.wp-site-content{min-height:50vh}.wp-site-content .alignwide{max-width:1100px;margin-inline:auto}.wp-site-content>p{margin-bottom:1em}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.note-teaser{grid-template-columns:1fr;gap:12px}}