/* Cream portfolio direction */
[hidden]{display:none!important}
:root{font-family:'DM Sans',Arial,sans-serif;color:#242321;background:#f5f1eb;color-scheme:light}
body{background:#f5f1eb;color:#242321}.site-shell{max-width:1240px;padding:0 42px}.site-shell:before{inset:260px -160px -200px 50%;background:#ebe5dd;border-radius:55% 0 0 0;transform:none;opacity:.65}
.site-header{height:88px;border:0}.signature{color:#222;font-size:15px}.signature:after{color:#6f6a62}.header-note{color:#777168;font-family:'DM Sans',sans-serif;letter-spacing:1.6px}.intro{min-height:690px;padding:65px 0 85px;display:flex;align-items:center}.intro:after{inset:0 -42px 0 48%;background:linear-gradient(90deg,#f5f1eb00 65%,#f5f1eb10),url('./artist-hero.jpg') 46% center/cover;filter:grayscale(1);border-radius:53% 0 0 0;opacity:.9;box-shadow:inset 70px 0 80px #f5f1eb}.intro-main{padding:0;max-width:600px}.intro h1{font-family:inherit;color:#252422;font-size:clamp(66px,8vw,100px);font-weight:600;letter-spacing:-5px;line-height:.95;text-transform:none}.intro-copy{color:#45433f;font-size:16px;max-width:300px;line-height:1.55}.intro-button{background:#292826;color:white;border:0;min-width:240px}.intro-button:hover{background:#4b4945}.time-note{font-family:inherit;color:#69655f;letter-spacing:0;text-transform:none}.intro-kicker,.eyebrow{display:none}.site-footer{border-color:#d9d2c8;color:#6d675f;font-family:'DM Sans',sans-serif}
.brief-content{max-width:680px;padding:20px 0 55px}.form-topline{font-family:inherit;color:#5b5750;letter-spacing:1px}.progress-track{background:#ded8d0;margin-bottom:40px}.progress-track span{background:#292826}.step-number{display:none}.step-intro h2{color:#252422;font-family:inherit;font-weight:600;font-size:clamp(29px,4vw,38px);letter-spacing:-1.1px;line-height:1.13}.step-intro p{color:#777168;font-size:14px}.step-intro{margin-bottom:27px}.field-label,.inline-input-label{color:#302e2a}.field-label b{color:#222}.field-label small,.section-kicker{color:#898278;font-family:inherit}.detail-textarea{background:#faf8f4;border:1px solid #ded8d0;border-radius:20px;color:#262522;min-height:145px}.detail-textarea::placeholder,input::placeholder{color:#9a9388}.detail-textarea:focus,.input-inner:focus-within{border-color:#8c857a;box-shadow:0 0 0 3px #8c857a15}.extra-section{border-color:#ded8d0}.section-heading h3{color:#252422;font-family:inherit}.section-heading p,.extra-section>p,.conditional-panel p,.wide-size-panel p{color:#777168}.section-icon{color:#6e675d}.upload-box,.upload-box.compact{border:1px dashed #c9c1b6;border-radius:18px;background:#faf8f4;color:#4e4942}.upload-box:hover{background:#eee9e1;color:#252422;border-color:#847c70}.upload-box small{color:#898278}.size-choice-grid button,.binary-options button{color:#282723;border:1px solid #d8d1c8;background:#faf8f4;border-radius:18px;min-height:68px}.size-choice-grid button:hover,.size-choice-grid button.selected,.binary-options button.selected{background:#e9e3da;color:#242321;border-color:#777064;box-shadow:0 0 0 1px #777064}.binary-options button{min-height:46px}.conditional-panel{background:#f0ece6;border:1px solid #ded8d0;border-radius:20px}.input-wrap{color:#6d675f}.input-inner{border:1px solid #ded8d0;border-radius:14px;background:#faf8f4}.input-inner input{color:#292723}.input-inner em,.inline-input-label b{color:#777168}.inline-input-label div,.wide-size-panel{border-color:#d8d1c8}.contact-hint{color:#777168!important}.form-navigation{border:0;margin-top:26px}.form-navigation .button-dark{flex:1;background:#292826;color:#fff;border:0}.form-navigation .button-dark:hover{background:#4b4945}.button{font-family:inherit;text-transform:none;letter-spacing:0;border-radius:36px;min-height:52px;font-size:13px}.button-quiet{color:#676159}.privacy-note{color:#777168;font-family:inherit;letter-spacing:0;text-transform:none}.body-map-image{background:#eee9e1;border-radius:28px;overflow:hidden;max-width:490px}.body-map-image img{filter:grayscale(1);mix-blend-mode:multiply}.body-point{background:#ffffffb8;border-color:#68645d;color:#fff}.body-point.selected,.body-point:hover{background:#252422;border-color:#fff;box-shadow:0 0 0 4px #25242235}.selected-area{border:1px solid #ded8d0;background:#faf8f4;border-radius:20px}.selected-area span{color:#777168;font-family:inherit}.selected-area strong{color:#262522}.image-thumb{border-radius:14px}.error-box{background:#f6e9e6;color:#873b30;border-color:#b76b5d;border-radius:12px}.success-screen h1,.success-screen h1 em{color:#252422;font-family:inherit;font-style:normal;text-transform:none;letter-spacing:-2px}.success-screen>p{color:#777168}.success-mark{background:#292826;color:white}.success-signature{font-family:inherit;font-style:normal}.success-line{border-color:#8b8378}.portfolio-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 25px}.portfolio-strip figure{margin:0;position:relative;overflow:hidden;border-radius:16px;aspect-ratio:1.3;background:#e5dfd6}.portfolio-strip img{width:100%;height:100%;object-fit:cover;filter:grayscale(.75);transition:transform .35s}.portfolio-strip figure:first-child img{object-position:50% 24%}.portfolio-strip figure:nth-child(2) img{object-position:center 35%}.portfolio-strip img:hover{transform:scale(1.04)}.portfolio-strip figcaption{position:absolute;bottom:0;left:0;right:0;padding:18px 10px 8px;background:linear-gradient(transparent,#0008);color:white;font-size:9px;letter-spacing:1px}
@media(min-width:900px){.brief-content{margin:20px auto 50px;padding:36px 42px 38px;max-width:760px;background:#fbf9f5;border:1px solid #e3ddd4;border-radius:30px;box-shadow:0 20px 60px #352d2010}}
@media(max-width:640px){.site-shell{padding:0 22px}.site-header{height:78px}.intro{min-height:calc(100svh - 145px);padding:50px 0 75px;align-items:flex-start}.intro:after{inset:0 -22px 0 13%;border-radius:50% 0 0 0;background-position:42% center;opacity:.72;box-shadow:inset 85px 30px 90px #f5f1eb}.intro h1{font-size:61px;letter-spacing:-3px}.intro-copy{font-size:14px;max-width:240px;margin-bottom:105px}.intro-button{width:100%;min-height:56px}.time-note{margin-left:12px}.brief-content{padding:12px 0 34px}.progress-track{margin-bottom:32px}.step-intro h2{font-size:28px;letter-spacing:-.7px}.site-footer{font-size:8px;gap:8px}.detail-textarea{min-height:150px}.size-choice-grid button{font-size:13px;min-height:68px;padding:13px}.contact-grid{grid-template-columns:1fr}.form-navigation{position:sticky;bottom:0;padding:13px 0;background:linear-gradient(0deg,#f5f1eb 70%,#f5f1eb00);z-index:5}.form-navigation .button-dark{font-size:12px}.body-point{width:17px;height:17px}.portfolio-strip{gap:7px}.portfolio-strip figure{border-radius:12px}}

.progress-track{display:flex;justify-content:center;gap:18px;height:8px;background:none;mask-image:none;overflow:visible}.progress-track i{display:block;width:6px;height:6px;background:#d8d0c6;border-radius:50%}.progress-track[aria-valuenow='1'] i:nth-of-type(1),.progress-track[aria-valuenow='2'] i:nth-of-type(2),.progress-track[aria-valuenow='3'] i:nth-of-type(3),.progress-track[aria-valuenow='4'] i:nth-of-type(4){background:#282725}.button-quiet{background:#eae4db}.body-map-image{overflow:visible}.portfolio-strip img{filter:none}.intro:after{filter:none}.intro-main{position:relative;z-index:1}:focus-visible{outline:2px solid #6e6559!important}
@media(max-width:640px){.size-choice-grid button{min-height:80px}.input-inner input,.detail-textarea{font-size:16px}.form-navigation{padding-bottom:calc(13px + env(safe-area-inset-bottom))}.intro:after{opacity:.85}}
.site-shell{isolation:isolate}.site-shell:before{display:none}.intro{position:relative}.intro:after{content:'';position:absolute;z-index:-1;inset:0 -42px 0 48%;background-image:linear-gradient(90deg,#f5f1eb 0%,transparent 35%),url('./artist-hero.jpg');background-size:cover;background-position:center;border-radius:48% 0 0 0;opacity:1}.intro h1{text-transform:none;line-height:1;letter-spacing:-3px;font-size:clamp(60px,7vw,96px);font-weight:600}.intro-side,.intro .eyebrow,.signature-mark,.step-number{display:none}.signature{position:relative;padding-bottom:14px}.signature:after{content:'T A T T O O E R';position:absolute;bottom:0;left:0;font-size:8px;letter-spacing:2px}.intro-button{background:#292826;color:white;border:0;min-width:260px}.intro-copy{color:#514b43}.time-note,.form-topline,.privacy-note{font-family:'DM Sans',sans-serif}.button-quiet{padding:0 18px}.progress-track span[hidden]{display:none}.intro-main{width:100%}
.upload-box.compact .upload-plus{font-size:28px;line-height:1;font-weight:400}
@media(max-width:640px){.intro{min-height:670px}.intro:after{inset:190px -22px 65px 25%;background-position:60% center;box-shadow:inset 30px 0 45px #f5f1eb}.intro-copy{margin-bottom:270px}.intro h1{font-size:56px}.intro-button{position:relative;z-index:2}.site-footer{color:#83796e}}
.step-banner{display:block;width:100%;height:190px;object-fit:cover;object-position:center 35%;border-radius:20px;margin:0 0 30px}.step-panel[data-step="0"] .step-banner{object-position:center 25%}.step-panel[data-step="2"] .step-banner{object-position:center 45%}.reference-section .upload-plus{font-size:32px;line-height:1}.intro h1{font-size:clamp(54px,6.4vw,86px);max-width:610px}.intro-copy{max-width:300px}
@media(max-width:640px){.step-banner{height:150px;border-radius:16px;margin-bottom:24px}.intro h1{font-size:clamp(43px,11vw,58px);max-width:330px;letter-spacing:-2px}.intro-copy{max-width:220px}}
.body-map-image{max-width:760px;background:#f8f6f2;border:1px solid #e7e1d8;border-radius:24px;overflow:hidden;padding:0}.body-map-image img{display:block;width:100%;height:auto;filter:none;mix-blend-mode:normal}.body-point{width:22px;height:22px;border:1px solid #625e59;background:#ffffffb8;color:#fff;box-shadow:0 1px 4px #2223}.body-point:hover,.body-point.selected{width:22px;height:22px;background:#252422;border-color:#fff;box-shadow:0 0 0 3px #25242235}.body-point:focus-visible{outline-offset:3px}
@media(max-width:640px){.body-map-image{width:calc(100vw - 44px);margin-left:50%;transform:translateX(-50%);border-radius:18px}.body-point{width:14px;height:14px;font-size:9px}.body-point:hover,.body-point.selected{width:14px;height:14px;box-shadow:0 0 0 2px #25242235}}
.brief-content{position:relative;isolation:isolate;overflow:clip}.brief-content::before{content:"";position:absolute;z-index:0;left:0;right:0;bottom:0;height:min(48vw,430px);min-height:310px;background-position:center bottom;background-size:cover;background-repeat:no-repeat;opacity:.34;mask-image:linear-gradient(to bottom,transparent 0%,#000 80%);pointer-events:none}.brief-content[data-active-step="0"]::before{background-image:url('./artist-hero.jpg')}.brief-content[data-active-step="1"]::before{background-image:url('./artist-detail.jpg')}.brief-content[data-active-step="2"]::before{background-image:url('./artist-process.jpg')}.brief-content[data-active-step="3"]::before{background-image:url('./artist-detail.jpg')}.brief-content>*{position:relative;z-index:1}.step-banner{display:none}
@media(max-width:640px){.brief-content::before{height:390px;opacity:.3;background-position:center bottom}.form-navigation{background:linear-gradient(0deg,#f5f1ebc9 15%,#f5f1eb00)}}
.brief-content::before{display:none}.form-navigation{background:#fbf9f5}
@media(max-width:640px){.form-navigation{background:#f5f1eb}}
