.custom-page{--accent:#ff4b32;--accent-2:#ffd43b;--ink:#121212;--paper:#f4f1e8;background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--font-sans)}.custom-page.brand-mood_in_case{--accent:#b95e65;--accent-2:#eecbc7;--ink:#26332c;--paper:#f5f0e6}.custom-page *{box-sizing:border-box}.custom-page button,.custom-page input,.custom-page select,.custom-page textarea{font:inherit}.custom-nav{z-index:5;border-bottom:1px solid #12121238;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(20px,4vw,64px);display:flex;position:relative}.custom-mark{font:30px/1 var(--font-display);color:var(--ink);letter-spacing:-2px;text-decoration:none}.custom-mark span{color:var(--accent)}.custom-nav nav{gap:28px;display:flex}.custom-nav nav a{color:var(--ink);font:700 12px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;text-decoration:none}.custom-hero{border-bottom:1px solid var(--ink);grid-template-columns:1.15fr .85fr;min-height:680px;display:grid}.custom-hero>div:first-child{padding:clamp(60px,8vw,115px) clamp(28px,7vw,110px)}.custom-kicker,.custom-section-heading>div>p,.custom-process>div>p{font:700 12px/1.4 var(--font-mono);letter-spacing:.14em}.custom-hero h1,.custom-section-heading h2,.designer-controls h2,.custom-process h2,.custom-faq h2{font:clamp(52px,7.4vw,112px)/.88 var(--font-display);letter-spacing:-.055em;text-transform:uppercase;margin:24px 0}.custom-hero h1 em{text-transform:none;font-family:Georgia,serif;font-weight:400}.custom-hero>div:first-child>p:not(.custom-kicker){max-width:680px;font-size:19px;line-height:1.55}.custom-price{align-items:center;gap:20px;margin:34px 0;display:flex}.custom-price strong{font:50px/1 var(--font-display)}.custom-price span{font:700 11px/1.5 var(--font-mono);text-transform:uppercase}.custom-primary{background:var(--ink);color:#fff;align-items:center;gap:60px;padding:18px 22px;font-weight:800;text-decoration:none;display:inline-flex}.custom-primary span{font-size:20px}.custom-hero-preview{background:var(--accent);flex-direction:column;justify-content:center;align-items:center;display:flex;overflow:hidden}.mini-case{aspect-ratio:.51;border:10px solid var(--ink);background:var(--accent-2);border-radius:54px;place-items:center;width:min(48vw,320px);display:grid;position:relative;transform:rotate(8deg);box-shadow:18px 18px #12121233}.mini-case span{text-align:center;font:54px/.82 var(--font-display)}.mini-case i{border:8px solid var(--ink);background:var(--paper);border-radius:30px;width:95px;height:108px;position:absolute;top:22px;left:22px}.custom-hero-preview p{font:700 12px/1 var(--font-mono);letter-spacing:.1em;margin-top:42px}.material-section{padding:110px clamp(20px,4vw,64px)}.custom-section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:50px;display:flex}.custom-section-heading h2{margin-bottom:0;font-size:clamp(54px,7vw,96px)}.custom-section-heading>p{max-width:430px;font-size:17px;line-height:1.6}.material-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.material-card{text-align:left;color:inherit;cursor:pointer;background:#fff;border:1px solid #12121247;padding:0;transition:transform .18s,border .18s,box-shadow .18s}.material-card:hover,.material-card.selected{border-color:var(--ink);box-shadow:8px 8px 0 var(--ink);transform:translateY(-5px)}.material-image{background:#ddd;height:270px;display:block;position:relative;overflow:hidden}.material-image img{object-fit:cover;width:100%;height:100%}.material-image b{background:var(--accent-2);font:700 10px/1 var(--font-mono);padding:8px 10px;position:absolute;top:12px;left:12px}.material-copy{flex-direction:column;padding:22px;display:flex}.material-copy strong{font-size:22px;line-height:1.05}.material-copy small,.material-copy em{font:700 10px/1.5 var(--font-mono);text-transform:uppercase;margin-top:8px}.material-copy em{color:#666;font-style:normal}.material-copy p{min-height:72px;line-height:1.5}.material-copy i{font-style:normal;font-weight:800}.material-card.selected .material-copy i{color:var(--accent)}.designer-section{color:#fff;background:#171717;grid-template-columns:minmax(260px,.75fr) minmax(380px,1.2fr) minmax(290px,.75fr);gap:28px;padding:100px clamp(20px,4vw,64px);display:grid}.designer-controls h2{font-size:clamp(48px,5vw,76px)}.designer-controls>label,.designer-controls fieldset{border:0;flex-direction:column;gap:10px;margin:26px 0;padding:0;display:flex}.designer-controls select,.designer-controls textarea{color:#fff;background:#272727;border:1px solid #777;width:100%;padding:14px}.designer-controls label>small{color:#aaa}.designer-controls fieldset>label{cursor:pointer;border:1px solid #555;flex-direction:row;align-items:flex-start;gap:12px;padding:15px;display:flex}.designer-controls fieldset>label.checked{border-color:var(--accent);background:#272727}.designer-controls fieldset span{flex-direction:column;gap:5px;display:flex}.designer-controls fieldset small{color:#aaa}.upload-field input{background:#272727;border:1px dashed #777;padding:14px}.designer-workbench{flex-direction:column;align-items:center;display:flex}.preview-toolbar{width:min(100%,430px);font:700 10px/1 var(--font-mono);justify-content:space-between;padding:0 0 12px;display:flex}.phone-preview{aspect-ratio:.51;touch-action:none;cursor:grab;background:#f5f4f0;border:9px solid #e8e8e4;border-radius:58px;width:min(100%,430px);position:relative;overflow:hidden;box-shadow:0 22px 60px #0000005c}.phone-preview:active{cursor:grabbing}.phone-preview>img{-webkit-user-select:none;user-select:none;pointer-events:none;transform-origin:50%;width:100%;max-width:none;height:100%;position:absolute;top:50%;left:50%}.phone-preview>img.fit-cover{object-fit:cover}.phone-preview>img.fit-contain{object-fit:contain}.camera-cutout{background:#f5f4f0;border:6px solid #141414b8;border-radius:33px;width:112px;height:122px;position:absolute;top:19px;left:19px;box-shadow:0 0 0 3px #ffffff9e}.camera-cutout.samsung{border-radius:28px;width:88px;height:104px}.safe-zone{color:#fff;text-shadow:0 1px 4px #000;font:700 9px/1 var(--font-mono);pointer-events:none;border:1px dashed #ffffffe6;justify-content:center;align-items:flex-end;padding:12px;display:flex;position:absolute;inset:65px 28px 40px}.upload-empty{text-align:center;color:#111;place-content:center;display:grid;position:absolute;inset:0}.upload-empty strong{font:46px/.86 var(--font-display)}.upload-empty span{font:700 10px/1 var(--font-mono);margin-top:12px}.finish-metallic-glass-back{background:#b8c5ca}.finish-matte-ag-glass-magsafe{background:#d5d7d3}.editor-tools{width:min(100%,520px);margin-top:22px}.editor-tools>div{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.editor-tools button{color:#fff;cursor:pointer;background:#2d2d2d;border:1px solid #555;padding:10px 8px}.editor-tools label{font:700 11px/1 var(--font-mono);grid-template-columns:64px 1fr;align-items:center;gap:10px;margin:14px 0;display:grid}.editor-tools input{accent-color:var(--accent)}.editor-tools p,.studio-note{color:#aaa;font-size:12px;line-height:1.5}.custom-summary{background:var(--paper);color:var(--ink);align-self:start;padding:24px;position:sticky;top:20px}.custom-summary>p{font:700 11px/1 var(--font-mono);letter-spacing:.1em}.custom-summary>img{object-fit:cover;width:100%;height:160px;margin:15px 0}.custom-summary dl>div{border-top:1px solid #cbc8bf;justify-content:space-between;gap:12px;padding:12px 0;display:flex}.custom-summary dt{color:#666}.custom-summary dd{text-align:right;margin:0;font-weight:700}.rights-check{align-items:flex-start;gap:10px;margin:18px 0;font-size:12px;line-height:1.4;display:flex}.rights-check input{accent-color:var(--accent);margin-top:3px}.custom-submit{background:var(--accent);color:#fff;cursor:pointer;border:0;width:100%;padding:17px 14px;font-weight:900}.custom-submit:disabled{opacity:.55;cursor:wait}.custom-summary>small{color:#666;margin-top:12px;line-height:1.4;display:block}.custom-error{color:#851f13;background:#ffe4df;border:1px solid #cf3f2b;padding:11px;font-weight:700}.custom-process{grid-template-columns:.8fr 1.2fr;gap:80px;padding:100px clamp(20px,4vw,64px);display:grid}.custom-process h2{font-size:clamp(50px,6vw,88px)}.custom-process ol{margin:0;padding:0;list-style:none}.custom-process li{border-top:1px solid var(--ink);grid-template-columns:70px 1fr;padding:24px 0;display:grid}.custom-process li>b{font:700 15px/1 var(--font-mono);color:var(--accent)}.custom-process li span{flex-direction:column;gap:6px;display:flex}.custom-process li strong{font-size:22px}.custom-faq{background:var(--accent-2);padding:100px clamp(20px,10vw,180px)}.custom-faq h2{font-size:clamp(52px,7vw,100px)}.custom-faq details{border-top:1px solid var(--ink);padding:24px 0}.custom-faq summary{cursor:pointer;justify-content:space-between;font-size:20px;font-weight:800;display:flex}.custom-faq details p{max-width:760px;line-height:1.6}.custom-footer{color:#fff;background:#111;justify-content:space-between;align-items:center;padding:40px clamp(20px,4vw,64px);display:flex}.custom-footer a{color:#fff;font-weight:800;text-decoration:none}.custom-footer>div{gap:20px;display:flex}.custom-footer>span{font:700 10px/1.4 var(--font-mono);text-align:center}@media (max-width:980px){.custom-nav nav{display:none}.custom-hero{grid-template-columns:1fr}.custom-hero-preview{min-height:520px}.material-grid{grid-template-columns:repeat(2,1fr)}.designer-section{grid-template-columns:1fr 1fr}.custom-summary{grid-column:1/-1;grid-template-columns:180px 1fr;gap:20px;display:grid;position:static}.custom-summary>p,.custom-summary>img{grid-column:1}.custom-summary dl,.custom-summary .rights-check,.custom-summary .custom-submit,.custom-summary .custom-error,.custom-summary>small{grid-column:2}.custom-process{grid-template-columns:1fr}}@media (max-width:680px){.custom-nav{height:66px}.custom-mark{font-size:24px}.custom-hero>div:first-child{padding:58px 20px}.custom-hero h1{font-size:54px}.custom-hero-preview{min-height:430px}.mini-case{border-radius:40px;width:220px}.mini-case span{font-size:40px}.mini-case i{width:72px;height:82px}.material-section{padding:72px 14px}.custom-section-heading{display:block}.custom-section-heading h2{font-size:52px}.material-grid{grid-template-columns:1fr;gap:14px}.material-card{grid-template-columns:42% 58%;display:grid}.material-image{height:100%}.material-copy{padding:16px}.material-copy strong{font-size:18px}.material-copy p{min-height:0;font-size:13px}.designer-section{grid-template-columns:1fr;padding:70px 14px}.designer-workbench{grid-row:2}.custom-summary{grid-column:auto;display:block}.custom-summary>*{grid-column:auto!important}.phone-preview{width:min(88vw,390px)}.custom-process{gap:20px;padding:70px 20px}.custom-process h2{font-size:52px}.custom-faq{padding:70px 20px}.custom-faq h2{font-size:50px}.custom-footer{text-align:center;flex-direction:column;gap:20px}}.custom-hero-preview{padding:34px;position:relative}.custom-pet-example{aspect-ratio:3/2;object-fit:cover;border:5px solid var(--ink);width:min(92%,760px);height:auto;display:block;transform:rotate(-2deg);box-shadow:15px 17px #26332c33}.custom-pet-label{background:var(--paper);border:2px solid var(--ink);color:var(--ink);flex-direction:column;padding:16px 18px;display:flex;position:absolute;bottom:6%;right:5%}.custom-pet-label span,.custom-pet-label small{font:700 9px/1.35 var(--font-mono);letter-spacing:.08em}.custom-pet-label b{font:32px/.95 var(--font-display);white-space:nowrap;margin:6px 0}.material-image{background:#f5f0e8}.material-image img,.custom-summary>img{object-fit:contain}@media (max-width:680px){.custom-hero-preview{min-height:360px;padding:18px}.custom-pet-example{border-width:3px;width:96%}.custom-pet-label{padding:12px;bottom:4%;right:3%}.custom-pet-label b{font-size:25px}}@media (prefers-reduced-motion:reduce){.material-card{transition:none}}.upload-field{cursor:pointer;position:relative}.upload-field input{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.upload-field:after{content:"Choose image  ·  No image selected";color:#fff;background:#272727;border:1px dashed #888;padding:15px 16px;font-weight:800;display:block}.upload-field:focus-within:after,.upload-field:hover:after{border-color:var(--accent);box-shadow:0 0 0 2px #b95e6538}.custom-service{border-bottom:1px solid var(--ink);background:#fff;grid-template-columns:1.1fr .9fr;gap:clamp(40px,8vw,120px);padding:95px clamp(20px,7vw,110px);display:grid}.custom-service h2{font:clamp(46px,6vw,86px)/.96 var(--font-serif);letter-spacing:-.04em;margin:22px 0}.custom-service h2 em{font-weight:400}.custom-service>div>p:last-of-type{max-width:700px;font-size:18px;line-height:1.65}.custom-service dl{margin:0}.custom-service dl>div{border-top:1px solid #26332c40;grid-template-columns:140px 1fr;gap:20px;padding:20px 0;display:grid}.custom-service dt{font:500 11px/1.4 var(--font-mono);text-transform:uppercase}.custom-service dd{margin:0;font-weight:700;line-height:1.45}.custom-guide-links{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.custom-guide-links a{border:1px solid var(--ink);min-width:210px;color:var(--ink);justify-content:space-between;gap:26px;padding:15px 17px;font-weight:800;text-decoration:none;display:inline-flex}.custom-guide-links a:hover{background:var(--ink);color:#fff}@media (max-width:800px){.custom-service{grid-template-columns:1fr;gap:42px;padding:70px 20px}.custom-service dl>div{grid-template-columns:110px 1fr}}.upload-field:after{content:none}.upload-control{color:#fff;background:#272727;border:1px dashed #888;align-items:center;gap:14px;padding:13px 15px;overflow:hidden;flex-direction:row!important;display:flex!important}.upload-control b{background:var(--accent);white-space:nowrap;padding:8px 11px}.upload-control em{color:#ccc;text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.upload-field:hover .upload-control,.upload-field:focus-within .upload-control{border-color:var(--accent)}