/* A brighter first impression, with the pencil studio at the center. */
:root{--green:#193f37;--green-dark:#15342e;--paper:#fffdf7;--yellow:#f4ca50;--coral:#d94e38;--ink:#243832;--muted:#64736b;--radius:10px;scroll-padding-top:100px;background:var(--paper)}
body{background:var(--paper)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.announcement{background:#e8efdf;color:var(--green);padding:7px 4%;font-size:.72rem}
.header{height:82px;padding:0 4%;background:#fffdf7;border-color:#e7e7da}
.brand{font-size:1.08rem;letter-spacing:.07em;gap:13px}.brand-small{font-size:.56rem;letter-spacing:.06em}.brand-logo{display:block;width:82px;aspect-ratio:249/167;position:relative;overflow:hidden;flex-shrink:0}.brand-logo img{position:absolute;width:267.47%;max-width:none;height:224.55%;left:-89.56%;top:-69.46%}.header nav{gap:25px}.header-cta{min-height:44px;padding:11px 19px;border-radius:30px;font-size:.8rem}.mobile-nav{top:82px;background:#fffdf7}.button{border-radius:30px}.button-dark{background:var(--green)}.button-yellow{background:var(--yellow)}.button-light{background:white}.button:hover{transform:translateY(-2px)}
.studio-intro{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:32px 4% 24px;background:#fffdf7}.studio-intro .eyebrow{font-size:.63rem;letter-spacing:.13em;color:#5d7567;margin-bottom:11px}.studio-intro h1{font-size:clamp(2rem,3.1vw,3.25rem);line-height:1.1;letter-spacing:-.055em}.studio-intro h1 em{color:var(--coral);font-family:Georgia,serif;font-weight:400}.studio-intro>p{font-size:.85rem;line-height:1.75;color:var(--muted);max-width:355px}.mobile-break{display:none}
.section.studio{padding:0 4% 56px;background:#fffdf7}.studio-board{border:1px solid #dce2d5;border-radius:18px;box-shadow:0 12px 45px #2c54310c;overflow:hidden;background:white}.studio-toolbar{padding:16px 24px 0;font-size:.67rem;letter-spacing:.09em;display:flex;justify-content:space-between;align-items:center}.studio-toolbar .subtle-button{font-size:.75rem;letter-spacing:0}.live-dot{background:#d94e38;box-shadow:0 0 0 4px #fce8df}.pencil-stage{height:170px;min-height:0;padding:0 6%;background:radial-gradient(ellipse at 50% 65%,#fff9df 0,white 66%)}.pencil-stage svg{width:100%;height:100%;display:block;overflow:visible}.studio-shortcuts{display:flex;justify-content:center;gap:9px;padding:0 20px 15px;font-size:.66rem;color:#577465;letter-spacing:.035em}.studio-shortcuts a{padding:5px 12px;border-radius:20px;background:#f4f5ef}.studio-shortcuts a:last-child{background:#fff0d6;color:#815a1b}.studio-shortcuts a:hover{background:#e6eddf}
.studio-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 18px 12px;border-top:1px solid #e7eadd;gap:0}.studio .part-control{padding:20px 18px 10px;min-width:0;border-right:1px solid #e7eadd;scroll-margin-top:100px}.studio .part-control:last-child{border-right:0}.part-heading{gap:10px;margin-bottom:13px}.part-heading>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#eaf0df;color:#557140;font-size:.68rem;font-weight:700;flex-shrink:0}.part-control:nth-child(2) .part-heading>span{background:#fff0ca;color:#997412}.part-control:nth-child(3) .part-heading>span{background:#e7edef;color:#52717c}.part-control:nth-child(4) .part-heading>span{background:#fce5de;color:#b65445}.part-heading h3{font-size:.94rem;font-weight:650}.part-options{height:36px;display:flex;align-items:center;margin-bottom:1px}.part-caption{font-size:.69rem;color:var(--muted)}.segmented{border-radius:8px;background:#f3f5ef;width:100%;padding:3px}.segmented button{padding:7px 5px;font-size:.69rem;border-radius:5px;white-space:nowrap}.segmented button[aria-pressed=true]{box-shadow:0 1px 5px #17332215}.roller{height:104px;border-radius:8px;touch-action:pan-x pinch-zoom}.wheel-window{height:104px}.wheel-row{height:34px;padding:0 10px;gap:9px;font-size:.83rem}.wheel-row.selected{background:#f1f4e9;border-radius:8px;color:#224939}.wheel-row.previous,.wheel-row.next{opacity:.48}.wheel-row .color-dot{width:13px;height:13px}.wheel-count{min-height:22px;font-size:.65rem;margin-top:5px;line-height:1.4}.wheel-arrows button{width:29px;height:32px}.natural-choice{height:100%;font-size:.83rem}.control-note,.part-control .control-note{font-size:.68rem;line-height:1.55;margin-top:10px;min-height:0}.pantone-control{margin-top:12px}.pantone-control label,.logo-text-control label{display:block;font-size:.72rem;font-weight:600;margin-bottom:7px;color:#345c4d}.pantone-field input,.logo-text-control>input{width:100%;height:40px;padding:9px 32px 9px 11px;border:1px solid #d9dfd6;border-radius:8px;background:#fff;font-size:16px;color:var(--green);min-width:0}.pantone-status{font-size:.65rem;line-height:1.5;margin-top:5px}.pantone-status:empty{display:none}.pantone-status[data-state=inactive]{color:#788276}.pantone-field button{height:36px;width:28px;right:3px}.is-disabled input{background:#f7f8f3}.pantone-field input[aria-invalid=true]{border-color:#b84632;background:#fff7f4}
.logo-customizer{background:#fff9e9;border-top:1px solid #e8e3d4;border-bottom:1px solid #e8e3d4;padding:22px 35px}.logo-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.logo-heading .part-heading{margin:0}.logo-heading .part-heading>span{background:#f8df91;color:#80601c}.logo-heading p{font-size:.78rem;color:#7c7767}.logo-fields{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:24px;align-items:start}.logo-fields .pantone-control{margin:0}.logo-slider{padding-top:0;min-width:0}.logo-slider>label{display:flex;justify-content:space-between;font-size:.72rem;font-weight:600;color:#345c4d;margin-bottom:12px}.logo-slider output{font-weight:400;color:#79745f}.logo-slider input{width:100%;height:24px;margin:4px 0 0;accent-color:#d65b40;cursor:pointer;touch-action:pan-y}.range-hints{display:flex;justify-content:space-between;font-size:.65rem;color:#897f64;margin-top:5px}.artwork-note{font-size:.73rem;color:#77725f;margin-top:15px}.artwork-note a{color:#a43d2c;text-decoration:underline;text-underline-offset:3px}.config-footer{padding:20px 30px;gap:25px;align-items:center;border-top:0}.config-summary{font-size:.78rem;line-height:1.65}.config-disclaimer{font-size:.66rem;max-width:720px}.config-actions{flex-shrink:0}.config-actions .button{min-height:44px;padding:12px 17px;font-size:.75rem;gap:15px}.inquiry-hint{font-size:.67rem;margin:0;padding:0 30px 18px;text-align:right}.status-message{font-size:.77rem}.status-message:empty{display:none}
.section{padding:78px 4%}.products{background:white}.section-heading h2{font-size:clamp(2.4rem,3.8vw,3.7rem)}.section-heading h2 em{color:var(--coral)}.section-heading .eyebrow{font-size:.67rem}.download-link{background:none;border:0;border-bottom:1px solid var(--green);padding:8px 0;color:var(--green);font-size:.82rem;cursor:pointer;text-align:left}.category-button{border-radius:30px}.category-button.active{background:#e9efdc;color:#244c35;border-color:#d6e0c3}.product-card{border-radius:13px;overflow:hidden;border:1px solid #e8e9df;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #203c2510}.product-image{background:#f8f9f5}.product-info{background:white}.product-view{background:#f5ca57;color:#3b4a2c;border-radius:50%}.search-box{border-radius:30px}.catalog-bottom{background:#fff7e8;border-radius:14px;padding:25px}
.company-story{background:#f1f5eb}.story-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px}.story-card{border-radius:15px;overflow:hidden;background:white;border:1px solid #dce3d5;padding:20px}.story-card-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.year-label{font-family:Georgia,serif;font-size:2.25rem;color:var(--green)}.story-card-top>span:last-child{font-size:.63rem;letter-spacing:.12em;color:#6d7b69}.archive-display{height:340px;background:#e5e5d9;overflow:hidden;border-radius:9px;display:flex;align-items:center;justify-content:center}.archive-display>img{height:100%;width:100%;object-fit:contain}.archive-display>svg{width:100%;height:100%;object-fit:contain}.archive-options{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.archive-options button{background:#f5f6ef;border:1px solid #e2e6d7;border-radius:20px;padding:7px 12px;font-size:.7rem;color:#607052}.archive-options button[aria-pressed=true]{background:#e6edce;color:#34562b;border-color:#c8d5b3}.story-card>p{font-size:.76rem;color:#6d7567;margin-top:12px;line-height:1.6}.factory-film{height:340px;display:flex;align-items:center;background:#182c26;border-radius:9px;overflow:hidden}.factory-film video{display:block;width:100%;height:100%;object-fit:contain;background:#182c26}.film-caption{display:flex;align-items:center;gap:15px;margin-top:19px}.play-symbol{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fde6a8;color:#78661e;font-size:.7rem}.film-caption h3{font-size:.93rem;margin-bottom:3px}.film-caption p{font-size:.76rem;color:#73806e}.company-overview{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:36px 0 20px}.company-overview h3{font-size:1.35rem;font-weight:500;line-height:1.4;margin-bottom:13px;letter-spacing:-.035em}.company-overview p{font-size:.87rem;color:#61745e;max-width:650px}.company-facts{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:15px}.company-facts>div{border-left:1px solid #d2ddc7;padding-left:22px;display:flex;flex-direction:column;gap:12px}.company-facts strong{font-family:'Manrope',sans-serif;font-size:2rem;letter-spacing:-.06em;font-weight:600}.company-facts span{font-size:.72rem;line-height:1.5;color:#718069}.company-story>.text-link{display:inline-block;color:#315d39;border-color:#a5b99a}.custom{background:#fffdf7}.custom-steps>article>span{background:#f9e9bd;color:#8e6c28;border-radius:9px}.closing{background:#f3c957;color:#1d4332;padding:65px 4%}.closing .eyebrow{color:#596132}.closing h2 em{color:#b4462f}.closing .button{background:var(--green);color:white}.footer-logo{width:85px;margin-bottom:14px}footer{background:#fffdf7;padding:35px 4%}.footer-links button{border:0;background:none;padding:0;font-size:inherit;color:inherit;text-align:left}.footer-links button:hover{color:var(--coral)}
#catalog-dialog{width:min(1100px,94vw);height:94dvh;max-height:94dvh;padding:0;border-radius:14px;overflow:hidden;background:#f1f1e9}#catalog-dialog[open]{display:flex;flex-direction:column}.catalog-dialog-header{position:static;background:#fffdf7;padding:17px 23px;border-bottom:1px solid #e3e6db;flex-shrink:0}.catalog-dialog-header .eyebrow{font-size:.56rem;margin-bottom:5px;color:#78876b}.catalog-dialog-header h2{font-family:'Manrope',sans-serif;font-size:1.15rem;letter-spacing:-.025em}.catalog-close{position:static}.catalog-navigation{display:flex;align-items:center;justify-content:space-between;padding:10px 23px;background:white;border-bottom:1px solid #e2e6d9;gap:12px;flex-shrink:0}.catalog-navigation button{background:#eaf0de;border:1px solid #dce5ca;border-radius:25px;padding:9px 15px;font-size:.75rem;color:#35502f}.catalog-navigation button:disabled{opacity:.4;cursor:default}.catalog-navigation label{font-size:.75rem;color:#637257}.catalog-navigation select{padding:7px 5px;border-radius:7px;border:1px solid #d5dfc8;background:white;color:#2b4b31;font-size:.85rem}#catalog-page-viewport{overflow:auto;overscroll-behavior:contain;min-height:0;flex:1;padding:20px}#catalog-page-image{width:100%;height:auto;max-width:850px;margin:0 auto;box-shadow:0 4px 20px #20342110}#catalog-load-status{font-size:.7rem;text-align:center;background:white;color:#6c7a61}#catalog-load-status:empty{display:none}
[hidden]{display:none!important}
@media(min-width:1700px){.studio-intro{padding-top:40px;padding-bottom:30px}.pencil-stage{height:210px}.studio-controls{padding-bottom:20px}}
@media(max-width:1100px){.header nav{gap:16px}.brand{font-size:.96rem}.header-cta{padding:10px 14px;font-size:.7rem}.studio-intro{gap:25px}.studio-intro>p{max-width:280px;font-size:.78rem}.studio-controls{padding:0 7px 8px}.studio .part-control{padding:15px 13px 10px}.wheel-row{font-size:.76rem;padding-left:7px}.part-heading h3{font-size:.85rem}.part-caption{font-size:.64rem}.logo-fields{gap:18px}.logo-customizer{padding:20px 23px}.archive-display,.factory-film{height:280px}.config-footer{flex-direction:column;align-items:stretch}.config-actions{justify-content:flex-end}.inquiry-hint{text-align:left}.company-overview{gap:30px}}
@media(max-width:760px){:root{scroll-padding-top:86px}.header{height:74px;padding:0 5%}.brand{font-size:.94rem;gap:9px}.brand-logo{width:68px}.brand-small{font-size:.5rem}.header nav,.header-cta{display:none}.mobile-nav{top:74px}.announcement{padding:7px 5%;font-size:.61rem}.announcement>span{font-size:.59rem}.studio-intro{padding:23px 5% 19px;display:block}.studio-intro .eyebrow{font-size:.53rem;letter-spacing:.1em;margin-bottom:10px}.studio-intro h1{font-size:2.05rem;line-height:1.08}.mobile-break{display:block}.studio-intro>p{max-width:none;font-size:.72rem;margin-top:12px;line-height:1.55}.studio-intro>p br{display:none}.section.studio{padding:0 3% 35px}.studio-board{border-radius:14px}.studio-toolbar{padding:14px 15px 0;font-size:.52rem;letter-spacing:.04em;gap:8px}.studio-toolbar .subtle-button{font-size:.63rem}.pencil-stage{height:116px;padding:0 2%}.studio-shortcuts{gap:5px;padding:0 8px 12px;justify-content:space-between;font-size:.53rem;letter-spacing:0}.studio-shortcuts a{padding:5px 7px}.studio-controls{grid-template-columns:repeat(2,minmax(0,1fr));padding:0;gap:0}.studio .part-control{padding:14px 13px;border-right:1px solid #e7eadd;border-bottom:1px solid #e7eadd;scroll-margin-top:82px}.studio .part-control:nth-child(2n){border-right:0}.studio .part-control:nth-child(3),.studio .part-control:nth-child(4){border-bottom:0}.part-heading{gap:7px;margin-bottom:7px}.part-heading>span{width:22px;height:22px;font-size:.6rem;border-radius:6px}.part-heading h3{font-size:.82rem}.part-options{height:33px}.part-caption{font-size:.59rem;line-height:1.4}.segmented button{font-size:.61rem;padding:6px 4px}.roller,.wheel-window{height:99px}.wheel-row{height:33px;font-size:.73rem;gap:6px;padding-left:5px}.wheel-row .color-dot{width:11px;height:11px}.wheel-arrows button{width:22px}.wheel-count{font-size:.59rem;min-height:30px;margin-top:3px}.part-control .control-note{font-size:.61rem;margin-top:6px}.pantone-control{margin-top:8px}.pantone-control label{font-size:.65rem}.pantone-field input{height:38px;padding-left:8px;padding-right:24px}.pantone-status{font-size:.61rem}.natural-choice{font-size:.74rem;gap:6px}.logo-customizer{padding:18px 15px}.logo-heading{display:block;margin-bottom:16px}.logo-heading p{font-size:.69rem;margin:7px 0 0 30px}.logo-fields{grid-template-columns:1fr 1fr;gap:18px 13px}.logo-slider>label,.logo-text-control label{font-size:.67rem}.logo-text-control>input{font-size:16px}.logo-fields .control-note{font-size:.59rem}.logo-slider input{height:30px}.range-hints{font-size:.61rem}.artwork-note{font-size:.67rem}.config-footer{padding:18px 15px 10px;gap:14px}.config-summary{font-size:.69rem}.config-disclaimer{font-size:.6rem}.config-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%}.config-actions .button{font-size:.67rem;padding:11px 9px;gap:8px;white-space:normal;min-height:45px}.inquiry-hint{font-size:.59rem;padding:0 15px 17px}.section{padding:48px 5%}.section-heading{gap:22px;margin-bottom:28px}.section-heading h2{font-size:2.5rem}.section-heading>p,.collection-intro p{font-size:.83rem}.catalog-bottom{padding:22px}.story-comparison{grid-template-columns:1fr;gap:20px}.story-card{padding:16px}.archive-display{height:320px}.factory-film{height:auto;aspect-ratio:16/9}.year-label{font-size:2rem}.story-card-top>span:last-child{font-size:.57rem}.archive-options{gap:5px}.archive-options button{font-size:.6rem;padding:7px 10px}.story-card>p{font-size:.71rem}.company-overview{grid-template-columns:1fr;gap:28px;margin-top:28px}.company-overview p{font-size:.81rem}.company-overview h3{font-size:1.27rem}.company-facts{gap:10px}.company-facts>div{padding-left:11px}.company-facts strong{font-size:1.65rem}.company-facts span{font-size:.66rem}.closing{padding:50px 5%}.closing h2{font-size:2.7rem}footer{padding:30px 5%}.catalog-dialog-header{padding:13px 14px}.catalog-navigation{padding:9px 12px;gap:5px}.catalog-navigation button{font-size:.65rem;padding:8px 10px}.catalog-navigation label{font-size:.66rem}#catalog-page-viewport{padding:8px}#catalog-dialog{width:96vw;height:94dvh;max-height:94dvh}}
@media(prefers-reduced-motion:reduce){.product-card,.button{transition:none}.product-card:hover,.button:hover{transform:none}}

.studio-board{overflow:clip}.studio-preview{position:sticky;top:82px;z-index:8;background:#fff;box-shadow:0 6px 14px #21442905}.studio-shortcuts{position:relative;z-index:7}.part-control{scroll-margin-top:300px!important}.logo-customizer{scroll-margin-top:300px}#logo-title{scroll-margin-top:300px}@media(max-width:760px){.studio-preview{top:74px}.part-control{scroll-margin-top:230px!important}#logo-title{scroll-margin-top:230px}}
/* Normalize the earlier studio spacing for the compact first-screen layout. */
.studio .studio-controls .part-control .wheel-mount{margin-top:0}.part-options{min-height:36px}.roller{min-height:104px}.roller:after{display:none}.part-heading{min-height:26px;align-items:center}.pantone-field{border-radius:8px}.pantone-field input{border:0;border-radius:0;background:transparent;padding-right:8px}.pantone-field:has(input[aria-invalid=true]){background:#fff7f4}.logo-slider input:focus-visible{outline-offset:4px}
@media(max-width:760px){.part-options{min-height:33px}.roller{min-height:99px}.part-heading{min-height:22px}.studio .part-control .control-note{font-size:.65rem}}