@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#fffefb;--ink:#30151c;--red:#d50935;--yellow:#ffdf35;--orange:#ff763d;--pink:#f5f3ed;--blue:#d50935;--line:#e3dfd6;--muted:#725d64}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',sans-serif}body.modal-open{overflow:hidden}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:"Space Grotesk",sans-serif}h2{font-size:clamp(34px,4.3vw,62px);font-weight:600;line-height:1.1;letter-spacing:-.055em}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid currentColor;outline-offset:5px}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:0}.header{display:flex;justify-content:space-between;align-items:center;padding:24px 0;gap:25px}.brand{display:flex;align-items:center;gap:10px;font-size:26px;letter-spacing:-1.2px;font-weight:800}.brand img{width:37px;height:37px;object-fit:contain;border-radius:9px}.brand span{align-self:flex-start;font-size:12px;margin-top:6px}nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600}.nav-contact{background:var(--ink);color:white;border-radius:28px;padding:11px 23px}nav a:not(.nav-contact):hover{text-decoration:underline;text-underline-offset:5px}.hero{background:var(--red);color:var(--paper);padding:30px 0 0}.hero-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:700}.hero-location{font-size:13px}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;padding:48px 0 42px;align-items:center}h1{font-size:clamp(58px,7.2vw,106px);font-weight:700;line-height:.99;letter-spacing:-.066em}h1 em{font-style:normal;color:var(--yellow)}.hero-bottom{margin-top:34px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}.hero-bottom p{font-size:16px;line-height:1.5}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:28px;padding:14px 24px;background:var(--ink);color:white;font-size:14px;font-weight:600}.pill.yellow{background:var(--yellow);color:var(--ink)}.pill:hover{box-shadow:0 0 0 2px currentColor}.portrait-stage{position:relative;isolation:isolate;height:545px;display:flex;align-items:center;justify-content:center;padding:0 25px 36px}.portrait-disc{position:absolute;inset:10% 0 10%;border-radius:50% 50% 10px 10px;background:var(--pink);transform:rotate(6deg);z-index:-1}.portrait-stage img{width:100%;height:100%;object-fit:contain}.portrait-signature{position:absolute;bottom:13px;right:0;background:var(--blue);color:white;padding:13px 24px;font-size:18px;font-weight:600;transform:rotate(-6deg);border-radius:2px}.hero-footer{border-top:1px solid #ffffff55;display:flex;justify-content:space-between;gap:20px;padding:18px 0;font-size:12px;letter-spacing:1px}.work{padding-block:100px}.section-head{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:45px}.section-head .eyebrow,.about .eyebrow,.contact .eyebrow{margin-bottom:25px}.section-head>p{font-size:16px;color:var(--muted)}.section-head h2 span{color:var(--red)}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.collection{text-align:left;padding:28px;min-height:340px;display:flex;flex-direction:column;border-radius:4px;transition:box-shadow .2s}.collection:hover{box-shadow:0 8px 0 var(--ink)}.brand-collection{background:var(--blue);color:var(--paper)}.packaging-collection{background:var(--yellow);color:var(--ink)}.collection-top{display:flex;justify-content:space-between;gap:15px;font-size:12px;letter-spacing:1px}.collection-top>span{opacity:.8}.collection strong{font:600 clamp(32px,3.7vw,54px)/1.08 "Space Grotesk",sans-serif;letter-spacing:-.055em;margin-block:46px}.collection-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;margin-top:auto}.collection-cta{border:1px solid currentColor;padding:9px 16px;border-radius:30px;font-size:14px;white-space:nowrap}.browse-all{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:28px;font-size:14px}.browse-all p{color:var(--muted)}.text-link{display:inline-block;border:0;border-bottom:1px solid currentColor;background:none;padding:5px 0;font-size:14px;font-weight:500}.text-link:hover{opacity:.7}#project-browser{margin-top:42px;border-top:1px solid var(--line);scroll-margin-top:30px}.work-toolbar{padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:15px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{padding:10px 18px;border:1px solid var(--line);border-radius:30px;background:transparent;font-size:14px}.filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.browser-status{font-size:13px;color:var(--muted);margin-bottom:10px}.project{display:flex;gap:28px;align-items:center;border-top:1px solid var(--line);padding:23px 0}.project:last-child{border-bottom:1px solid var(--line)}.project-number{font-size:12px;color:var(--muted);min-width:20px}.project-info{flex:1}.project-info h3{font-size:23px;line-height:1.3;letter-spacing:-.5px;font-weight:600}.project-info p{font-size:13px;color:var(--muted);margin-top:4px}.project-button{padding:11px 19px;background:transparent;border:1px solid var(--ink);border-radius:30px;font-size:14px;white-space:nowrap}.project-button:hover{background:var(--ink);color:white}.about{background:var(--pink);padding:90px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}.about h2{max-width:530px}.about-wordmark{font:800 clamp(90px,13vw,170px)/1 "Space Grotesk",sans-serif;letter-spacing:-.09em;color:var(--red);margin-top:40px}.about-wordmark span{color:var(--blue)}.about-caption{font-size:12px;letter-spacing:1px;margin-top:25px}.about-copy p{margin-bottom:22px;font-size:16px;line-height:1.7}.about-copy .lead{font-size:25px;line-height:1.5;letter-spacing:-.5px}.services{padding-block:100px}.service-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;gap:30px;padding:23px 0;font:500 clamp(19px,2vw,28px)/1.4 "Space Grotesk",sans-serif;letter-spacing:-.5px;cursor:pointer}summary::-webkit-details-marker{display:none}.service-no{font:12px 'DM Sans',sans-serif;letter-spacing:0;color:var(--muted);width:28px;flex-shrink:0}.plus{margin-left:auto;font-size:28px;font-weight:400;color:var(--red)}details[open] .plus{transform:rotate(45deg)}details>p{padding:0 55px 26px;max-width:800px;color:var(--muted)}.contact{background:var(--yellow);color:var(--ink);padding:70px 0 55px}.contact-title{font:600 clamp(65px,11vw,150px)/.98 "Space Grotesk",sans-serif;letter-spacing:-.065em;display:inline-block}.contact-title:hover{color:var(--blue)}.contact-bottom{display:flex;justify-content:space-between;gap:30px;padding-top:48px;align-items:flex-end}.contact-bottom p{font-size:16px;margin-bottom:16px}.contact-bottom>div>a:not(.pill){font-size:clamp(16px,1.6vw,22px);border-bottom:1px solid currentColor;overflow-wrap:anywhere}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:30px}.footer .brand{font-size:22px}.footer p{font-size:12px}.footer>div{font-size:14px;display:flex;gap:22px}dialog{border:0;padding:0;width:min(1100px,calc(100% - 32px));max-height:90dvh;background:var(--paper);color:var(--ink);border-radius:5px}dialog::backdrop{background:#211c25cf;backdrop-filter:blur(6px)}.dialog-close{position:sticky;top:14px;margin:14px 14px 0 auto;display:block;width:44px;height:44px;border-radius:50%;background:var(--ink);color:white;font-size:28px;z-index:5}.dialog-content{padding:0 40px 40px}.dialog-content h2{margin:14px 0 20px}.dialog-content>p:not(.eyebrow){max-width:680px;color:var(--muted)}#project-gallery{display:grid;gap:25px;margin-top:30px}#project-gallery figure{margin:0;background:#efedf0;padding:20px}#project-gallery img{width:100%;height:auto;max-height:80dvh;object-fit:contain}#project-gallery figcaption{font-size:12px;text-align:center;padding-top:15px;color:var(--muted)}.next-project{margin-top:25px}#brief-dialog{max-width:680px}#brief-dialog>div{padding:0 30px 35px}#brief-dialog h2{margin-bottom:20px}#brief-dialog form{display:grid;gap:18px;margin-top:20px}.small-label{font-size:12px;letter-spacing:1px}label{display:grid;gap:6px;font-size:14px}input,textarea,select{width:100%;padding:12px;border:1px solid #aaa5ab;background:white;border-radius:3px}.form-note{font-size:13px;color:var(--muted)}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero-grid{gap:30px}.portrait-stage{height:450px;padding:0 10px 30px}.hero-bottom{gap:20px}.about-grid{gap:40px}.collection{padding:23px}.collection-bottom{flex-direction:column;align-items:flex-start;gap:15px}.collection strong{margin-block:35px}.footer{flex-wrap:wrap}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header{padding:20px 0;flex-wrap:wrap;gap:18px}.brand{font-size:24px}.header nav{width:100%;justify-content:space-between;gap:10px;font-size:14px}.nav-contact{padding:8px 15px}.hero{padding-top:23px}.hero-top{align-items:flex-start;flex-direction:column;gap:8px}.eyebrow{font-size:12px;letter-spacing:.8px}.hero-location{font-size:13px}.hero-grid{grid-template-columns:1fr;padding-top:32px;gap:36px}h1{font-size:clamp(55px,12.7vw,86px)}.hero-bottom{margin-top:25px}.hero-bottom p{font-size:16px}.portrait-stage{height:420px;max-width:410px;width:100%;margin:auto;padding:0 20px 32px}.portrait-disc{inset:6% 3% 8%}.portrait-signature{right:8px;font-size:16px}.hero-footer{flex-direction:column;gap:5px;font-size:12px}.work,.services{padding-block:60px}.section-head{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:28px}.section-head .eyebrow{margin-bottom:20px}.collection-grid{grid-template-columns:1fr;gap:20px}.collection{padding:24px;min-height:315px}.collection strong{font-size:clamp(34px,9vw,48px);margin-block:32px}.collection-bottom{flex-direction:row;align-items:center;gap:12px;font-size:14px}.collection-cta{padding:8px 12px;font-size:13px}.collection-top{font-size:12px;letter-spacing:.3px}.browse-all{align-items:flex-start;flex-direction:column;gap:12px}.work-toolbar{align-items:flex-start;flex-direction:column;gap:15px}.filters{gap:6px}.filters button{padding:9px 13px;font-size:14px}.project{gap:12px;padding:20px 0;flex-wrap:wrap}.project-number{min-width:16px}.project-info{min-width:180px}.project-info h3{font-size:20px}.project-button{margin-left:28px;padding:8px 15px}.about{padding:55px 0}.about-grid{grid-template-columns:1fr;gap:32px}.about-wordmark{font-size:110px;margin-top:25px}.about-caption{margin-top:15px}.about-copy .lead{font-size:23px}.about-copy p{font-size:16px}summary{gap:15px;padding:20px 0}details>p{padding-left:43px;padding-right:10px;font-size:16px}.contact{padding:50px 0 35px}.contact-title{font-size:clamp(58px,14vw,98px)}.contact-bottom{flex-direction:column;align-items:flex-start;padding-top:35px}.footer{align-items:flex-start;flex-direction:column;gap:12px}.dialog-content{padding:0 18px 25px}.dialog-content h2{font-size:34px}#project-gallery figure{padding:8px}.dialog-content>p{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Curated previews: one intact image per selected project. */
.featured-group{margin-bottom:55px}.featured-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:22px 0}.featured-heading h3{font-size:24px;font-weight:600;letter-spacing:-.6px}.featured-heading>span{font-size:13px;color:var(--muted)}.featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px}.featured-image{display:block;width:100%;aspect-ratio:1.25;background:#f2f5ff;border:1px solid #e4e9fb;border-radius:5px;padding:22px;transition:background .2s}.featured-card:nth-child(even) .featured-image{background:#faf9f5;border-color:#e3dfd6}.featured-image:hover{background:#e5ecff}.featured-image img{width:100%;height:100%;object-fit:contain}.featured-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:16px}.featured-caption h4{margin:0;font:600 23px/1.3 "Space Grotesk",sans-serif;letter-spacing:-.5px}.featured-caption p{margin-top:4px;font-size:13px;color:var(--muted)}.featured-caption .text-link{white-space:nowrap;flex-shrink:0}.collection{min-height:230px}.collection strong{font-size:32px;margin-block:25px}.collection-bottom{flex-wrap:wrap}.hero-top,.hero-footer{color:var(--ink)}.hero-footer{border-color:#211c2530}.hero-bottom p{color:var(--ink)}
@media(max-width:700px){.featured-grid{grid-template-columns:1fr;gap:30px}.featured-group{margin-bottom:40px}.featured-heading h3{font-size:23px}.featured-image{padding:15px;aspect-ratio:1.15}.featured-caption h4{font-size:21px}.featured-caption{gap:12px}.featured-caption .text-link{font-size:14px}.collection{min-height:220px}.collection strong{font-size:30px;margin-block:25px}}

@keyframes enter-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.hero-top{animation:enter-up .65s both}.hero-copy h1{animation:enter-up .8s .1s both}.hero-bottom{animation:enter-up .7s .25s both}.portrait-stage{animation:enter-up .9s .2s both}.hero-footer{animation:enter-up .7s .4s both}.scroll-reveal{opacity:0;translate:0 24px;transition:opacity .7s ease,translate .7s cubic-bezier(.2,.7,.2,1)}.scroll-reveal.is-visible{opacity:1;translate:0 0}.featured-image,.collection{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s ease,background .2s,box-shadow .2s}.portrait-stage>img{transform:translate(var(--portrait-x,0px),var(--portrait-y,0px));transition:transform .3s ease}.pill{transition:transform .2s,box-shadow .2s}.pill:hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.scroll-reveal{opacity:1;translate:none}.featured-image,.collection,.portrait-stage>img{transform:none!important}}

/* Experience columns and FAQ supplied by Ibrahim. */
.experience{padding-top:90px}.experience>.eyebrow{margin-bottom:24px}.experience>h2{max-width:1000px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:44px}.stat-card{background:#fbef0a;color:#03191e;padding:34px;min-height:355px;display:flex;flex-direction:column;justify-content:space-between;gap:40px;border-radius:4px}.stat-card:nth-child(2){background:#03191e;color:white}.stat-number{font:500 clamp(75px,9vw,130px)/1 "Space Grotesk",sans-serif;letter-spacing:-.065em}.stat-number>span{font-size:.62em;margin-left:9px}.stat-card h3{font-size:26px;font-weight:500;letter-spacing:-.7px;line-height:1.3;margin-bottom:12px}.stat-card p{font-size:16px;line-height:1.6;max-width:440px}.faq{padding-bottom:90px}.faq-list{border-top:1px solid var(--line)}.faq-list summary{font-size:21px;letter-spacing:-.4px;gap:24px}.faq-list details>p{padding-left:0;max-width:740px}.faq-list .plus{flex-shrink:0}.faq-list details[open] .plus{transform:none;font-size:0}.faq-list details[open] .plus::before{content:'−';font-size:28px}@media(max-width:700px){.experience{padding-top:55px}.stats-grid{grid-template-columns:1fr;margin-top:28px;gap:18px}.stat-card{padding:25px;min-height:300px;gap:35px}.stat-card h3{font-size:24px}.stat-number{font-size:90px}.faq{padding-bottom:60px}.faq-list summary{font-size:19px}.faq-list details>p{padding-right:10px}}

#brief-dialog{max-width:860px}#brief-dialog .brief-content{padding:10px 42px 42px}#brief-dialog h2{margin-top:15px}#brief-dialog .brief-content>p:not(.eyebrow){max-width:640px}.form-progress{margin-top:24px;padding:12px 15px;background:#fbef0a;font-size:14px;font-weight:600;border-radius:4px}#brief-form fieldset{border:0;padding:0;margin:0;min-width:0}#brief-form>fieldset{display:grid;gap:20px}#brief-form legend{font:600 20px "Space Grotesk",sans-serif;margin-bottom:20px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}#brief-form .service-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}#brief-form .service-options legend{font:500 14px 'DM Sans',sans-serif;margin-bottom:10px}.choice{display:flex;align-items:center;gap:10px;border:1px solid #dbe4e5;border-radius:4px;padding:12px;cursor:pointer}.choice:has(input:checked){background:#fffde0;border-color:#03191e}.choice input{width:18px;height:18px;margin:0;accent-color:#dd0c35}.form-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.field-error{color:#bd082c;font-size:14px}.form-note{line-height:1.6}#email-fallback{margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}#email-fallback a{text-decoration:underline}#email-fallback label{margin:15px 0}#brief-form input,#brief-form textarea,#brief-form select{font-size:16px}#phone-required{display:inline;font-weight:400}@media(max-width:600px){#brief-dialog .brief-content{padding:5px 20px 28px}.form-columns{grid-template-columns:1fr}#brief-form .service-options{grid-template-columns:1fr}.form-actions{gap:16px}.form-actions .pill{width:100%;order:3}}


.floating-actions{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;z-index:20}.floating-actions a,.floating-actions button{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;box-shadow:0 4px 20px #0002;transition:transform .2s}.floating-actions a:hover,.floating-actions button:hover{transform:translateY(-3px)}.whatsapp-float{background:#087e42;color:white;border:2px solid white}.whatsapp-float svg{width:28px;height:28px}.back-to-top{background:var(--paper);color:var(--ink);border:1px solid var(--line)}.back-to-top svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.footer{padding-right:65px}

/* Colourful creative layout, with a compact opening portrait. */
.hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(250px,.65fr);gap:64px;align-items:center}.portrait-stage{width:100%;max-width:310px;height:350px;justify-self:end;padding:0 16px 30px}.portrait-disc{inset:12% 0 12%}.portrait-signature{font-size:15px;padding:10px 17px;right:0}.hero{background:#fa3054}.hero h1 em{color:#f6ff8c}.hero-top,.hero-footer,.hero-bottom p{color:#211c25}.about{background:#f8f6f0;color:#211c25}.about-copy h2{margin-bottom:28px}.about-copy h2 em{font-family:Georgia,serif;font-weight:400}.stat-card{background:#f6ff8c;color:#211c25}.stat-card:nth-child(2){background:#315cff;color:white}.form-progress{background:#f6ff8c}.choice input{accent-color:#fa3054}.choice:has(input:checked){background:#fffdeb;border-color:#211c25}.dialog-close,.filters button[aria-pressed=true]{background:#211c25;color:white}.contact{background:#f6ff8c;color:#211c25}.contact .pill{background:#211c25;color:white}.brand-collection{background:#315cff;color:white}.packaging-collection{background:#f6ff8c;color:#211c25}.floating-actions .back-to-top{background:white}.footer{padding-right:65px}
@media(max-width:900px){.hero-grid{gap:28px;grid-template-columns:minmax(0,1.4fr) minmax(220px,.7fr)}.portrait-stage{height:300px;max-width:260px}}@media(max-width:700px){.hero-grid{grid-template-columns:1fr;gap:30px}.portrait-stage{height:265px;max-width:230px;justify-self:start;margin:0}.portrait-signature{font-size:14px}.hero-bottom{gap:18px}.floating-actions{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}.floating-actions a,.floating-actions button{width:48px;height:48px}}

/* The colourful original shown in Ibrahim’s video, recovered from its source. */
.wrap{width:min(1360px,88%)}.header{padding:23px 0;border:0}.brand{font-family:"Space Grotesk",Arial,sans-serif;color:#d50935;font-weight:700;letter-spacing:-1.8px}.nav-contact{background:#d50935;color:white;border-radius:30px;padding:10px 20px}.hero{background:#ffdf35;color:#30151c;padding-top:28px}.hero-top,.hero-footer,.hero-bottom p{color:#30151c}.hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);gap:7%;padding:35px 0 55px}.hero h1{font-family:"Space Grotesk",Arial,sans-serif;font-size:clamp(3.4rem,6.5vw,6.7rem);font-weight:700;line-height:1.02;letter-spacing:-.065em;color:#d50935}.hero h1 em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#d50935;letter-spacing:-.065em}.hero-bottom{align-items:flex-start;flex-direction:column;gap:25px;margin-top:26px}.hero-bottom p{font-size:18px}.pill,.hero .pill.yellow{background:#30151c;color:white;border:2px solid #30151c;font-weight:600}.pill:hover{background:#30151c;box-shadow:4px 5px 0 #30151c30;color:white}.portrait-stage{width:100%;max-width:320px;height:355px;padding:18px 20px 43px;justify-self:center;isolation:isolate}.portrait-disc{inset:0;background:#f5f3ed;border:2px solid #30151c;border-radius:14px;box-shadow:7px 8px 0 #30151c;transform:rotate(5deg)}.portrait-signature{background:#fffefb;color:#30151c;border:1px solid #30151c;bottom:4px;right:4px;transform:rotate(-4deg);font-size:15px}.brand-ribbon{display:flex;align-items:center;justify-content:space-around;gap:20px;padding:16px 5%;background:#d50935;color:#ffdf35;font-size:12px;letter-spacing:1px;font-weight:700}.brand-ribbon b{font-size:25px;line-height:1}.work{padding-top:70px}.section-head h2 span{color:#d50935}.featured-image,.featured-card:nth-child(even) .featured-image{border:2px solid #30151c;border-radius:14px;background:#f5f3ed}.featured-card:nth-child(even) .featured-image{background:#ffb15c}.featured-image:hover{background:#f8f6f0}.featured-caption h4{font-family:"Space Grotesk",Arial,sans-serif;font-size:23px;font-weight:600}.featured-heading{border-color:#e3dfd6}.featured-grid{column-gap:34px;row-gap:40px}.featured-card:nth-child(even){padding-top:35px}.collection{border:2px solid #30151c;border-radius:16px}.brand-collection{background:#d50935;color:white}.packaging-collection{background:#ffdf35;color:#30151c}.collection:hover{box-shadow:5px 6px 0 #30151c}.collection strong{font-family:"Space Grotesk",Arial,sans-serif}.about{background:#d50935;color:white}.about-wordmark{color:#ffdf35}.about-wordmark span{color:#f5f3ed}.about-copy h2{font-weight:500}.about-copy h2 em{font-family:Georgia,serif;font-weight:400;color:#ffdf35}.about-copy p,.about-copy .lead{color:#fffefb}.about-copy .text-link{color:white}.about-caption{color:#fffefb}.stat-card{background:#ffdf35;color:#30151c;border:2px solid #30151c;border-radius:16px}.stat-card:nth-child(2){background:#fffefb;color:#30151c}.service-list{border-top:2px solid #30151c}.service-list details{border-bottom:2px solid #30151c;padding:0 22px}.service-list details:nth-child(3n+1){background:#ffdf35}.service-list details:nth-child(3n+2){background:#f5f3ed}.service-list details:nth-child(3n){background:#f8f6f0}.service-list summary{font-family:"Space Grotesk",Arial,sans-serif;font-weight:500}.service-list details>p{color:#30151c}.plus{color:#30151c}.contact{background:#ff763d;color:#30151c}.contact-title{font-family:"Space Grotesk",Arial,sans-serif;font-size:clamp(3rem,6.5vw,6.5rem);font-weight:600;line-height:1.08;letter-spacing:-.06em}.contact-title em{font-family:Georgia,serif;font-weight:400}.contact-title:hover{color:#30151c}.contact .pill{background:#30151c;color:white}.contact .text-link:hover{color:#30151c}.form-progress{background:#ffdf35}.choice input{accent-color:#d50935}.choice:has(input:checked){background:#fff6c8;border-color:#30151c}.dialog-close,.filters button[aria-pressed=true]{background:#30151c;color:white}dialog{border:2px solid #30151c;border-radius:16px}#project-gallery figure{background:#fffefb}.faq-list .plus{color:#d50935}
@media(max-width:900px){.hero-grid{gap:35px}.portrait-stage{max-width:270px;height:310px}.brand-ribbon span:last-child,.brand-ribbon b:last-of-type{display:none}}@media(max-width:700px){.wrap{width:89%}.hero-grid{grid-template-columns:1fr;gap:32px;padding:25px 0 45px}.hero h1{font-size:clamp(3.2rem,12.6vw,5.5rem);line-height:1.02}.hero-bottom p{font-size:16px}.portrait-stage{height:270px;max-width:235px;justify-self:start;margin:0 0 8px 4px}.brand-ribbon{gap:12px;padding:15px 5%;flex-wrap:wrap;font-size:11px}.brand-ribbon span:nth-of-type(3),.brand-ribbon b:nth-of-type(2){display:none}.work{padding-top:50px}.featured-card:nth-child(even){padding-top:0}.service-list details{padding:0 15px}.contact-title{font-size:clamp(2.7rem,10.5vw,4.5rem)}}

/* Small, finite entrance and pointer effects. */
@keyframes header-arrive{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@keyframes headline-arrive{from{opacity:0;transform:translateY(26px) rotate(1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes portrait-arrive{from{opacity:0;transform:translateY(18px) rotate(-3deg) scale(.97)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
@keyframes sticker-arrive{from{opacity:0;scale:.85}to{opacity:1;scale:1}}
@media(prefers-reduced-motion:no-preference){.header{animation:header-arrive .55s ease-out both}.hero-copy h1{animation:none}.hero-line{display:inline-block;animation:headline-arrive .75s cubic-bezier(.2,.7,.2,1) both}.hero-line:nth-of-type(1){animation-delay:.12s}.hero-line:nth-of-type(2){animation-delay:.24s}.hero-line:nth-of-type(3){animation-delay:.36s}.hero-bottom{animation-delay:.48s}.portrait-stage{animation:portrait-arrive .85s .3s cubic-bezier(.2,.7,.2,1) both}.portrait-signature{animation:sticker-arrive .5s .75s both}.header nav a{position:relative}.header nav a:not(.nav-contact)::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:2px;background:#d50935;transform:scaleX(0);transform-origin:left;transition:transform .22s}.header nav a:not(.nav-contact):hover::after,.header nav a:not(.nav-contact):focus-visible::after{transform:scaleX(1)}.header nav a:hover{text-decoration:none}.pill,.project-button{translate:var(--magnet-x,0px) var(--magnet-y,0px);transition:translate .18s ease-out,transform .2s,box-shadow .2s,background .2s}.featured-image{box-shadow:0 0 0 transparent;transition:transform .25s ease,box-shadow .25s,background .2s}.featured-image:hover{box-shadow:5px 6px 0 #30151c25}.service-list summary,.faq-list summary{transition:padding-left .2s ease}.service-list summary:hover,.faq-list summary:hover{padding-left:7px}.dialog-content{animation:enter-up .3s ease both}.back-to-top:not([hidden]){animation:header-arrive .25s ease-out}.text-link{transition:opacity .2s,color .2s}}
@media(prefers-reduced-motion:reduce){.hero-line{opacity:1;transform:none}.pill,.project-button{translate:none!important}}

/* Portrait, contact and full-artwork preview refinements. */
.portrait-stage{max-width:365px;height:415px;padding:18px 20px 74px}.portrait-signature{bottom:14px;left:0;right:auto;font-size:16px;padding:10px 15px}.hero-socials{position:absolute;right:0;bottom:13px;display:flex;gap:8px;z-index:3}.hero-socials a{display:grid;place-items:center;width:40px;height:40px;background:#fffefb;color:#30151c;border:1.5px solid #30151c;border-radius:50%;transition:background .2s,transform .2s}.hero-socials a:hover{background:#ffdf35;transform:translateY(-3px)}.hero-socials svg{width:21px;height:21px}.hero-cta-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.pill.enquiry-highlight,.contact .pill.enquiry-highlight{background:#d50935;color:white;border:2px solid #30151c;box-shadow:4px 5px 0 #30151c;font-weight:700;padding:16px 25px}.pill.enquiry-highlight:hover{background:#b8082d;box-shadow:2px 3px 0 #30151c}.contact-actions{gap:22px}.whatsapp-float{background:#ffdf35;color:#30151c;border:2px solid #30151c;box-shadow:3px 4px 0 #30151c}.whatsapp-float:hover{background:#ff763d}.featured-grid{align-items:start}.featured-image{aspect-ratio:auto;padding:0;overflow:hidden}.featured-image img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.featured-card:nth-child(even) .featured-image{padding:0}.featured-card:nth-child(even){padding-top:0}
@media(max-width:900px){.portrait-stage{max-width:310px;height:365px}.hero-socials{gap:6px}.hero-socials a{width:36px;height:36px}.portrait-signature{font-size:14px;padding:9px 11px}}@media(max-width:700px){.portrait-stage{max-width:290px;height:330px;padding:15px 18px 67px}.hero-socials{right:0;bottom:12px}.portrait-signature{bottom:13px;left:-3px;font-size:14px}.hero-cta-row{gap:20px}.pill.enquiry-highlight{padding:14px 20px}.featured-image{aspect-ratio:auto;padding:0}}

/* Continuous specialties ribbon; pause remains accessible. */
.brand-ribbon{display:flex;gap:0;padding:14px 0;overflow:hidden}.ribbon-viewport{flex:1;min-width:0;overflow:hidden}.ribbon-track{display:flex;width:max-content;animation:ribbon-left 28s linear infinite}.ribbon-group{display:flex;align-items:center;justify-content:space-around;gap:48px;flex-shrink:0;min-width:100vw;padding:0 24px}.brand-ribbon .ribbon-group span,.brand-ribbon .ribbon-group b{display:block;white-space:nowrap}.brand-ribbon.is-paused .ribbon-track,.brand-ribbon:hover .ribbon-track{animation-play-state:paused}#ribbon-toggle{flex-shrink:0;margin:0 18px 0 12px;background:transparent;color:#ffdf35;border:1px solid currentColor;border-radius:20px;padding:7px 13px;font-size:12px}@keyframes ribbon-left{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.ribbon-track{animation:none}.ribbon-group{min-width:0;gap:24px;flex-wrap:wrap;justify-content:center}.ribbon-group[aria-hidden=true],#ribbon-toggle{display:none}.ribbon-track{width:auto}}@media(max-width:700px){.ribbon-group{gap:28px;padding:0 14px}.brand-ribbon{padding:13px 0}#ribbon-toggle{margin-right:10px;padding:6px 10px}}

/* Center the ribbon across the page; only the explicit control pauses it. */
.brand-ribbon{position:relative;display:block;padding:18px 0 42px;text-align:center}.ribbon-viewport{width:100%;overflow:hidden}.ribbon-group{justify-content:center;min-width:100vw;gap:clamp(24px,4vw,64px)}.brand-ribbon:hover .ribbon-track{animation-play-state:running}.brand-ribbon.is-paused .ribbon-track{animation-play-state:paused}.ribbon-track{animation-duration:22s}#ribbon-toggle{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);margin:0;padding:3px 13px;font-size:12px}.brand-ribbon .ribbon-group span{flex-shrink:0}@media(prefers-reduced-motion:reduce){.brand-ribbon{padding:18px 0}.ribbon-track{width:100%;animation:none}.ribbon-group{min-width:0;width:100%;flex-wrap:wrap;gap:16px 26px;justify-content:center}.ribbon-group[aria-hidden=true]{display:none}}