.style-studio{padding:80px 0;background:linear-gradient(135deg,#f4fbfa,#fff 55%,#eaf6f3);scroll-margin-top:24px}.studio-heading{max-width:680px;margin-bottom:34px}.studio-heading h2{font:600 clamp(2.4rem,5vw,3.8rem)/1.1 "Playfair Display",serif;margin:12px 0 18px}.studio-heading p,.studio-board p,.studio-enquiry p{color:#526e70}.studio-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:30px}.studio-quiz{display:flex;flex-direction:column;background:#fff;padding:24px;border:1px solid #cde5e3;border-radius:22px;align-self:start}.style-studio label{display:block;font-weight:700;font-size:.9rem;margin:13px 0 6px}.style-studio input,.style-studio select,.style-studio textarea{width:100%;min-width:0;background:white;border:1px solid #94bcb9;border-radius:10px;padding:12px;color:var(--ink);font:inherit}.style-studio :is(input,select,textarea,button,a):focus-visible{outline:3px solid #087f83;outline-offset:4px}.studio-step{color:var(--teal);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.studio-button{border:0;cursor:pointer;font:700 .95rem "DM Sans",sans-serif;margin-top:20px;min-height:48px}.studio-note{font-size:.8rem;line-height:1.65;color:#526e70}.studio-results-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.studio-results h3,.studio-board h3,.studio-enquiry h3{font:600 1.8rem/1.2 "Playfair Display",serif;margin:9px 0}.studio-results>p{color:#526e70}.style-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.style-card{border:1px solid #cde5e3;border-radius:20px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.style-card-body{padding:16px;display:flex;flex-direction:column;flex:1}.style-card h4{font:600 1.2rem "Playfair Display",serif;margin:0 0 7px}.style-card p{font-size:.84rem;color:#526e70;margin:0 0 14px;flex:1}.studio-secondary,.style-save{border:1px solid #087f83;background:white;color:#04595d;font:700 .85rem "DM Sans",sans-serif;border-radius:999px;min-height:44px;padding:9px 15px;cursor:pointer}.style-save[aria-pressed=true]{background:var(--deep);color:white}.studio-board{padding:30px 0;border-bottom:1px solid #cde5e3;margin-top:28px;scroll-margin-top:24px}.style-board{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.style-board-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:white;border:1px solid #cde5e3;border-radius:14px;font-size:.85rem}.style-board-chip{width:30px;height:40px;background:var(--polish);border:1px solid #9ab3af;border-radius:12px 12px 8px 8px}.style-board-item button{border:0;background:#e8f5f3;color:#04595d;border-radius:50%;width:44px;height:44px;font-size:1.2rem;cursor:pointer}.studio-enquiry{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;margin-top:40px}.studio-enquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.studio-full{grid-column:1/-1}.studio-enquiry-form .button{margin-bottom:10px}#idea-review{background:#fff;padding:18px;border:1px solid #cde5e3;border-radius:16px;margin-top:18px}#idea-message{margin-bottom:12px;font-size:.88rem}#style-feedback{min-height:1.6em}.style-studio [hidden]{display:none!important}@media(max-width:900px){.studio-layout{grid-template-columns:1fr}.studio-quiz{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.studio-quiz .studio-step,.studio-quiz .studio-note,.studio-quiz .studio-button{grid-column:1/-1}.studio-quiz label,.studio-quiz select{grid-column:1/-1}.studio-enquiry{grid-template-columns:1fr;gap:14px}}@media(max-width:560px){.style-studio{padding:52px 0}.style-cards{grid-template-columns:1fr}.style-card{display:grid;grid-template-columns:110px minmax(0,1fr)}.style-swatch{height:100%;min-height:185px;gap:4px}.style-nail{width:22px;height:62px}.style-nail:nth-child(2){height:72px}.style-swatch.short .style-nail{height:48px}.style-swatch.short .style-nail:nth-child(2){height:58px}.studio-results-head{align-items:start}.studio-results-head .text-link{font-size:.8rem;white-space:nowrap}.studio-enquiry-form{grid-template-columns:1fr}.studio-enquiry-form>div{grid-column:1/-1}.studio-quiz{padding:20px}.style-board-item{width:100%}.style-board-item button{margin-left:auto}}

/* Photographic inspiration: generous images at every screen size. */
.style-photo{position:relative;aspect-ratio:1/1;background:#eee7dd;overflow:hidden}.style-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.style-card:hover .style-photo img{transform:scale(1.035)}.style-photo-tag{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.94);padding:5px 11px;border-radius:999px;font-size:.66rem;font-weight:700;color:#274b48;box-shadow:0 2px 12px #00000010}.style-card{box-shadow:0 10px 26px #1236380a}.style-card-body{padding:20px 17px}.style-card h4{font-size:1.25rem;line-height:1.25}.style-card p{line-height:1.65}.style-save{margin-top:5px}.studio-browse{margin-top:22px}.style-board-photo{width:56px;height:60px;object-fit:cover;border-radius:10px}.style-board-item{padding:9px}.studio-quiz{box-shadow:0 10px 30px #12363806}@media(max-width:560px){.style-cards{grid-template-columns:1fr;gap:22px}.style-card{display:flex;flex-direction:column}.style-photo{aspect-ratio:1.15/1}.style-photo-tag{font-size:.75rem;left:15px;bottom:15px}.style-card-body{padding:22px}.style-card h4{font-size:1.55rem}.style-card p{font-size:.95rem}.style-save{width:100%;min-height:48px}.studio-results-head{flex-wrap:wrap}.studio-results-head .text-link{font-size:.9rem}.style-board-photo{width:64px;height:70px}}@media(prefers-reduced-motion:reduce){.style-photo img{transition:none}.style-card:hover .style-photo img{transform:none}}

.style-photo-tile{background-repeat:no-repeat;background-color:#efe8e0}.style-photo{aspect-ratio:2/3}.style-variant{font-size:.72rem!important;text-transform:uppercase;letter-spacing:.06em;color:#087f83!important;margin-bottom:9px!important;flex:none!important}.style-board-photo{width:64px;height:96px;flex:0 0 64px;border-radius:10px}.style-photo-tag{font-size:.65rem}@media(max-width:560px){.style-photo{aspect-ratio:2/3;max-height:none}.style-photo-tag{font-size:.75rem}.style-board-photo{height:96px}.style-card-body{padding:20px}}

.style-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:12px 0;grid-column:1/-1}.style-colour-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:68px;background:#fff;border:1px solid #cde5e3;border-radius:11px;color:#234a48;font:600 .63rem "DM Sans",sans-serif;cursor:pointer;padding:7px 2px;min-width:0}.style-colour-dot{display:block;width:25px;height:25px;border-radius:50%;border:1px solid #0002;box-shadow:inset 3px 3px 6px #ffffff50}.style-colour-choice[aria-pressed=true]{border:2px solid #087f83;background:#edf8f6}.style-empty{grid-column:1/-1;padding:28px;background:#fff;border:1px solid #cde5e3;border-radius:18px}.style-empty h4{font:600 1.4rem "Playfair Display",serif;margin:0 0 10px}.style-empty p{color:#526e70}.studio-quiz #style-custom{grid-column:1/-1}.style-photo-tile.style-board-photo{aspect-ratio:auto!important}@media(min-width:561px){.style-photo{min-height:210px}}@media(max-width:900px){.style-palette{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:560px){.style-palette{grid-template-columns:repeat(4,minmax(0,1fr))}.style-colour-choice{font-size:.72rem;min-height:75px}.style-colour-dot{width:29px;height:29px}}

.style-preview-card{margin:22px 0 0;background:#fff;border:1px solid #cde5e3;border-radius:24px;overflow:hidden;max-width:560px;box-shadow:0 16px 45px #1236380b}.style-preview-frame{aspect-ratio:2/3;position:relative;display:flex;align-items:center;justify-content:center;background:#f1e7de;overflow:hidden}#style-preview-photo{width:100%;flex:none}.style-preview-frame .style-photo-tag{left:18px;bottom:18px}.style-preview-card figcaption{padding:22px 25px 4px}.style-preview-card h4{font:600 1.8rem/1.2 "Playfair Display",serif;margin:8px 0 10px}.style-preview-card figcaption>p:last-child{color:#526e70;font-size:.92rem}.style-preview-controls{padding:0 25px 25px}.style-palette-label{font-size:.92rem;font-weight:700;color:var(--deep)}.style-preview-controls .style-palette{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:10px;gap:8px}.style-preview-controls .style-colour-choice{font-size:.7rem;min-height:76px}.style-preview-controls .studio-button{width:100%;margin-top:14px}.studio-results{min-width:0}.studio-results-head{max-width:560px}.studio-layout{grid-template-columns:280px minmax(0,1fr);gap:48px}.studio-results>.studio-note{max-width:560px}.studio-quiz{position:sticky;top:18px}.studio-quiz label,.studio-quiz select{grid-column:1/-1}@media(max-width:900px){.studio-layout{grid-template-columns:1fr;gap:24px}.studio-quiz{position:static;display:flex}.style-preview-card,.studio-results-head,.studio-results>.studio-note{max-width:620px;margin-left:auto;margin-right:auto}}@media(max-width:560px){.style-preview-controls,.style-preview-card figcaption{padding-left:18px;padding-right:18px}.style-preview-controls .style-palette{grid-template-columns:repeat(4,minmax(0,1fr))}.style-preview-controls .style-colour-choice{font-size:.72rem}.style-preview-card h4{font-size:1.65rem}.style-preview-frame{aspect-ratio:2/3}.style-preview-card{margin-top:18px}.studio-results-head{gap:12px}.studio-quiz{padding:22px}}

.style-preview-controls .style-colour-choice{font-size:.67rem;line-height:1.25}.style-preview-controls .style-colour-choice span:last-child{text-align:center;max-width:100%;overflow-wrap:normal}.style-preview-controls .style-colour-dot{flex-shrink:0}@media(max-width:560px){.style-preview-controls .style-colour-choice{font-size:.7rem;min-height:80px}}

#style-length-note:empty{display:none}#style-length-note{margin:8px 0 0;font-weight:600}.studio-quiz select{min-height:48px}