@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:Nunito;src:url('/assets/fonts/nunito-variable.ttf') format('truetype');font-weight:200 1000;font-display:swap}
:root{--cream:#f9e8cb;--ink:#171712;--orange:#ff702f;--muted:#625b4f;--line:#17171233;--paper:#fff7e8;--gutter:clamp(22px,5vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:800;line-height:1.08;letter-spacing:-.055em}em{font-style:normal;color:#b74412}::selection{background:var(--orange);color:var(--ink)}:focus-visible{outline:3px solid #864000;outline-offset:6px}.wrap{max-width:1512px;margin-inline:auto;padding-inline:var(--gutter)}.skip{position:fixed;top:12px;left:12px;background:var(--ink);color:var(--cream);padding:10px 18px;z-index:20;transform:translateY(-150%)}.skip:focus{transform:none}.site-header{border-bottom:1px solid var(--line)}.header-inner{min-height:112px;display:flex;align-items:center;gap:48px}.brand{display:flex;gap:12px;align-items:center;font-weight:900;font-size:20px;letter-spacing:-.055em;line-height:1}.brand img{width:56px;height:56px}.brand-small{display:block;font-size:9px;letter-spacing:.34em;margin-top:9px}.main-nav{margin-left:auto;display:flex;gap:36px;font-size:14px;font-weight:700}.main-nav a{padding:12px 0;position:relative}.main-nav a:after{content:'';position:absolute;bottom:5px;height:2px;left:0;width:0;background:var(--ink);transition:width .2s}.main-nav a:hover:after{width:100%}.languages{display:flex;gap:3px;align-items:center;font-size:12px;font-weight:800}.languages a{padding:7px 10px;border:1px solid transparent;border-radius:2px}.languages [aria-current]{border-color:var(--ink)}.languages a:hover{background:#1717120d}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;display:flex;align-items:center;gap:10px}.orange-dot{height:7px;width:7px;display:inline-block;background:var(--orange);border-radius:50%}.hero{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:32px;padding-block:86px 94px;min-height:690px}.hero h1{font-size:clamp(48px,5.4vw,82px);margin:26px 0 25px;line-height:1.03;letter-spacing:-.065em}.hero h1 em{position:relative;display:inline-block}.hero h1 em:after{content:'';position:absolute;bottom:-5px;left:1%;width:100%;height:6px;border-bottom:3px solid var(--orange);border-radius:50%;transform:rotate(-2deg)}.hero-intro{font-size:15px;max-width:370px;color:var(--muted);line-height:1.8}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;background:var(--ink);color:var(--cream);padding:17px 23px;font-size:12px;font-weight:800;margin-top:29px;min-height:54px;transition:background .2s,transform .2s}.button:hover{background:#38352b;transform:translateY(-2px)}.arrow{font-size:21px;font-weight:400;line-height:1}.hero-art{height:470px;position:relative;isolation:isolate}.art-orbit{position:absolute;background:var(--orange);width:65%;aspect-ratio:1;left:23%;top:17%;border-radius:50%;z-index:-2}.art-orbit:after{content:'';position:absolute;inset:-22px;border:1px solid var(--line);border-radius:50%}.art-print{position:absolute;background:var(--paper);padding:9px 9px 0;box-shadow:0 14px 28px #43301928;border:1px solid #17171222;transition:transform .3s,box-shadow .3s}.art-print>span{font-size:10px;display:flex;justify-content:space-between;padding:8px 3px;font-weight:800}.art-print img{width:100%;height:100%;object-fit:cover}.print-dissonance{width:76%;left:1%;top:0;transform:rotate(-8deg)}.print-dissonance img{height:auto;aspect-ratio:1.75;object-position:center 50%}.print-companions{width:45%;right:0;top:142px;transform:rotate(8deg);z-index:2}.print-companions img{aspect-ratio:1}.print-saganime{width:53%;left:2%;top:278px;transform:rotate(-4deg);z-index:3}.art-print:hover,.art-print:focus-visible{transform:rotate(0) translateY(-7px);box-shadow:0 22px 32px #43301930;z-index:5}.mini-editorial{background:#dfd3f2;min-height:118px;padding:16px;display:flex;flex-direction:column;justify-content:center}.mini-category{font-size:6px;letter-spacing:.15em}.mini-editorial strong{display:flex;justify-content:space-between;align-items:center;font-size:clamp(21px,2.5vw,38px);letter-spacing:-.07em}.mini-editorial strong span{font-size:22px;color:#6936a7}.mini-editorial>span:last-child{font-size:9px}.asterisk{position:absolute;right:2%;top:-31px;font-size:75px;line-height:1;transform:rotate(15deg)}.art-note{position:absolute;left:17%;bottom:-29px;font-family:Nunito,sans-serif;font-size:11px;transform:rotate(-3deg);display:flex;align-items:center;gap:16px}.art-note>span{font-size:32px}.discipline-strip{border-block:1px solid var(--ink);background:var(--ink);color:var(--cream)}.discipline-strip>.wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:61px;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800}.strip-star{color:var(--orange);font-size:25px}.projects-section{padding-block:104px 110px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:45px}.section-heading h2{font-size:clamp(34px,3.4vw,51px);margin-top:18px}.section-heading>p{font-size:13px;color:var(--muted);max-width:290px;padding-bottom:4px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.project-image{display:block;position:relative;overflow:hidden;background:#e2ceb0}.project-image>img{width:100%;aspect-ratio:1.15;object-fit:cover;transition:transform .5s}.dissonance .project-image>img{object-position:78% 50%}.saganime .project-image{background:#151a23;display:block;aspect-ratio:1.15}.saganime .project-image>img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:top left}.project-image:hover>img{transform:scale(1.045)}.image-label{position:absolute;left:11px;bottom:12px;padding:3px 7px;background:var(--paper);color:var(--ink);font-size:8px;font-weight:700;max-width:78%}.image-arrow{position:absolute;right:12px;top:12px;width:35px;height:35px;display:grid;place-items:center;background:var(--cream);border-radius:50%;transition:background .2s}.project-image:hover .image-arrow{background:var(--orange)}.project-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-top:18px;font-size:8px;font-weight:800;letter-spacing:.025em;line-height:1.6}.status{display:inline-flex;align-items:center;gap:6px;font-size:8px;font-weight:700;white-space:nowrap;letter-spacing:0}.status>span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a84a1e}.status.live>span{background:#39603c}.project-card h3{font-size:25px;margin-top:17px;letter-spacing:-.04em}.project-card>p{font-size:12px;color:var(--muted);margin-top:14px;line-height:1.9;max-width:360px}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:11px;font-weight:800;margin-top:23px;border-bottom:1px solid var(--ink);padding-bottom:7px}.text-link:hover{color:#8a370e;border-color:#8a370e}.studio-section{background:var(--orange);overflow:hidden}.studio-inner{display:grid;grid-template-columns:1.5fr .7fr;align-items:center;gap:80px;padding-block:83px 91px}.studio-copy h2{font-size:clamp(34px,3.9vw,57px);margin:23px 0 28px;letter-spacing:-.055em}.studio-copy>p:not(.eyebrow){max-width:605px;font-size:14px;line-height:1.95}.studio-close{display:block;font-size:11px;font-weight:800;margin-top:30px}.studio-stamp{border:1.5px solid var(--ink);border-radius:50%;width:285px;height:285px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(10deg);justify-self:center}.studio-stamp img{width:180px;height:180px;mix-blend-mode:multiply}.studio-stamp>span{font-size:10px;letter-spacing:.18em;font-weight:900}.site-footer{padding-block:45px 23px}.footer-top{display:flex;align-items:center;gap:22px}.footer-logo img{width:59px;height:59px}.footer-top p{font-size:11px;color:var(--muted)}.back-top{margin-left:auto;font-size:10px;font-weight:800}.footer-wordmark{font-size:clamp(45px,12.1vw,182px);font-weight:800;letter-spacing:-.075em;line-height:1.2;margin:25px 0 30px;white-space:nowrap;display:flex;align-items:flex-start}.footer-wordmark>span{font-size:18px;letter-spacing:0;margin-top:21px;margin-left:14px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;gap:40px}.footer-bottom small{font-size:9px;color:var(--muted)}.footer-bottom>nav:not(.languages){margin-left:auto;display:flex;gap:25px;font-size:10px;font-weight:700}.footer-languages{font-size:9px}.footer-languages a{padding:4px 8px}.detail-intro{padding-block:38px 65px}.back-link{font-size:11px;font-weight:700}.back-link:hover{text-decoration:underline}.detail-topline{display:flex;justify-content:space-between;align-items:center;margin-top:55px}.detail-topline .status{font-size:11px;padding:7px 12px;border:1px solid var(--line);border-radius:24px}.project-name{font-size:20px;font-weight:800;margin-top:27px;letter-spacing:-.04em}.detail h1{font-size:clamp(40px,5.2vw,78px);margin-top:22px;max-width:1180px}.detail-description{display:grid;grid-template-columns:1fr .7fr;gap:100px;align-items:center;margin-top:35px}.detail-description>p{font-size:15px;color:var(--muted);max-width:680px;line-height:1.85}.development-note{font-size:11px;color:var(--muted);max-width:310px}.detail-description .button{margin:0 0 14px}.project-experience{padding-block:38px 72px;border-top:1px solid var(--line)}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:36px}.pillar-number{color:var(--muted);font-size:11px}.pillar-grid h2{font-size:25px;margin-top:18px;letter-spacing:-.04em}.pillar-grid p{font-size:13px;color:var(--muted);line-height:1.9;margin-top:18px;max-width:355px}.project-gallery{background:#ead6b5;padding-block:65px}.gallery-heading{display:flex;justify-content:space-between;gap:60px;margin-bottom:36px;align-items:flex-start}.gallery-heading>p:last-child{font-size:12px;line-height:1.9;max-width:450px;color:#50493d}.gallery-grid{display:flex;align-items:center;justify-content:center;gap:8%;}.gallery-art{max-width:52%;flex:1}.gallery-art img{width:100%}.gallery-phone{width:29%;max-width:300px}.gallery-phone img{border:7px solid var(--ink);border-radius:22px;width:100%;height:auto}.gallery-art.saganime{background:#e6dcf5;padding-top:25px}.gallery-art.saganime figcaption{background:#ead6b5;padding-top:16px}.gallery-wide{width:100%;max-width:1100px}.gallery-wide img{width:100%}figcaption{font-size:10px;color:#50493d;margin-top:13px}.related{padding-block:80px}.related>h2{font-size:clamp(30px,3.4vw,48px);margin-top:17px}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:35px;margin-top:38px}.related .project-image{aspect-ratio:1.7}.related .project-image>img{height:100%;aspect-ratio:1.7}.related .saganime .project-image>img{object-fit:cover;object-position:top}.related .companions .project-image>img{object-position:50% 35%}.is-visible{animation:arrive .55s ease both}@keyframes arrive{from{transform:translateY(16px)}to{transform:translateY(0)}}
@media(min-width:1500px){.hero-art{height:520px}.print-companions{top:165px}.print-saganime{top:325px}.hero{min-height:760px}}
@media(max-width:1050px){.header-inner{min-height:96px;gap:28px}.hero{padding-block:65px 80px;min-height:620px;gap:16px}.hero-art{height:390px}.print-companions{top:125px}.print-saganime{top:240px}.hero h1{font-size:clamp(44px,5.7vw,64px)}.hero-intro{font-size:13px}.art-note{left:0;font-size:10px;bottom:-28px}.mini-editorial{min-height:95px;padding:11px}.asterisk{font-size:60px}.project-grid{gap:20px}.project-meta{flex-direction:column;gap:6px}.project-card h3{font-size:23px}.studio-inner{gap:35px}.studio-stamp{width:230px;height:230px}.studio-stamp img{width:145px;height:145px}.studio-stamp>span{font-size:8px}.detail-description{gap:50px}.pillar-grid{gap:26px}}
@media(max-width:760px){.header-inner{gap:16px;min-height:88px;flex-wrap:wrap;padding-block:12px}.brand{font-size:17px;gap:7px}.brand img{width:43px;height:43px}.brand-small{font-size:7px;margin-top:7px}.main-nav{gap:20px;font-size:11px}.languages{font-size:10px}.languages a{padding:6px 8px}.hero{grid-template-columns:1fr;padding-block:48px 55px;gap:50px;min-height:0}.hero h1{font-size:clamp(48px,9vw,72px);margin-top:20px}.hero-intro{font-size:14px;max-width:360px}.hero-art{width:85%;height:450px;justify-self:center;max-width:510px;margin-bottom:18px}.print-dissonance{width:75%}.print-companions{top:140px}.print-saganime{top:274px}.mini-editorial{min-height:115px}.mini-editorial strong{font-size:32px}.art-note{left:8%;bottom:-10px}.discipline-strip>.wrap{gap:9px;flex-wrap:wrap;justify-content:center;min-height:77px;padding-block:15px;font-size:8px}.strip-star{font-size:16px}.projects-section{padding-block:65px}.section-heading{align-items:flex-start;gap:22px;flex-direction:column;margin-bottom:32px}.section-heading h2{font-size:40px}.section-heading>p{max-width:390px;font-size:13px}.project-grid{grid-template-columns:1fr;gap:45px}.project-image>img{aspect-ratio:1.5}.saganime .project-image{aspect-ratio:1.5}.companions .project-image>img{object-position:50% 34%}.project-meta{flex-direction:row;font-size:9px}.project-meta .status{font-size:9px}.project-card h3{font-size:30px;margin-top:14px}.project-card>p{font-size:14px;max-width:520px;margin-top:12px}.text-link{font-size:12px;margin-top:18px}.studio-inner{grid-template-columns:1fr;gap:40px;padding-block:60px}.studio-copy h2{font-size:42px}.studio-stamp{justify-self:end;width:200px;height:200px}.studio-stamp img{width:125px;height:125px}.studio-stamp>span{font-size:7px}.footer-top{gap:13px}.footer-top p{font-size:9px;max-width:180px}.footer-logo img{width:45px;height:45px}.back-top{font-size:9px}.footer-wordmark{font-size:11.65vw;margin-block:25px}.footer-wordmark>span{font-size:12px;margin-top:5px;margin-left:7px}.footer-bottom{gap:20px;flex-wrap:wrap}.footer-bottom small{font-size:8px}.footer-bottom>nav:not(.languages){gap:20px}.detail-intro{padding-top:28px}.detail-topline{margin-top:37px}.project-name{font-size:18px}.detail h1{font-size:clamp(36px,7.7vw,58px);line-height:1.12}.detail-description{grid-template-columns:1fr;gap:24px;margin-top:28px}.development-note{max-width:100%}.pillar-grid{grid-template-columns:1fr;gap:32px}.pillar-grid h2{margin-top:8px}.pillar-grid p{max-width:100%;margin-top:12px}.project-experience{padding-bottom:48px}.gallery-heading{flex-direction:column;gap:20px}.project-gallery{padding-block:45px}.gallery-grid{gap:28px;flex-direction:column}.gallery-art{max-width:100%;width:100%}.gallery-phone{width:65%;max-width:280px}.related{padding-block:55px}.related-grid{grid-template-columns:1fr;gap:40px}.related .project-image{aspect-ratio:1.5}.related .project-image>img{aspect-ratio:1.5}}
@media(max-width:430px){.header-inner{column-gap:8px;row-gap:8px}.brand{font-size:15px}.brand img{width:37px;height:37px}.main-nav{gap:13px;font-size:10px}.languages{font-size:9px;gap:0}.languages a{padding:5px 6px}.hero{gap:45px}.hero-art{width:92%;height:325px}.print-companions{top:100px}.print-saganime{top:204px}.mini-editorial{min-height:79px;padding:9px}.mini-category{font-size:5px}.mini-editorial strong{font-size:24px}.mini-editorial>span:last-child{font-size:7px}.art-note{font-size:8px;left:3%;bottom:-15px;gap:8px}.asterisk{font-size:47px;top:-20px}.art-print{padding:6px 6px 0}.art-print>span{font-size:8px;padding-block:6px}.section-heading h2{font-size:35px}.studio-copy h2{font-size:35px}.project-meta{font-size:8px}.project-meta .status{font-size:8px}.footer-top .back-top{max-width:65px;text-align:right}.footer-bottom{gap:12px}.footer-bottom>nav:not(.languages){gap:13px}.footer-bottom .languages{margin-left:auto}.eyebrow{font-size:9px}.detail-topline{gap:14px;flex-wrap:wrap}.detail h1 br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Keep compact navigation comfortably operable with touch and keyboard. */
.languages a{min-width:28px;min-height:28px;display:inline-flex;align-items:center;justify-content:center}.footer-bottom>nav:not(.languages) a{min-height:32px;display:inline-flex;align-items:center}.project-meta{font-size:10px}.project-meta .status{font-size:10px}@media(max-width:1050px){.project-meta{flex-wrap:wrap}}

/* Project-specific artwork and actual editorial screenshots. */
+.print-dissonance img{object-position:78% 50%}.print-companions{width:58%}.print-companions img{aspect-ratio:1.5;object-position:center}.print-saganime img{aspect-ratio:1.55;object-fit:cover;object-position:top left}.gallery-web{width:100%;min-width:0}.gallery-web img{width:100%;height:auto;border:1px solid #17171233}.detail.saganime .gallery-grid{display:grid;grid-template-columns:1fr;gap:36px}.detail.saganime .gallery-web{max-width:1100px;margin-inline:auto}.detail.companions .gallery-art{max-width:62%}.print-companions>span{font-size:9px}@media(max-width:760px){.detail.companions .gallery-art{max-width:100%}.print-companions{top:145px}}@media(max-width:430px){.print-companions{top:104px}.print-companions>span{font-size:8px}}

.saganime .project-image{display:flex;align-items:center;padding:24px 12px;background:#222936}.saganime .project-image>img{width:100%;height:auto;object-fit:contain}.related .saganime .project-image>img{height:auto;object-fit:contain}.print-saganime img{object-fit:contain;background:#151a23}
.print-companions>span{justify-content:flex-end;gap:12px}@media(min-width:761px){.art-note{left:auto;right:0;top:calc(100% + 50px);bottom:auto}}
/* Brand lettering: playful rounded HOPPY, brush REBEL, quiet STUDIO. */
@font-face{font-family:'Permanent Marker';src:url('/assets/fonts/permanent-marker.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.wordmark{display:inline-flex;flex-direction:column;align-items:center;line-height:1;color:var(--ink)}.wordmark-words{display:flex;flex-direction:column;align-items:center}.wordmark-hoppy{display:block;font-family:Nunito,Arial,sans-serif;font-weight:1000;letter-spacing:-.05em;line-height:.95}.wordmark-hoppy>span{display:inline-block}.wordmark-hoppy>span:nth-child(2){transform:translateY(-.035em) rotate(-5deg)}.wordmark-hoppy>span:nth-child(3){transform:rotate(3deg)}.wordmark-hoppy>span:nth-child(4){transform:translateY(-.025em) rotate(-4deg)}.wordmark-hoppy>span:nth-child(5){transform:rotate(5deg)}.wordmark-rebel{position:relative;display:block;font-family:'Permanent Marker',cursive;font-weight:400;letter-spacing:-.045em;line-height:1.1;transform:rotate(-4deg);isolation:isolate}.wordmark-rebel:after{content:'';position:absolute;bottom:.025em;left:2%;width:97%;height:.07em;background:var(--orange);clip-path:polygon(0 45%,100% 0,93% 82%,2% 100%);z-index:-1}.wordmark-studio{display:block;font-family:Manrope,Arial,sans-serif;font-weight:700;letter-spacing:.46em;padding-left:.46em;line-height:1.3}
.brand{gap:12px}.brand>.wordmark{width:130px}.brand .wordmark-hoppy{font-size:24px}.brand .wordmark-rebel{font-size:29px;margin-top:-2px}.brand .wordmark-studio{font-size:7px;margin-top:4px}.brand img{width:66px;height:66px}
.footer-wordmark{display:block;white-space:normal;margin:32px 0 38px;line-height:1}.footer-wordmark>.wordmark{display:flex;width:100%;font-size:clamp(40px,10.25vw,150px);margin:0;letter-spacing:normal}.footer-wordmark .wordmark-words{flex-direction:row;gap:.22em;align-items:center;justify-content:center;width:100%}.footer-wordmark .wordmark-hoppy{font-size:1em}.footer-wordmark .wordmark-rebel{font-size:1.05em}.footer-wordmark .wordmark-studio{font-size:clamp(8px,1.1vw,16px);margin-top:26px;letter-spacing:.9em;padding-left:.9em}
@media(max-width:760px){.brand>.wordmark{width:111px}.brand .wordmark-hoppy{font-size:21px}.brand .wordmark-rebel{font-size:25px}.brand img{width:52px;height:52px}.brand .wordmark-studio{font-size:6px;margin-top:3px}.footer-wordmark .wordmark-studio{margin-top:17px}.footer-wordmark>.wordmark{font-size:9.9vw}}
@media(max-width:430px){.brand{gap:6px}.brand>.wordmark{width:91px}.brand img{width:43px;height:43px}.brand .wordmark-hoppy{font-size:18px}.brand .wordmark-rebel{font-size:22px}.brand .wordmark-studio{font-size:5px}.header-inner{min-height:85px}.footer-wordmark>.wordmark{font-size:9.6vw}}
@media(max-width:360px){.header-inner{row-gap:8px}.header-inner .main-nav{order:3;width:100%;justify-content:space-between;margin-left:0}.header-inner .languages{margin-left:auto}}