@import url('./mobile-base.css');
.modal .auth-form .field{font-size:12px;font-weight:500}
.modal .auth-form input:not([type=checkbox]){box-sizing:border-box;display:block;width:100%;min-width:0;height:48px;padding:11px 14px;font-family:Arial,Helvetica,var(--font);font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;font-variant-numeric:tabular-nums;color:#242923}
.modal .auth-form input::placeholder{font-family:Arial,Helvetica,var(--font);font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;color:#70766a;opacity:1}
.modal .auth-form .sms-code-row{box-sizing:border-box;height:48px;min-height:48px;border-radius:2px;overflow:visible}
.modal .auth-form .sms-code-row>input{height:46px;flex:1 1 0;padding:10px 14px;background:transparent;outline:none;box-shadow:none}
.modal .auth-form .sms-code-row>button{min-width:104px;height:46px;padding:0 12px;font-size:12px;font-weight:500;line-height:20px}
.modal .auth-form .field>input:focus,.modal .auth-form .sms-code-row:focus-within{border-color:#768c57;box-shadow:0 0 0 2px #768c5726;outline:none}
.modal .auth-form .sms-code-row>input:focus-visible{outline:none;box-shadow:none}
.sms-code-row{display:flex;align-items:center;border:1px solid #dce1d3;min-height:48px}.sms-code-row input{min-width:0;width:100%;border:0!important;flex:1}.sms-code-row button{flex-shrink:0;min-width:104px;padding:14px 8px;font-size:12px;white-space:nowrap}.sms-code-row button:disabled{color:#939b86}
.main-photo>.photo-wrap{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:0;background:transparent;transition:transform .4s}
body{background:#f0f1ec}#app{width:100%;max-width:480px;min-height:100dvh;margin-inline:auto;background:#fff;padding-bottom:68px}.container{width:calc(100% - 36px)}.header-inner{max-width:480px}.site-header{width:100%;height:64px}.announcement{height:27px}.wordmark{font-size:29px}.header-inner{padding-inline:14px}.header-actions .icon-button{width:32px}.brand-point{font-size:10px}.collection-intro{padding:26px 0 25px;min-height:235px}.collection-copy>.eyebrow{font-size:8px;max-width:220px}.collection-copy .mbti-title{display:block;font:800 38px/1.28 var(--font);margin-top:13px}.mbti-title>span{display:block}.mbti-intro{font-size:10px;color:#858e78;margin-top:12px;max-width:220px}.mbti-featured-types{display:flex;gap:6px;margin-top:17px}.mbti-featured-types>a{font:bold 9px/1 Arial;padding:6px 8px;background:var(--type-color);color:#26301d;border-radius:2px}.intro-graphic{right:0;top:27px;width:128px;height:177px;background:#e2f58b;display:flex;align-items:center;justify-content:center}.mobile-type-art{transform:rotate(-8deg);position:relative;width:110px;text-align:center;padding-bottom:9px}.mobile-type-art>span{font:bold 92px/.95 Arial;display:block}.mobile-type-art>b{font:bold 9px/1.4 Arial;display:block;margin-top:10px}.mobile-type-art>i{display:block;font:italic 9px/1.5 Georgia,serif;margin-top:4px}.shop-heading{margin-bottom:14px}.shop-heading h2{font-size:16px}.shop-heading>a{font-size:8px}.category-tabs{gap:18px}.category-tabs button{height:46px;font-size:10px}.listing-controls{padding:14px 0}.product-grid,.columns-4,.columns-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}.product-visual{aspect-ratio:4/4.65}.photo-wrap{display:block;position:relative;width:100%;height:100%;overflow:hidden}.photo-wrap>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.print-bag>img{object-fit:contain;background:#f7f8f3;mix-blend-mode:multiply}.mbti-print{position:absolute;left:50%;top:40%;width:62%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;justify-content:center;pointer-events:none;color:#262a22;mix-blend-mode:multiply;text-align:center;line-height:1}.mbti-print>b{font:bold 31px/.97 Arial,sans-serif;display:block;white-space:nowrap}.mbti-print>small{font:500 4px/1.2 Arial;white-space:nowrap;display:block}.mbti-print>small:first-child{margin-bottom:4px}.mbti-print>em{font:700 4.5px/1.4 Arial;white-space:nowrap;display:block;background:var(--type-color);padding:2px 4px;margin-top:4px}.mbti-print>small:last-child{margin-top:4px;font-size:3px}.print-bag>.mbti-print{top:63%;width:55%}.print-bag>.mbti-print>b{font-size:31px}.print-tee>.mbti-print{top:33%;width:52%}.print-tee>.mbti-print>b{font-size:33px}.print-hoodie>.mbti-print{top:43%;width:58%}.print-hoodie>.mbti-print>b{font-size:36px}.print-notebook>.mbti-print{top:60%;left:49%;transform:translate(-50%,-50%) rotate(-19deg);width:57%}.print-notebook>.mbti-print>b{font-size:30px}.print-cap>.mbti-print{top:43%;left:44%;width:44%;transform:translate(-50%,-50%) rotate(-16deg)}.print-cap>.mbti-print>b{font-size:25px}.print-cap>.mbti-print>small:first-child{font-size:3px}.print-cap>.mbti-print>em{font-size:3px}.print-cap>.mbti-print>small:last-child{display:none}.print-journal>.mbti-print{top:54%;left:57%;width:50%;transform:translate(-50%,-50%) rotate(-10deg)}.product-visual>a{height:100%}.product-visual:hover .photo-wrap>img{transform:scale(1.025)}.product-series{font-size:5px;max-width:calc(100% - 43px)}.product-badge{font:bold 9px/1.5 Arial;background:var(--lime)!important;padding:3px 7px}.product-meta{display:block}.product-price{display:block;margin-top:6px;font-size:13px}.product-name{font-size:11px;font-weight:600}.product-meta p{font-size:8px}.product-color .personality-note{font-size:6px}.product-color{margin-top:7px}.product-card:first-child .product-visual .photo-wrap>img{object-fit:contain}.mobile-dock{position:fixed;z-index:50;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:9px 8px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.98);border-top:1px solid #e3e8dc;box-shadow:0 -3px 18px #23301005}.mobile-dock>a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:40px;color:#989f8c;position:relative}.mobile-dock svg{width:20px;height:20px;position:relative;z-index:1}.mobile-dock span{font-size:9px}.mobile-dock>a.active{color:var(--ink);font-weight:600}.mobile-dock>a.active:before{content:"";position:absolute;top:-1px;width:40px;height:27px;background:var(--lime);border-radius:5px}.mobile-purchase{position:fixed;z-index:50;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;display:grid;grid-template-columns:36px 1fr 1fr;gap:8px;align-items:center;padding:10px 15px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #e3e8dc;background:#fff}.mobile-purchase .button{min-height:43px;font-size:12px;padding:10px 8px}.mobile-purchase .outline{background:var(--lime);border-color:var(--lime)}.drawer{max-width:480px;right:max(0px,calc((100vw - 480px)/2));width:100%}.modal{width:min(430px,calc(100% - 28px));padding:25px}.main-photo{aspect-ratio:1/1.06}.main-photo .photo-wrap>img{object-fit:cover}.main-photo .photo-wrap.print-bag>img{object-fit:contain}.main-photo.zoomed .photo-wrap{transform:scale(1.6)}.main-photo .mbti-print>b{font-size:57px}.main-photo .mbti-print>small{font-size:6px}.main-photo .mbti-print>em{font-size:8px;padding:3px 7px}.main-photo .mbti-print>small:last-child{font-size:5px}.main-photo .print-cap>.mbti-print>b{font-size:46px}.main-photo .print-notebook>.mbti-print>b{font-size:51px}.main-photo .print-bag>.mbti-print{top:62%}.main-photo.zoomed>img{transform:none}.thumbnails .mbti-print{display:none}.thumbnails .photo-wrap>img{object-fit:cover}.product-info h1{font-size:24px;line-height:1.6}.product-info>.eyebrow{font-size:8px}.detail-gallery-note{font-size:8px;color:#929b84}.cart-image .photo-wrap>img{object-fit:cover}.cart-image .mbti-print>b,.order-item>a .mbti-print>b{font-size:15px}.cart-image .mbti-print>small,.cart-image .mbti-print>em,.order-item>a .mbti-print>small,.order-item>a .mbti-print>em{display:none}.checkout-item>.photo-wrap{width:58px;height:70px;flex-shrink:0}.checkout-item .mbti-print>b{font-size:11px}.checkout-item .mbti-print>small,.checkout-item .mbti-print>em{display:none}.search-result>.photo-wrap{width:48px;height:57px;flex-shrink:0}.search-result .mbti-print>b{font-size:9px}.search-result .mbti-print>small,.search-result .mbti-print>em{display:none}.order-item>a>.photo-wrap{height:100%;width:100%}.order-info-grid p{overflow-wrap:anywhere}.type-group-heading>span{border-radius:0}.type-group-heading{gap:16px}.types-page .center-heading>h1{font-size:27px}.personality-types strong{font-size:18px}.footer-bottom{padding-bottom:24px}.brand-manifesto{font-size:45px}.newsletter-band{padding-bottom:38px}.modal .field input,.modal .field select,.modal .field textarea,.auth-form input{font-size:16px}.modal .field{font-size:12px}.newsletter-form input{font-size:14px}.search-form>input{font-size:16px}.tracking-form>input{font-size:13px}.help-layout>aside>a{font-size:11px}.field textarea{min-height:80px}.intro-copy{min-width:0}#toast{bottom:82px;max-width:min(440px,calc(100% - 32px));font-size:11px}.account-top>.text-link{font-size:10px}.collection-copy{min-width:0}.cart-layout{display:block}.cart-layout>.order-summary{margin-top:28px}.gallery-footer>small{font-size:8px}.cart-line .photo-wrap .mbti-print{width:60%}.product-gallery{max-width:100%}.detail-layout{display:block}.product-info{margin-top:24px}.grid-controls{display:none}.footer-main{max-width:none}.footer-bottom{max-width:none}.shop-section{padding-bottom:32px}
@media(max-width:360px){.collection-copy .mbti-title{font-size:33px}.intro-graphic{width:109px;height:164px}.mobile-type-art{width:98px}.mobile-type-art>span{font-size:79px}.mobile-type-art>b{font-size:8px}.mobile-type-art>i{font-size:8px}.mbti-intro{font-size:9px;max-width:192px}.mbti-featured-types{gap:4px}.mbti-featured-types>a{font-size:8px;padding:5px 6px}.collection-intro{min-height:222px}.product-name{font-size:10px}.product-visual .mbti-print>b{font-size:28px}.product-visual .print-cap>.mbti-print>b{font-size:21px}.container{width:calc(100% - 28px)}.header-inner{padding-inline:10px}.wordmark{font-size:26px}}
.personality-selector{border-top:1px solid var(--line);padding:16px 0 18px}
.personality-nav-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;margin-bottom:10px}
.personality-nav-heading h2{margin:0;font-size:14px;font-weight:600;line-height:22px}
.personality-all{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 72px;width:72px;height:32px;padding:0 10px;border:1px solid #dce2d5;border-radius:4px;background:#fff;color:var(--ink);font-size:12px;font-weight:500;line-height:20px}
.personality-all.active{background:var(--ink);border-color:var(--ink);color:#fff}
.personality-all svg{width:12px;height:12px;flex:none}
.personality-all .unselected-check{visibility:hidden}
.personality-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-width:0}
.personality-type-grid>button{display:flex;align-items:center;justify-content:center;min-width:0;height:36px;padding:0 6px;border:1px solid #dfe4d8;border-radius:4px;background:var(--type-bg,#f6f8f2);color:#30372a;font-family:Arial,Helvetica,var(--font);font-size:12px;font-weight:600;line-height:20px;letter-spacing:0;white-space:nowrap}
.personality-type-grid>button.active{background:var(--ink);border-color:var(--ink);color:#fff}
.personality-selector button:focus-visible{outline:2px solid #657d42;outline-offset:2px}
.checkout-page{padding-bottom:calc(108px + env(safe-area-inset-bottom))}
.checkout-submit-bar{position:fixed;z-index:50;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:480px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;box-shadow:0 -4px 18px #23301008}
.checkout-submit-total{display:flex;align-items:baseline;gap:8px;min-width:0;flex-wrap:wrap}
.checkout-submit-total>span{font-size:12px;line-height:20px;color:#747b6c}
.checkout-submit-total>strong{font-family:Arial,Helvetica,var(--font);font-size:24px;line-height:30px;overflow-wrap:anywhere}
.checkout-submit-bar>.button{flex:0 0 auto;min-width:140px;min-height:48px;padding:12px 18px;font-size:14px;line-height:22px;border-radius:4px}
@media(hover:hover){.personality-type-grid>button:hover:not(.active){border-color:#8c9b79}.personality-all:hover:not(.active){border-color:#8c9b79}}