@charset "UTF-8";
:root{--paper:#f5f4ec;--ink:#24251e;--muted:#66685c;--lime:#e0fa6a;--orange:#e36a3c;--line:#d8d9cc;--brand:#327a57;--brand-text:#fff;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:default}img{display:block;max-width:100%}button{border:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:600}p{line-height:1.6}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}::selection{background:var(--lime);color:var(--ink)}[hidden]{display:none!important}.wrap{width:min(1344px,calc(100% - 104px));margin-inline:auto}.section{padding-block:105px}.eyebrow{font-size:11px;line-height:1.5;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.serif{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.05em}.orange{color:var(--orange)}h2{font-size:clamp(38px,4.6vw,68px);line-height:1.06;letter-spacing:-.055em}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:48px}.section-top .eyebrow{margin-bottom:23px}.side-note{color:var(--muted);font-size:14px;line-height:1.6;max-width:315px}.text-link{font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:21px;padding-block:12px;border-bottom:1px solid currentColor}.text-link span{transition:transform .3s var(--ease)}.text-link:hover span{transform:translate(3px,-3px)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:20px 25px;border-radius:5px;font-size:14px;font-weight:600;line-height:1.25;transition:background .25s,transform .3s var(--ease);min-height:54px}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#414435}.button span{font-size:22px;line-height:1}.skip-link{position:absolute;top:-100px;left:20px;z-index:100;background:var(--ink);color:#fff;padding:15px}.skip-link:focus{top:15px}.scroll-progress{position:fixed;z-index:50;height:3px;top:0;left:0;width:100%;transform:scaleX(0);transform-origin:left;background:var(--orange)}
/* The product page has its own identity, using the established RONS logo. */
.header{position:sticky;top:0;z-index:30;background:rgba(245,244,236,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-row{height:91px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{display:block;flex-shrink:0;width:210px}.logo img{width:100%;height:auto}.nav-row nav{display:flex;gap:31px;font-size:13px;font-weight:600}.nav-row nav a{padding-block:15px}.nav-row nav a:hover{color:#a84020}.nav-cta{border:1px solid var(--ink);border-radius:4px;padding:12px 19px;font-size:13px;font-weight:600;display:flex;gap:26px}.nav-cta:hover{background:var(--lime)}
/* Floating product, orbiting lines and deliberately oversized typography. */
.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:25px;position:relative;padding-top:49px;padding-bottom:56px}.hero-copy{padding-top:50px;position:relative;z-index:2}.hero-copy>.eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:.06em}.status-dot{display:inline-block;background:var(--orange);width:7px;height:7px;border-radius:50%;flex-shrink:0}.hero h1{font-size:clamp(65px,7.7vw,112px);font-weight:600;line-height:1;letter-spacing:-.075em;margin-top:30px}.roll-word{position:relative;display:inline-block;font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.065em}.roll-word svg{position:absolute;bottom:-11px;left:2%;width:106%;overflow:visible;fill:none;stroke:var(--orange);stroke-width:5;stroke-linecap:round;stroke-dasharray:270;stroke-dashoffset:270;animation:underline-in 1.6s .7s var(--ease) forwards}.hero-intro{max-width:430px;font-size:17px;color:var(--muted);margin-top:31px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:29px}.hero-actions .text-link{font-size:13px;border:0;gap:11px}.hero-tags{margin-top:44px;display:flex;align-items:center;gap:18px;font-size:12px;font-weight:700;flex-wrap:wrap}.hero-tags>span:not(:last-child){position:relative}.hero-tags>span:not(:last-child):after{content:'•';margin-left:18px;color:var(--orange)}.hero-tags .tag-last{color:var(--muted);font-weight:400}.hero-stage{position:relative;min-height:605px;background:var(--lime);border-radius:8px;isolation:isolate;overflow:hidden}.hero-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 15% 75%,#fcffd969,transparent 55%);z-index:-1}.stage-kicker{position:absolute;top:26px;left:28px;font-size:9px;letter-spacing:.13em;font-weight:700}.stage-orbit{position:absolute;border:1px solid #94a93666;border-radius:50%;z-index:-1;pointer-events:none}.orbit-one{width:450px;height:450px;top:74px;left:50%;margin-left:-225px;animation:orbit-breathe 10s ease-in-out infinite}.orbit-two{width:660px;height:660px;top:-27px;left:50%;margin-left:-330px;animation:orbit-breathe 10s -5s ease-in-out infinite}.stage-burst{width:120px;height:120px;position:absolute;right:19px;top:82px;display:grid;place-items:center;z-index:4;transform:rotate(12deg)}.stage-burst:before{content:'';background:var(--orange);position:absolute;inset:0;clip-path:polygon(50% 0%,59% 12%,75% 7%,77% 24%,93% 25%,89% 41%,100% 50%,88% 59%,93% 75%,76% 77%,75% 93%,59% 88%,50% 100%,41% 88%,25% 93%,23% 76%,7% 75%,12% 59%,0% 50%,12% 41%,7% 25%,24% 23%,25% 7%,41% 12%);animation:burst-spin 36s linear infinite}.stage-burst span{font-size:13px;line-height:1.15;text-align:center;font-weight:700;z-index:1}.hero-product{position:absolute;top:108px;left:50%;width:306px;height:398px;transform:translateX(-50%) rotate(-17deg);animation:product-float 7s ease-in-out infinite;filter:drop-shadow(18px 24px 10px #3b4b2540);transition:rotate .6s var(--ease)}.roller{position:relative;width:306px;height:398px}.roller-head{position:absolute;z-index:3;top:0;left:0;width:306px;height:177px;background:#fff;border-radius:24px / 14px;box-shadow:0 6px 5px #0002;overflow:hidden}.roller-head>img{width:100%;height:100%;object-fit:fill}.roller-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0004,transparent 15%,#fff3 35%,transparent 51%,#0002 76%,#0006);border-radius:inherit;box-shadow:inset 5px 0 6px #fff6,inset -7px 0 6px #0002}.roller-head:before,.roller-head:after{content:'';position:absolute;top:0;width:12px;height:100%;border-radius:50%;background:linear-gradient(180deg,#d7d7cd,#fff 30%,#c9c9bb);z-index:3}.roller-head:before{left:-4px;box-shadow:inset -2px 0 2px #0002}.roller-head:after{right:-5px;box-shadow:inset 2px 0 2px #0002}.roller-cap{position:absolute;z-index:1;top:9px;left:-7px;width:320px;height:156px;background:#252522;border-radius:14px / 8px}.roller-neck{position:absolute;z-index:2;width:35px;height:73px;left:136px;top:140px;background:linear-gradient(90deg,#171813,#494a40 40%,#171813);border-radius:0 0 12px 12px}.roller-handle{position:absolute;z-index:1;left:125px;top:191px;width:57px;height:202px;clip-path:polygon(15% 0,85% 0,94% 13%,100% 90%,91% 98%,9% 98%,0 90%,6% 13%);background:linear-gradient(90deg,#12130f,#4d4f43 30%,#292b23 47%,#171913 74%,#424437);border-radius:12px}.roller-handle:before{content:'';position:absolute;top:12px;bottom:22px;left:8px;width:5px;background:#b6b8a330;border-radius:10px}.roller-handle i{position:absolute;width:25px;height:8px;background:var(--lime);bottom:12px;left:16px;border-radius:10px;box-shadow:0 2px 3px #0008}.floating-label{display:flex;align-items:center;gap:10px;position:absolute;z-index:5;padding:12px 15px;border:1px solid #fff8;border-radius:5px;background:#fcfff0eb;font-size:12px;font-weight:600;box-shadow:0 8px 25px #52632315}.floating-label small{font-size:10px;font-weight:400;display:block;color:var(--muted);margin-top:3px}.floating-label>span{font-size:26px;font-weight:400;line-height:1}.label-logo{left:22px;top:310px;animation:label-float 6s -2s ease-in-out infinite}.label-repeat{right:17px;bottom:112px;animation:label-float 6s ease-in-out infinite}.label-repeat>span{color:var(--orange)}.stage-foot{position:absolute;bottom:23px;left:23px;right:23px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #91a83155;padding-top:18px;font-size:9px}.stage-foot>span{display:flex;gap:6px;align-items:center}.stage-foot .status-dot{width:5px;height:5px;background:#5b703b}.motion-toggle{font-size:10px;padding:6px 8px;background:transparent;border:1px solid #91a83177;border-radius:4px;display:flex;gap:10px;align-items:center}.scroll-cue{grid-column:1/-1;margin-top:15px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.scroll-cue>span:last-child{font-size:22px;line-height:.7}
.marquee{overflow:hidden;background:var(--ink);color:var(--lime);padding:24px 0;transform:rotate(-1.2deg);margin:10px -1px 0}.marquee-track{display:flex;width:max-content;animation:marquee-slide 38s linear infinite}.marquee-track>span{font-size:27px;font-weight:700;letter-spacing:-.035em;white-space:nowrap;padding-right:36px}.marquee i{color:var(--orange);font-size:31px;font-style:normal;margin:0 28px}.story{padding-top:115px}.story>.section-top{align-items:flex-start}.story-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:100px}.story h2{font-size:clamp(52px,5.7vw,82px)}.story-copy{max-width:405px;align-self:center}.story-symbol{font-size:72px;color:var(--orange);line-height:1;margin-bottom:25px}.story-copy p{font-size:17px;color:var(--muted);margin-bottom:21px}.story-copy .text-link{font-size:13px;margin-top:6px}.touchpoints{display:flex;align-items:center;justify-content:space-between;padding:30px 0 0;border-top:1px solid var(--line);margin-top:62px;font-size:14px;font-weight:600}.touchpoints i{font-size:25px;color:var(--orange);font-style:normal}
.audience{background:#eceee2}.audience-tabs{display:flex;padding-bottom:1px;gap:9px;margin-bottom:26px}.audience-tabs button{flex:1;border:1px solid #c3c7b5;border-radius:5px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:transparent;font-size:14px;font-weight:600;transition:background .25s,transform .25s}.audience-tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--lime)}.audience-tabs button:hover{transform:translateY(-3px)}.audience-tabs button span{font-size:20px}.audience-panel{padding:36px;background:var(--paper);border:1px solid #dce0d1;border-radius:6px}.audience-panel+.audience-panel{margin-top:25px}.js .audience-panel+.audience-panel{margin-top:0}.audience-panel.is-entering{animation:panel-in .5s var(--ease)}.audience-lead{display:grid;grid-template-columns:85px 1fr 65px;gap:27px;align-items:center;padding-bottom:33px}.audience-icon{display:grid;place-items:center;background:var(--lime);width:84px;height:84px;border-radius:50%;font-size:47px}.audience-lead .eyebrow{color:var(--muted);margin-bottom:12px;font-size:10px}.audience-lead h3{font-size:clamp(25px,2.4vw,36px);letter-spacing:-.045em;line-height:1.13}.audience-lead p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:630px;margin-top:13px}.circle-link{background:var(--lime);border-radius:50%;width:62px;height:62px;display:grid;place-items:center;font-size:27px;transition:transform .25s}.circle-link:hover{transform:rotate(45deg)}.benefit-trio{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:28px;gap:38px}.benefit-trio article{position:relative}.benefit-trio article>span{font-size:11px;color:#797d6f;display:block;margin-bottom:12px}.benefit-trio h4{font-size:17px;letter-spacing:-.025em;margin-bottom:9px}.benefit-trio p{font-size:14px;color:var(--muted)}
.proof{display:grid;grid-template-columns:1.08fr 1fr;gap:80px;align-items:center}.proof-visual{position:relative;padding:42px 28px;background:#fff;border-radius:6px;border:1px solid var(--line);overflow:hidden}.image-label{display:block;font-size:9px;letter-spacing:.1em;font-weight:700;position:absolute;top:23px;left:23px}.proof-visual img{width:100%;height:auto;margin-block:17px 25px;mix-blend-mode:multiply;transition:transform .6s var(--ease)}.proof-visual:hover img{transform:rotate(-3deg) scale(1.035)}.proof-caption{font-size:10px;color:var(--muted)}.proof-copy>.eyebrow{margin-bottom:24px}.proof-copy h2{font-size:clamp(40px,4vw,57px)}.proof-copy p:not(.eyebrow){font-size:15px;color:var(--muted);margin-top:23px;max-width:480px}.proof-points{display:grid;gap:13px;margin-top:25px;font-size:13px;font-weight:600}.proof-points i{font-style:normal;color:var(--orange);margin-right:10px}.proof-copy .text-link{margin-top:24px;font-size:13px}
.value-section{background:var(--ink);color:var(--paper);overflow:hidden}.value-section .eyebrow{color:var(--lime)}.value-section h2 .serif{color:var(--lime)}.value-orbit{font-size:135px;color:var(--lime);line-height:1;animation:burst-spin 26s linear infinite}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #5c5e51;padding-top:10px}.value-grid article{padding:25px 27px 0;border-right:1px solid #515446}.value-grid article:first-child{padding-left:0}.value-grid article:last-child{padding-right:0;border:0}.value-icon{display:block;font-size:40px;color:var(--lime);line-height:1;margin-bottom:40px}.value-grid .eyebrow{font-size:9px;color:#bec1b0;letter-spacing:.06em;display:block;min-height:30px}.value-grid h3{font-size:25px;line-height:1.15;letter-spacing:-.035em;margin:10px 0 17px}.value-grid p{font-size:14px;color:#c7c8bb}
.design-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.design-card{display:block;text-align:left;padding:0;background:transparent}.design-art{padding:45px 30px;border-radius:6px;aspect-ratio:1.55;display:grid;place-items:center;overflow:hidden}.green{background:#e0e7d9}.navy{background:#e2e1dc}.blue{background:#e5e8ee}.aqua{background:#dfece7}.design-art img{width:100%;height:auto;border-radius:4px;box-shadow:0 12px 24px #26331b19;transform:rotate(-4deg);transition:transform .6s var(--ease)}.design-card:nth-child(even) .design-art img{transform:rotate(4deg)}.design-card:hover .design-art img{transform:rotate(0) scale(1.055)}.design-caption{display:flex;align-items:center;justify-content:space-between;padding:19px 0 5px;gap:10px}.design-caption h3{font-size:18px;font-weight:600;letter-spacing:-.03em}.design-caption p{font-size:11px;color:var(--muted);margin-top:5px}.design-caption>span{border:1px solid var(--line);width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-size:19px;transition:background .3s}.design-card:hover .design-caption>span{background:var(--lime)}.gallery-note{margin-top:30px;color:var(--muted);font-size:11px}
.studio{background:var(--lime);overflow:hidden}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.studio-copy>.eyebrow{margin-bottom:25px}.studio-copy>p:not(.eyebrow){max-width:410px;font-size:15px;margin-top:24px;color:#4d5834}.studio-controls{max-width:375px;margin:27px 0}.studio-controls>label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.studio-controls>input{width:100%;background:#f8ffe433;border:0;border-bottom:1px solid #889d48;padding:14px 1px;color:var(--ink);font-size:23px;font-weight:600;border-radius:0}.studio-controls fieldset{margin-top:23px}.studio-controls legend{font-size:12px;font-weight:600;margin-bottom:12px}fieldset{border:0;padding:0;margin:0;min-width:0}.swatches{display:flex;gap:11px}.swatch{background:var(--swatch);width:36px;height:36px;border-radius:50%;border:3px solid var(--lime);position:relative}.swatch.selected{outline:1px solid var(--ink)}.swatch.selected:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:13px}.studio-copy>.button{margin-top:15px}.studio-copy>.small-note{font-size:10px!important;max-width:370px;line-height:1.6;margin-top:18px!important}.studio-visual{position:relative;min-height:585px;display:grid;place-items:center}.studio-ring{position:absolute;left:50%;top:50%;width:450px;height:450px;border-radius:50%;border:1px solid #94a831;transform:translate(-50%,-50%);box-shadow:0 0 0 32px #c4de5820,0 0 0 66px #c4de5820}.studio-product{transform:rotate(13deg);filter:drop-shadow(20px 27px 12px #43562940);animation:studio-float 8s ease-in-out infinite}.custom-roller .roller-head{background:var(--brand);transition:background .45s}.custom-art{height:100%;color:var(--brand-text);text-align:center;display:flex;align-items:center;flex-direction:column;padding:18px 27px 13px;transition:color .45s}.custom-star{font-size:23px;line-height:1;margin-bottom:8px;color:#e2d9af}.custom-art strong{font-size:25px;line-height:1.04;letter-spacing:-.04em;max-width:245px;overflow-wrap:anywhere;font-weight:600;min-height:27px;display:flex;align-items:center;justify-content:center}.custom-rule{height:1px;width:60%;margin:9px 0;background:currentColor;opacity:.5}.custom-tag{font-size:7px;letter-spacing:.17em}.custom-bottom{font-size:7px;letter-spacing:.13em;margin-top:auto;opacity:.7}.studio-stamp{position:absolute;top:20px;right:0;font-size:10px;letter-spacing:.12em;font-weight:700;display:flex;align-items:center;gap:13px}.studio-stamp span{font-size:34px;animation:burst-spin 20s linear infinite}.studio-caption{position:absolute;bottom:10px;font-size:12px;letter-spacing:.04em}.studio .roller-handle i{background:var(--lime)}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--line);padding-top:33px}.process-grid article>span{font-family:Georgia,serif;font-size:46px;font-style:italic;color:#86906e}.process-grid h3{font-size:21px;margin-top:24px;margin-bottom:13px;letter-spacing:-.025em}.process-grid p{font-size:14px;color:var(--muted);max-width:320px}.enquiry{background:#edeedf}.enquiry-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:80px;align-items:center}.enquiry-copy .eyebrow{font-size:10px;margin-bottom:32px}.enquiry-copy h2{font-size:clamp(54px,5.5vw,80px);line-height:1.04}.enquiry-copy>p:not(.eyebrow){max-width:330px;color:var(--muted);font-size:15px;margin-top:26px}.contact-email{display:inline-flex;align-items:center;gap:25px;margin-top:32px;font-size:14px;border-bottom:1px solid #bfc5ac;padding-bottom:10px}.enquiry-form{background:var(--paper);border-radius:7px;border:1px solid #d5dac5;padding:35px}.enquiry-form h3{font-size:30px;letter-spacing:-.04em}.form-intro{font-size:13px;color:var(--muted);margin-top:8px;margin-bottom:26px}.enquiry-form label,.enquiry-form legend{display:block;font-size:11px;font-weight:600;margin-bottom:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.enquiry-form input:not([type=checkbox]):not([type=hidden]),.enquiry-form select,.enquiry-form textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #d5d8c9;border-radius:4px;padding:12px;font-size:13px;line-height:1.4;margin-bottom:21px;min-width:0}.enquiry-form textarea{resize:vertical;min-height:88px;max-height:400px}.enquiry-form fieldset{margin-bottom:20px}.use-options{display:flex;gap:9px;flex-wrap:wrap}.use-options label{display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:400;background:#eceee3;padding:10px 12px;border-radius:4px;margin-bottom:0;font-size:12px}.use-options input{accent-color:var(--ink);width:15px;height:15px;margin:0}.use-options label:has(input:checked){background:var(--lime)}.optional{font-weight:400;color:var(--muted)}.enquiry-form .button{width:100%;padding:16px 20px}.form-note{font-size:10px;color:var(--muted);margin-top:12px;text-align:center}.form-status{font-size:12px;color:#35663e;margin-top:9px}.form-status:empty{display:none}.faq{padding-block:80px;display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.faq h2{font-size:40px;margin-top:18px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;font-size:14px;font-weight:600;padding:20px 0;gap:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:23px;font-weight:400;line-height:1;transition:transform .3s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:14px;color:var(--muted);padding:0 24px 21px 0}footer{border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:45px}.footer-top .logo{width:195px}.footer-top p{font-size:12px;color:var(--muted)}.footer-top>a:not(.logo){font-size:12px;font-weight:600}.footer-top>a>span{margin-left:14px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:23px;font-size:10px;color:var(--muted)}
dialog{width:min(1000px,calc(100% - 40px));max-height:90svh;border:0;border-radius:8px;padding:50px 30px 28px;color:var(--ink);background:var(--paper);box-shadow:0 40px 120px #0004}dialog::backdrop{background:#131810c7;backdrop-filter:blur(10px)}.dialog-close{position:absolute;top:10px;right:15px;background:transparent;font-size:32px;width:40px;height:40px;line-height:1}dialog>img{width:100%;height:auto;max-height:62svh;object-fit:contain}.dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:25px}.dialog-bottom h2{font-size:28px;letter-spacing:-.04em;margin-top:6px}.dialog-bottom .eyebrow{font-size:9px}.dialog-bottom .button{font-size:12px;padding:15px 18px}
/* Motion is progressive: all copy and images remain visible without JavaScript. */
.js .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js .reveal.visible{opacity:1;transform:translateY(0)}.value-grid .reveal:nth-child(2),.process-grid .reveal:nth-child(2){transition-delay:.1s}.value-grid .reveal:nth-child(3),.process-grid .reveal:nth-child(3){transition-delay:.2s}.value-grid .reveal:nth-child(4){transition-delay:.3s}.motion-off *, .motion-off *:before,.motion-off *:after{animation-play-state:paused!important}.motion-off .reveal{opacity:1!important;transform:none!important;transition:none!important}.motion-off{scroll-behavior:auto}.motion-off .roll-word svg{stroke-dashoffset:0}.motion-off .product-tilt{rotate:0deg!important}
@keyframes product-float{0%,100%{transform:translateX(-50%) translateY(0) rotate(-17deg)}50%{transform:translateX(-50%) translateY(-17px) rotate(-10deg)}}@keyframes studio-float{0%,100%{transform:translateY(0) rotate(13deg)}50%{transform:translateY(-14px) rotate(8deg)}}@keyframes label-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes burst-spin{to{transform:rotate(360deg)}}@keyframes orbit-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes marquee-slide{to{transform:translateX(-50%)}}@keyframes underline-in{to{stroke-dashoffset:0}}@keyframes panel-in{from{opacity:.2;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
/* The supplied working sample has its handle on the cylinder's end. */
.roller-head{left:38px;top:0;width:230px;height:245px;border-radius:50% / 7%;box-shadow:0 9px 5px #0002}
.roller-head>img{object-fit:cover;object-position:0% center;animation:printed-roll 14s ease-in-out infinite}
.roller-shine{background:linear-gradient(90deg,#0006,transparent 17%,#fff4 35%,transparent 54%,#0002 77%,#0006);box-shadow:inset 0 4px 5px #fff5,inset 0 -5px 5px #0003}
.roller-head:before,.roller-head:after{left:0;right:auto;width:100%;height:15px;border-radius:50%;background:linear-gradient(180deg,#efefe6,#c7c8bc);box-shadow:inset 0 2px 1px #fff9}
.roller-head:before{top:-8px}.roller-head:after{top:auto;bottom:-8px;background:linear-gradient(180deg,#b8baad,#f1f1e6);box-shadow:inset 0 -2px 2px #0003}
.roller-cap{left:47px;top:2px;width:212px;height:244px;border-radius:50% / 7%;background:#f2f2e8}
.roller-neck{left:136px;top:230px;height:44px;width:35px}
.roller-handle{top:259px;height:156px;left:126px;width:55px}
.hero-product .roller-handle{background:linear-gradient(90deg,#12130f,#4d4f43 30%,#292b23 47%,#171913 74%,#424437)}
.custom-art{padding:27px 24px 22px}.custom-art strong{max-width:163px;font-size:25px;min-height:65px}.custom-star{font-size:33px;margin-bottom:18px}.custom-rule{margin:12px 0}.custom-tag{font-size:6px;letter-spacing:.07em;white-space:nowrap}.custom-bottom{font-size:7px}.custom-roller .roller-cap{background:var(--brand)}
@keyframes printed-roll{0%,25%,100%{object-position:0% center}50%,75%{object-position:100% center}}
.marquee{transform:skewY(-1.2deg);margin-inline:0}
@media(min-width:1600px){.hero{padding-top:65px;padding-bottom:65px}.hero-copy{padding-top:63px}.hero-stage{min-height:640px}.hero-product{top:126px}.label-logo{top:336px}.label-repeat{bottom:130px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.hero h1{font-size:85px}.hero-copy{padding-top:35px}.hero-copy>.eyebrow{font-size:9px}.hero-intro{font-size:16px}.hero-stage{min-height:570px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-actions .button{gap:24px;padding:17px 20px}.hero-tags{gap:12px}.tag-last{display:none}.stage-burst{width:100px;height:100px;right:14px;top:75px}.stage-burst span{font-size:12px}.hero-product{width:275px;height:365px;top:111px}.hero-product>.roller{transform:scale(.9);transform-origin:top center;margin-left:-15px}.label-logo{top:299px;left:13px;padding:10px;font-size:11px}.label-repeat{right:14px;bottom:108px;font-size:11px}.stage-foot{font-size:8px;left:15px;right:15px}.stage-kicker{font-size:8px;left:18px}.section{padding-block:85px}.story-grid{gap:65px}.proof{gap:45px}.proof-copy h2{font-size:44px}.value-grid article{padding-inline:20px}.value-grid h3{font-size:21px}.value-grid p{font-size:13px}.value-grid .eyebrow{font-size:8px}.audience-panel{padding:28px}.benefit-trio{gap:25px}.audience-lead{gap:22px}.studio-grid{gap:35px}.studio-visual{min-height:560px}.studio-ring{width:390px;height:390px}.enquiry-grid{gap:45px}.enquiry-copy h2{font-size:65px}.enquiry-form{padding:28px}.faq{gap:50px}.footer-top{gap:20px}}
@media(max-width:900px){.nav-row{height:80px;gap:20px}.logo{width:175px}.nav-row nav{gap:20px;font-size:12px}.nav-cta{font-size:12px;padding:10px 14px;gap:15px}.hero{gap:23px;padding-top:33px}.hero-copy{padding-top:30px}.hero h1{font-size:68px}.hero-intro{font-size:15px}.hero-copy>.eyebrow{font-size:8px}.hero-stage{min-height:560px}.hero-product{top:124px;width:245px}.hero-product>.roller{transform:scale(.8);margin-left:-30px}.stage-burst{width:89px;height:89px;top:61px;right:10px}.stage-burst span{font-size:10px}.floating-label{font-size:10px;gap:7px}.floating-label small{font-size:8px}.label-logo{top:306px;left:12px}.label-repeat{bottom:112px;right:12px}.stage-foot{align-items:flex-start;gap:11px;flex-direction:column;padding-top:13px;bottom:14px}.hero-tags{margin-top:25px;font-size:11px}.story-grid{gap:40px}.story h2{font-size:58px}.story-copy p{font-size:15px}.story-copy .text-link{font-size:11px}.audience-tabs button{font-size:12px;padding:17px 13px}.audience-lead{grid-template-columns:70px 1fr 45px;gap:20px}.audience-icon{width:65px;height:65px;font-size:37px}.circle-link{width:45px;height:45px;font-size:22px}.audience-lead h3{font-size:27px}.benefit-trio h4{font-size:15px}.benefit-trio p{font-size:13px}.proof{gap:35px;grid-template-columns:1fr 1fr}.proof-copy h2{font-size:36px}.proof-copy p:not(.eyebrow){font-size:14px}.proof-visual{padding:35px 20px}.proof-points{font-size:12px}.proof-copy .text-link{font-size:12px}.value-grid{grid-template-columns:1fr 1fr;row-gap:40px}.value-grid article:nth-child(2){border:0}.value-grid article:nth-child(3){padding-left:0}.value-grid article:nth-child(4){padding-right:0}.value-grid h3{font-size:26px}.value-grid p{font-size:14px}.value-grid .eyebrow{font-size:10px;min-height:0}.value-icon{margin-bottom:25px}.design-grid{gap:25px}.design-art{padding:30px 23px}.studio-grid{gap:15px}.studio-visual{min-height:535px}.studio-product{width:265px}.studio-product>.roller{transform:scale(.88);transform-origin:top left}.studio-ring{width:300px;height:300px}.studio h2{font-size:48px}.studio-stamp{font-size:8px;gap:10px}.enquiry-grid{gap:30px;grid-template-columns:.9fr 1.1fr}.enquiry-copy h2{font-size:54px}.enquiry-form{padding:24px}.form-row{grid-template-columns:1fr;gap:0}.process-grid{gap:27px}.footer-top .logo{width:160px}.footer-top>p{display:none}.footer-bottom{font-size:9px}.section-top .side-note{font-size:12px}}
@media(max-width:640px){html{scroll-padding-top:78px}.wrap{width:calc(100% - 36px)}.section{padding-block:60px}.nav-row{height:72px;gap:10px}.logo{width:162px}.nav-row nav{display:none}.nav-cta{gap:20px;padding:10px 12px;font-size:11px}.hero{grid-template-columns:1fr;gap:0;padding-top:31px;padding-bottom:34px}.hero-copy{padding-top:0}.hero-copy>.eyebrow{font-size:9px;letter-spacing:.045em}.hero h1{font-size:clamp(66px,17.5vw,98px);line-height:.98;margin-top:24px;letter-spacing:-.07em}.hero-intro{margin-top:27px;font-size:15px;max-width:400px}.hero-actions{gap:19px;margin-top:23px;flex-wrap:wrap}.hero-actions .button{padding:17px 18px;gap:28px;font-size:13px;min-height:51px}.hero-actions .text-link{font-size:12px}.hero-tags{margin:24px 0 28px;font-size:10px;gap:12px}.hero-tags>span:not(:last-child):after{margin-left:12px}.hero-stage{min-height:497px}.stage-kicker{top:20px;font-size:8px}.hero-product{top:78px;width:270px;height:360px}.hero-product>.roller{transform:scale(.88);margin-left:-18px}.stage-burst{top:57px;right:15px;width:96px;height:96px}.stage-burst span{font-size:11px}.orbit-one{width:360px;height:360px;top:57px;margin-left:-180px}.orbit-two{width:530px;height:530px;top:-25px;margin-left:-265px}.label-logo{top:270px;left:14px;font-size:10px;padding:10px}.floating-label small{font-size:9px}.floating-label>span{font-size:23px}.label-repeat{right:14px;bottom:86px;font-size:10px;padding:10px}.stage-foot{flex-direction:row;align-items:center;bottom:14px;gap:8px;padding-top:14px;font-size:8px}.motion-toggle{font-size:9px;padding:5px 6px;gap:6px}.scroll-cue{margin-top:27px;font-size:8px;padding-top:17px}.marquee{padding:20px 0;margin-top:3px}.marquee-track>span{font-size:22px;padding-right:23px}.marquee i{margin-inline:20px;font-size:23px}.section-top{align-items:flex-start;gap:18px;flex-direction:column;margin-bottom:31px}.section-top .eyebrow{font-size:9px;margin-bottom:18px}.side-note{font-size:12px!important}.section-top .side-note br{display:none}h2{font-size:41px}.story>.section-top{flex-direction:row;align-items:flex-start;gap:20px;margin-bottom:23px}.story>.section-top .eyebrow{font-size:8px;max-width:150px}.story>.section-top .side-note{font-size:10px!important;max-width:140px;text-align:right}.story>.section-top .side-note br{display:block}.story-grid{grid-template-columns:1fr;gap:27px}.story h2{font-size:clamp(48px,13.4vw,65px)}.story-copy{max-width:none}.story-symbol{display:none}.story-copy p{font-size:15px;margin-bottom:18px}.story-copy .text-link{font-size:12px}.touchpoints{margin-top:30px;padding-top:22px;font-size:10px;gap:7px}.touchpoints i{font-size:18px}.audience-tabs{display:grid;grid-template-columns:1fr;margin-bottom:20px;gap:7px}.audience-tabs button{font-size:13px;padding:14px 16px;min-height:48px}.audience-tabs button span{font-size:19px}.audience-panel{padding:24px 20px}.audience-lead{grid-template-columns:1fr 40px;gap:15px;padding-bottom:24px}.audience-icon{display:none}.audience-lead>.circle-link{align-self:start;margin-top:28px;width:36px;height:36px;font-size:19px}.audience-lead .eyebrow{font-size:8px;margin-bottom:12px}.audience-lead h3{font-size:25px;letter-spacing:-.04em}.audience-lead p:not(.eyebrow){font-size:13px;line-height:1.6;margin-top:14px}.benefit-trio{grid-template-columns:1fr;gap:23px;padding-top:23px}.benefit-trio article>span{position:absolute;left:0;top:2px;font-size:10px}.benefit-trio article{padding-left:30px}.benefit-trio h4{font-size:15px;margin-bottom:7px}.benefit-trio p{font-size:13px}.proof{grid-template-columns:1fr;gap:32px}.proof-visual{padding:40px 24px 22px}.proof-visual img{margin-top:14px;margin-bottom:20px}.image-label{font-size:8px;top:18px;left:18px}.proof-copy>.eyebrow{font-size:9px;margin-bottom:20px}.proof-copy h2{font-size:43px}.proof-copy p:not(.eyebrow){font-size:14px;margin-top:19px}.proof-points{font-size:12px;gap:13px;margin-top:23px}.proof-copy .text-link{font-size:12px;margin-top:18px}.value-section>.wrap>.section-top{flex-direction:row;align-items:center}.value-orbit{font-size:85px}.value-section h2{font-size:39px}.value-grid{gap:33px 0}.value-grid article{padding-top:18px;padding-inline:17px}.value-icon{font-size:34px;margin-bottom:24px}.value-grid .eyebrow{font-size:8px;min-height:25px;line-height:1.5}.value-grid h3{font-size:21px;margin-top:8px;margin-bottom:13px}.value-grid p{font-size:12px;line-height:1.65}.design-grid{grid-template-columns:1fr;gap:27px}.design-art{padding:32px 27px;aspect-ratio:1.5}.design-caption{padding-top:16px}.design-caption h3{font-size:17px}.design-caption p{font-size:10px}.gallery-note{font-size:10px;margin-top:25px}.studio-grid{grid-template-columns:1fr;gap:20px}.studio h2{font-size:47px}.studio-copy>.eyebrow{font-size:9px;margin-bottom:20px}.studio-copy>p:not(.eyebrow){font-size:14px;margin-top:18px}.studio-controls{margin:22px 0 23px;max-width:100%}.studio-controls>input{font-size:23px;padding:12px 1px}.studio-controls>label,.studio-controls legend{font-size:11px}.studio-controls fieldset{margin-top:22px}.studio-copy>.button{font-size:13px;padding:17px 20px;margin-top:9px}.studio-copy>.small-note{font-size:10px!important}.studio-visual{min-height:453px}.studio-ring{width:300px;height:300px}.studio-stamp{top:10px;right:0}.studio-product{width:250px;height:350px;margin-top:23px}.studio-product>.roller{transform:scale(.82)}.studio-caption{font-size:11px;bottom:0}.process h2{font-size:37px}.process .section-top>.text-link{font-size:12px}.process-grid{grid-template-columns:1fr;gap:28px;padding-top:29px}.process-grid article{display:grid;grid-template-columns:50px 1fr;column-gap:15px}.process-grid article>span{grid-row:1/3;font-size:38px;align-self:start;line-height:1}.process-grid h3{font-size:20px;margin-top:2px;margin-bottom:9px}.process-grid p{font-size:13px;max-width:none}.enquiry-grid{grid-template-columns:1fr;gap:33px}.enquiry-copy .eyebrow{font-size:8px;margin-bottom:25px}.enquiry-copy h2{font-size:clamp(53px,14vw,70px)}.enquiry-copy>p:not(.eyebrow){font-size:14px;margin-top:23px}.contact-email{margin-top:20px;font-size:13px}.enquiry-form{padding:27px 22px}.enquiry-form h3{font-size:28px}.form-intro{font-size:12px;margin-bottom:23px}.form-row{grid-template-columns:1fr}.enquiry-form label,.enquiry-form legend{font-size:11px}.enquiry-form input:not([type=checkbox]):not([type=hidden]),.enquiry-form select,.enquiry-form textarea{font-size:16px;padding:12px;margin-bottom:19px}.use-options{gap:8px}.use-options label{font-size:11px;padding:10px}.enquiry-form .button{font-size:12px}.form-note{font-size:10px}.faq{padding-block:55px;grid-template-columns:1fr;gap:20px}.faq>.eyebrow{font-size:10px}.faq h2{font-size:38px;margin-top:13px}.faq-list summary{font-size:13px;padding-block:19px}.faq-list details p{font-size:13px}.footer-top{display:grid;grid-template-columns:1fr 1fr;padding-block:32px;gap:24px 12px}.footer-top .logo{grid-column:1/-1;width:180px}.footer-top>a:not(.logo){font-size:11px}.footer-top>a>span{margin-left:8px}.footer-bottom{align-items:flex-start;flex-wrap:wrap;gap:12px 20px;font-size:9px;padding-block:20px}.footer-bottom>span:nth-child(2){order:3;width:100%}.footer-bottom>a{margin-left:auto}.dialog-bottom{flex-direction:column;align-items:flex-start;gap:19px}.dialog-bottom h2{font-size:24px}dialog{padding:50px 18px 22px;max-height:90svh}.dialog-bottom .button{width:100%}.js .reveal{transform:translateY(22px)}}
@media(max-width:640px){.hero-actions{gap:15px}.hero-actions .button{font-size:12px;gap:23px;padding:17px}.hero-actions .text-link{font-size:11px;gap:7px}}
/* Match the long, narrow cylinder and slim end-mounted grip in the working sample. */
.roller{height:457px}
.roller-head{left:70px;width:165px;height:285px;border-radius:48% / 4%;box-shadow:0 6px 5px #0003}
.roller-head>img{width:192%;max-width:none;height:100%;object-fit:fill;animation:printed-sheet-turn 14s ease-in-out infinite}
.roller-head:before,.roller-head:after{height:10px}
.roller-head:before{top:-5px}
.roller-head:after{bottom:-5px}
.roller-cap{left:76px;top:2px;width:153px;height:282px;border-radius:48% / 4%}
.roller-neck{left:142px;top:273px;width:22px;height:38px;border-radius:0 0 6px 6px}
.roller-handle{left:135px;top:296px;width:36px;height:161px;border-radius:7px;clip-path:polygon(25% 0,75% 0,95% 17%,100% 84%,83% 100%,17% 100%,0 84%,5% 17%)}
.roller-handle:before{top:16px;bottom:22px;left:6px;width:2px}
.roller-handle i{width:13px;height:5px;left:12px;bottom:9px}
.hero-product{top:60px;height:457px}
.custom-art{padding:27px 15px 17px}
.custom-art strong{max-width:133px;min-height:65px;font-size:19px}
.custom-star{font-size:24px;margin-bottom:22px}
.custom-tag{font-size:5px;letter-spacing:0}
.custom-bottom{font-size:6px}
@keyframes printed-sheet-turn{0%,25%,100%{transform:translateX(0)}50%,75%{transform:translateX(-52%)}}
@media(min-width:1600px){.hero-product{top:87px}}
@media(min-width:901px) and (max-width:1150px){.hero-product{top:88px}}
@media(max-width:900px){.hero-product{top:110px}.studio-product>.roller{transform:scale(.8)}}
@media(max-width:640px){.hero-product{top:72px}.hero-product>.roller{transform:scale(.78)}.studio-product>.roller{transform:scale(.72)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.roll-word svg{stroke-dashoffset:0}.product-tilt{rotate:0deg!important}}