/* Additional visual languages. The same content and natural photographs are retained. */
.specimen-board:is(.style-bento,.style-terminal,.style-comic,.style-sketch,.style-papercut,.style-blueprint,.style-artnouveau,.style-constructivist,.style-synthwave,.style-pixel){--ext-line:color-mix(in srgb,var(--sp-ink) 23%,var(--sp-panel));--ext-secondary:var(--pal-secondary,var(--sp-accent));--ext-shadow:color-mix(in srgb,var(--sp-ink) 16%,transparent)}
.specimen-board:is(.style-bento,.style-terminal,.style-comic,.style-sketch,.style-papercut,.style-blueprint,.style-artnouveau,.style-constructivist,.style-synthwave,.style-pixel) .website-primary{background:var(--sp-button);color:var(--sp-button-ink)!important}
.specimen-board:is(.style-bento,.style-terminal,.style-comic,.style-sketch,.style-papercut,.style-blueprint,.style-artnouveau,.style-constructivist,.style-synthwave,.style-pixel) .specimen-play{background:var(--sp-button);color:var(--sp-button-ink)}
.specimen-board:is(.style-bento,.style-terminal,.style-comic,.style-sketch,.style-papercut,.style-blueprint,.style-artnouveau,.style-constructivist,.style-synthwave,.style-pixel):not([data-palette]) .specimen-avatar{color:var(--sp-button-ink)}

/* Bento: independently sized, ordered modules. */
.specimen-board.style-bento:not([data-palette]){--sp-bg:#E9EDF2;--sp-panel:#FFFFFF;--sp-ink:#202837;--sp-muted:#586675;--sp-accent:#3057D5;--sp-border:1px solid #DEE3EB;--sp-radius:24px;--sp-shadow:0 10px 24px #182E4A12;--sp-button:#3057D5;--sp-button-ink:#FFFFFF}
.specimen-board.style-bento .specimen-surface{padding:18px;border-radius:24px}
.specimen-board.style-bento .specimen-overline{padding:5px 8px 0;margin-bottom:13px;letter-spacing:1.2px}
.specimen-board.style-bento .specimen-track{padding:14px;border:1px solid var(--ext-line);border-radius:18px;background:color-mix(in srgb,var(--sp-panel) 96%,var(--sp-accent))}
.specimen-board.style-bento .specimen-seek{margin-top:12px;padding:15px 12px;background:color-mix(in srgb,var(--sp-ink) 5%,var(--sp-panel));border-radius:12px}
.specimen-board.style-bento .specimen-controls{max-width:none;padding:10px 14px;border-radius:16px;background:color-mix(in srgb,var(--sp-accent) 7%,var(--sp-panel));margin-top:12px}
.specimen-board.style-bento .specimen-album{border-radius:15px}
.specimen-board.style-bento .specimen-profile-cover{margin:12px 0 0;border-radius:15px}
.specimen-board.style-bento .specimen-profile-heading{padding:0 10px}
.specimen-board.style-bento .specimen-profile-copy{padding:0 10px}
.specimen-board.style-bento .specimen-profile-bottom{gap:12px;padding:12px;background:color-mix(in srgb,var(--sp-ink) 4%,var(--sp-panel));border:0;border-radius:15px}
.specimen-board.style-bento .website-hero{grid-template-columns:1.15fr 1fr;gap:14px;padding:0;border:0;box-shadow:none;background:transparent}
.specimen-board.style-bento .website-hero-copy{align-self:stretch;padding:28px 24px;border:1px solid var(--ext-line);border-radius:24px;background:var(--sp-panel);display:flex;flex-direction:column;justify-content:center}
.specimen-board.style-bento .website-hero-media{height:auto;min-height:290px;border-radius:24px}
.specimen-board.style-bento .website-services{grid-template-columns:1.2fr 1fr;gap:14px}
.specimen-board.style-bento .website-services>article{border-radius:20px;padding:24px}
.specimen-board.style-bento .website-services>article:first-child{grid-row:span 2;display:flex;flex-direction:column;justify-content:center}
.specimen-board.style-bento .website-services>article:first-child .website-service-icon svg{width:34px;height:34px}
.specimen-board.style-bento .website-project{border-radius:24px}
.swatch-bento{background:linear-gradient(90deg,#D3DCED 0 46%,transparent 46% 54%,#9AABD1 54%);border-radius:4px;box-shadow:inset 0 -9px #EDF1F9}

/* Terminal: monospace, prompts and explicit framed output. */
.specimen-board.style-terminal:not([data-palette]){--sp-bg:#101719;--sp-panel:#172023;--sp-ink:#E1F2E6;--sp-muted:#ADC6B8;--sp-accent:#80E1AA;--sp-border:1px solid #526C60;--sp-radius:0px;--sp-shadow:none;--sp-button:#80E1AA;--sp-button-ink:#0A2114}
.specimen-board.style-terminal,.specimen-board.style-terminal .website-surface{font-family:'Courier New',monospace}
.specimen-board.style-terminal .specimen-surface{border-radius:0;box-shadow:inset 3px 0 var(--sp-accent);border-width:1px}
.specimen-board.style-terminal .specimen-overline{border-bottom:1px dashed var(--ext-line);padding-bottom:13px;letter-spacing:1.4px}
.specimen-board.style-terminal h3:before{content:'> ';color:var(--sp-accent)}
.specimen-board.style-terminal .specimen-genre{display:block}
.specimen-board.style-terminal .specimen-controls{max-width:none;border-top:1px dashed var(--ext-line);padding-top:16px}
.specimen-board.style-terminal .specimen-control,.specimen-board.style-terminal .specimen-follow{border-radius:0;border:1px solid var(--ext-line)}
.specimen-board.style-terminal .specimen-album,.specimen-board.style-terminal .specimen-avatar,.specimen-board.style-terminal .specimen-profile-cover{border-radius:0;box-shadow:none}
.specimen-board.style-terminal .website-logo{font-family:'Courier New',monospace;letter-spacing:-1px}
.specimen-board.style-terminal .website-hero{border-radius:0;border:1px solid var(--ext-line);box-shadow:inset 3px 0 var(--sp-accent)}
.specimen-board.style-terminal .website-hero h3{font-family:'Courier New',monospace;font-weight:700;letter-spacing:-1.1px}
.specimen-board.style-terminal .website-eyebrow:before{content:'// ';color:var(--sp-accent)}
.specimen-board.style-terminal .website-services>article,.specimen-board.style-terminal .website-project{border-radius:0;border:1px dashed var(--ext-line);box-shadow:none}
.specimen-board.style-terminal .website-photo-frame{border-radius:0;border:1px solid var(--ext-line)}
.specimen-board.style-terminal .website-primary,.specimen-board.style-terminal .website-nav-contact,.specimen-board.style-terminal .website-contact-form input,.specimen-board.style-terminal .website-contact-form textarea{border-radius:0}
.swatch-terminal{background:#15241D;border-radius:0;border:1px solid #7FCF9E}.swatch-terminal:before{content:'>_';color:#B0F0C4;font:700 11px monospace;position:absolute;left:2px;top:2px}

/* Comic: panels, speech balloons and restrained halftone corners. */
.specimen-board.style-comic:not([data-palette]){--sp-bg:#FFF1C0;--sp-panel:#FFFEF8;--sp-ink:#20202A;--sp-muted:#55515A;--sp-accent:#A12D50;--sp-border:3px solid #20202A;--sp-radius:20px;--sp-shadow:5px 5px 0 #20202A;--sp-button:#A12D50;--sp-button-ink:#FFFFFF;--ext-secondary:#F2D528}
.specimen-board.style-comic{font-family:'Comic Neue','Comic Sans MS',cursive}
.specimen-board.style-comic .specimen-surface{border:3px solid var(--sp-ink);border-radius:24px 20px 26px 8px;box-shadow:5px 6px 0 var(--ext-secondary)}
.specimen-board.style-comic .specimen-surface:after{content:'';position:absolute;bottom:-17px;left:24px;width:25px;height:25px;background:var(--sp-panel);border-right:3px solid var(--sp-ink);border-bottom:3px solid var(--sp-ink);transform:skewY(-28deg);clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none}
.specimen-board.style-comic .specimen-overline{font-weight:700;letter-spacing:1px}
.specimen-board.style-comic h3{font-family:'Comic Neue','Comic Sans MS',cursive;font-weight:700;letter-spacing:-.6px}
.specimen-board.style-comic .specimen-album,.specimen-board.style-comic .specimen-avatar{border:2px solid var(--sp-ink);border-radius:10px;box-shadow:3px 3px 0 var(--ext-secondary)}
.specimen-board.style-comic .specimen-control,.specimen-board.style-comic .specimen-follow{border:2px solid var(--sp-ink);box-shadow:2px 3px 0 var(--sp-ink)}
.specimen-board.style-comic .specimen-follow{border-radius:8px;transform:rotate(-2deg);font-weight:700}
.specimen-board.style-comic .website-surface{font-family:'Comic Neue','Comic Sans MS',cursive}
.specimen-board.style-comic .website-nav{border-bottom:3px solid var(--sp-ink)}
.specimen-board.style-comic .website-logo{font-family:'Comic Neue','Comic Sans MS',cursive;font-size:31px;font-weight:700}
.specimen-board.style-comic .website-hero{gap:24px;padding:22px 6px 30px;border:0;border-radius:0;box-shadow:none;background:transparent;isolation:isolate}
.specimen-board.style-comic .website-hero:before{content:'';position:absolute;inset:-7px;z-index:-1;background:radial-gradient(circle,var(--sp-accent) 1.4px,transparent 1.8px) 0 0/9px 9px;mask-image:radial-gradient(ellipse at 0 0,#000,transparent 45%),radial-gradient(ellipse at 100% 100%,#000,transparent 45%);-webkit-mask-image:radial-gradient(ellipse at 0 0,#000,transparent 45%),radial-gradient(ellipse at 100% 100%,#000,transparent 45%);pointer-events:none}
.specimen-board.style-comic .website-hero-copy{padding:24px 20px;border:3px solid var(--sp-ink);border-radius:36px 30px 34px 20px;background:var(--sp-panel);box-shadow:6px 7px 0 var(--ext-secondary)}
.specimen-board.style-comic .website-hero-copy:after{content:'';position:absolute;width:27px;height:24px;bottom:-20px;left:32px;background:var(--sp-panel);border-right:3px solid var(--sp-ink);border-bottom:3px solid var(--sp-ink);transform:skewY(-28deg);clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none}
.specimen-board.style-comic .website-hero h3{font-family:'Comic Neue','Comic Sans MS',cursive;font-size:clamp(32px,4.9cqw,48px);font-style:italic;font-weight:700;line-height:1.02;letter-spacing:-1.2px}
.specimen-board.style-comic .website-photo-frame{border:3px solid var(--sp-ink);border-radius:20px;box-shadow:5px 6px 0 var(--ext-secondary)}
.specimen-board.style-comic .website-services>article,.specimen-board.style-comic .website-project{border:2px solid var(--sp-ink);border-radius:19px;box-shadow:4px 5px 0 var(--ext-secondary)}
.specimen-board.style-comic .website-primary,.specimen-board.style-comic .website-nav-contact{border:2px solid var(--sp-ink);border-radius:10px;box-shadow:3px 3px 0 var(--sp-ink);font-weight:700}
.swatch-comic{background:radial-gradient(#25202D 1px,transparent 1.5px) 0 0/5px 5px,#FFE12E;border:2px solid #25202D;border-radius:5px 5px 5px 0}

/* Sketch: imperfect double pencil lines with hand-lettered headings. */
.specimen-board.style-sketch:not([data-palette]){--sp-bg:#EEECE4;--sp-panel:#FFFCF2;--sp-ink:#293B46;--sp-muted:#5B6364;--sp-accent:#275E97;--sp-border:2px solid #293B46;--sp-radius:7px;--sp-shadow:2px 3px 0 #293B4622;--sp-button:#275E97;--sp-button-ink:#FFFFFF}
.specimen-board.style-sketch,.specimen-board.style-sketch .website-surface{font-family:'Patrick Hand','Comic Sans MS',cursive}
.specimen-board.style-sketch .specimen-surface{border:2px solid var(--sp-ink);border-radius:9px 210px 12px 190px/180px 8px 170px 12px;outline:1px solid var(--ext-line);outline-offset:-5px}
.specimen-board.style-sketch h3{font-family:'Patrick Hand','Comic Sans MS',cursive;font-weight:400;letter-spacing:.2px}
.specimen-board.style-sketch .specimen-overline{font-size:15px;letter-spacing:1px}
.specimen-board.style-sketch .specimen-control,.specimen-board.style-sketch .specimen-follow{border:1.5px solid var(--sp-ink);border-radius:46% 54% 43% 57%/48% 43% 57% 52%;box-shadow:2px 2px 0 var(--ext-shadow)}
.specimen-board.style-sketch .specimen-follow{border-radius:5px 70px 4px 60px/45px 5px 40px 3px}
.specimen-board.style-sketch .specimen-profile-cover{background:repeating-linear-gradient(-12deg,transparent 0 8px,color-mix(in srgb,var(--sp-accent) 18%,transparent) 8px 10px)}
.specimen-board.style-sketch .specimen-album{border:2px solid var(--sp-ink);border-radius:10px 7px 15px 5px}
.specimen-board.style-sketch .website-logo{font-family:'Patrick Hand',cursive;font-size:33px;font-weight:400;letter-spacing:-1px}
.specimen-board.style-sketch .website-hero,.specimen-board.style-sketch .website-services>article,.specimen-board.style-sketch .website-project{border:1.5px solid var(--sp-ink);border-radius:5px 130px 6px 140px/100px 7px 110px 8px;outline:1px solid var(--ext-line);outline-offset:-5px;box-shadow:2px 3px 0 var(--ext-shadow)}
.specimen-board.style-sketch .website-hero h3{font-family:'Patrick Hand',cursive;font-size:clamp(33px,5cqw,48px);font-weight:400;letter-spacing:0;line-height:1.06}
.specimen-board.style-sketch .website-hero-description,.specimen-board.style-sketch .website-services p,.specimen-board.style-sketch .website-project-copy p{font-size:16px}
.specimen-board.style-sketch .website-section-heading h4,.specimen-board.style-sketch .website-about h4,.specimen-board.style-sketch .website-contact h4{font-family:'Patrick Hand',cursive;font-weight:400;font-size:30px}
.specimen-board.style-sketch .website-photo-frame{border:2px solid var(--sp-ink);border-radius:13px 5px 11px 7px}
.specimen-board.style-sketch .website-primary,.specimen-board.style-sketch .website-nav-contact{border:1.5px solid var(--sp-ink);border-radius:4px 50px 5px 60px/35px 5px 40px 6px;box-shadow:2px 2px 0 var(--ext-shadow)}
.swatch-sketch{background:#FFF9E8;border:1.5px solid #3D454B;border-radius:7px 2px 9px 3px;outline:1px solid #3D454B66;outline-offset:-4px}

/* Paper cut: flat sheets, cut edges and offset layers rather than inflated volume. */
.specimen-board.style-papercut:not([data-palette]){--sp-bg:#E8E5DC;--sp-panel:#FFF9EA;--sp-ink:#303630;--sp-muted:#616351;--sp-accent:#8B3F30;--sp-border:1px solid #BDB7A8;--sp-radius:2px;--sp-shadow:6px 7px 0 #C8C1AE,12px 14px 0 #D8D2C4;--sp-button:#8B3F30;--sp-button-ink:#FFFFFF;--ext-secondary:#D2BA77}
.specimen-board.style-papercut .specimen-surface{border-radius:2px 2px 26px 2px;box-shadow:5px 6px 0 color-mix(in srgb,var(--sp-ink) 20%,var(--sp-panel)),10px 12px 0 color-mix(in srgb,var(--sp-ink) 9%,var(--sp-panel))}
.specimen-board.style-papercut .specimen-overline{padding-bottom:14px;border-bottom:1px solid var(--ext-line);letter-spacing:2px}
.specimen-board.style-papercut .specimen-album{border-radius:0 0 22px 0;box-shadow:4px 4px 0 var(--ext-secondary)}
.specimen-board.style-papercut .specimen-controls{padding:12px;border:1px solid var(--ext-line);box-shadow:3px 4px 0 var(--ext-shadow);border-radius:0}
.specimen-board.style-papercut .specimen-control,.specimen-board.style-papercut .specimen-follow{border-radius:0 0 10px 0}
.specimen-board.style-papercut .specimen-profile-cover{clip-path:polygon(0 0,100% 0,100% 82%,91% 96%,81% 85%,70% 100%,58% 87%,45% 97%,32% 86%,20% 100%,8% 88%,0 98%)}
.specimen-board.style-papercut .website-hero,.specimen-board.style-papercut .website-services>article,.specimen-board.style-papercut .website-project{border-radius:1px 1px 26px 1px;border:1px solid var(--ext-line);box-shadow:5px 6px 0 color-mix(in srgb,var(--sp-ink) 16%,var(--sp-panel))}
.specimen-board.style-papercut .website-hero{margin-bottom:28px}
.specimen-board.style-papercut .website-photo-frame{border-radius:0 0 24px 0;box-shadow:5px 6px 0 var(--ext-secondary)}
.specimen-board.style-papercut .website-primary,.specimen-board.style-papercut .website-nav-contact{border-radius:0 0 12px 0;box-shadow:3px 4px 0 var(--ext-shadow)}
.specimen-board.style-papercut .website-services>article:nth-child(2){transform:translateY(6px)}
.swatch-papercut{background:#FCF4DE;border-radius:0 0 8px 0;border:1px solid #B5AB91;box-shadow:2px 2px 0 #B8AA86,4px 4px 0 #D1C9B1}

/* Blueprint: registered grids and fine technical construction marks. */
.specimen-board.style-blueprint:not([data-palette]){--sp-bg:#102E50;--sp-panel:#163D64;--sp-ink:#F5FAFF;--sp-muted:#BCD2E4;--sp-accent:#B8ECFF;--sp-border:1px solid #91B8D1;--sp-radius:0px;--sp-shadow:none;--sp-button:#B8ECFF;--sp-button-ink:#12304C}
.specimen-board.style-blueprint{font-family:'Courier New',monospace}
.specimen-board.style-blueprint .specimen-surface{border:1px solid var(--sp-ink);border-radius:0;outline:1px solid var(--ext-line);outline-offset:6px;box-shadow:none;background-image:linear-gradient(color-mix(in srgb,var(--sp-ink) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--sp-ink) 6%,transparent) 1px,transparent 1px);background-size:20px 20px}
.specimen-board.style-blueprint .specimen-overline{padding-bottom:12px;border-bottom:1px dashed var(--ext-line);letter-spacing:2px}
.specimen-board.style-blueprint .specimen-album,.specimen-board.style-blueprint .specimen-avatar,.specimen-board.style-blueprint .specimen-control,.specimen-board.style-blueprint .specimen-follow{border:1px solid var(--sp-ink);border-radius:0;box-shadow:none}
.specimen-board.style-blueprint .specimen-profile-cover{background:linear-gradient(var(--ext-line) 1px,transparent 1px),linear-gradient(90deg,var(--ext-line) 1px,transparent 1px);background-size:15px 15px}
.specimen-board.style-blueprint .website-surface{font-family:'Courier New',monospace;position:relative;isolation:isolate}
.specimen-board.style-blueprint .website-surface:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--sp-ink) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--sp-ink) 6%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--sp-ink) 10%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--sp-ink) 10%,transparent) 1px,transparent 1px);background-size:20px 20px,20px 20px,100px 100px,100px 100px}
.specimen-board.style-blueprint .website-logo{font-family:'Courier New',monospace}
.specimen-board.style-blueprint .website-hero,.specimen-board.style-blueprint .website-services>article,.specimen-board.style-blueprint .website-project{border:1px solid var(--sp-ink);border-radius:0;box-shadow:none;outline:1px dashed var(--ext-line);outline-offset:5px}
.specimen-board.style-blueprint .website-hero:before{content:'';position:absolute;left:7px;right:7px;top:7px;bottom:7px;border:1px solid var(--ext-line);clip-path:polygon(0 0,16px 0,16px 1px,1px 1px,1px 16px,0 16px,0 0,100% 0,100% 16px,calc(100% - 1px) 16px,calc(100% - 1px) 1px,calc(100% - 16px) 1px,calc(100% - 16px) 0,100% 0,100% 100%,calc(100% - 16px) 100%,calc(100% - 16px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) calc(100% - 16px),100% calc(100% - 16px),100% 100%,0 100%,0 calc(100% - 16px),1px calc(100% - 16px),1px calc(100% - 1px),16px calc(100% - 1px),16px 100%,0 100%);pointer-events:none}
.specimen-board.style-blueprint .website-hero h3{font-family:'Courier New',monospace;letter-spacing:-1.5px}
.specimen-board.style-blueprint .website-photo-frame{border:1px solid var(--sp-ink);border-radius:0;outline:1px dashed var(--ext-line);outline-offset:4px}
.specimen-board.style-blueprint .website-primary,.specimen-board.style-blueprint .website-nav-contact,.specimen-board.style-blueprint .website-contact-form input,.specimen-board.style-blueprint .website-contact-form textarea{border-radius:0}
.swatch-blueprint{background:linear-gradient(#A2C6EA55 1px,transparent 1px),linear-gradient(90deg,#A2C6EA55 1px,transparent 1px),#194570;background-size:5px 5px;border-radius:0;border:1px solid #C4DEF0}

/* Art Nouveau: flowing oval frames and botanical line ornament. */
.specimen-board.style-artnouveau:not([data-palette]){--sp-bg:#DDE3D4;--sp-panel:#F5F0DF;--sp-ink:#293D2E;--sp-muted:#58664F;--sp-accent:#416C44;--sp-border:1px solid #8D9B75;--sp-radius:35px;--sp-shadow:0 8px 18px #213B2C1A;--sp-button:#416C44;--sp-button-ink:#FFFFFF;--ext-secondary:#A17B3C}
.specimen-board.style-artnouveau .specimen-surface{border:2px double var(--sp-accent);border-radius:50px 50px 12px 12px;outline:1px solid var(--ext-line);outline-offset:-7px;padding-top:30px;box-shadow:0 8px 18px var(--ext-shadow)}
.specimen-board.style-artnouveau h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;font-weight:600;letter-spacing:.2px}
.specimen-board.style-artnouveau .specimen-overline{font-family:Georgia,serif;letter-spacing:2.2px;justify-content:center;border-bottom:1px solid var(--ext-line);padding-bottom:12px}
.specimen-board.style-artnouveau .specimen-more{display:none}
.specimen-board.style-artnouveau .specimen-album,.specimen-board.style-artnouveau .specimen-avatar{border-radius:50%;border:2px solid var(--sp-accent);box-shadow:0 0 0 3px var(--sp-panel),0 0 0 4px var(--ext-line)}
.specimen-board.style-artnouveau .specimen-profile-cover{border-radius:50% 50% 0 0;background:repeating-radial-gradient(ellipse at 50% 110%,transparent 0 15px,color-mix(in srgb,var(--sp-accent) 22%,transparent) 16px 17px,transparent 18px 25px)}
.specimen-board.style-artnouveau .specimen-follow{font-family:Georgia,serif;border-radius:20px 20px 7px 7px}
.specimen-board.style-artnouveau .website-logo{font-family:'Cormorant Garamond',Georgia,serif;font-size:36px;font-weight:600;letter-spacing:-1px}
.specimen-board.style-artnouveau .website-hero{border:1px solid var(--sp-accent);border-radius:42px 42px 8px 8px;outline:1px solid var(--ext-line);outline-offset:-7px;padding:30px;overflow:hidden}
.specimen-board.style-artnouveau .website-hero:before,.specimen-board.style-artnouveau .website-hero:after{content:'';position:absolute;width:75px;height:180px;border:1px solid var(--sp-accent);border-radius:80% 10% 80% 10%;transform:rotate(-24deg);pointer-events:none;opacity:.34}
.specimen-board.style-artnouveau .website-hero:before{left:-27px;top:-60px}.specimen-board.style-artnouveau .website-hero:after{right:-25px;bottom:-72px;transform:rotate(35deg)}
.specimen-board.style-artnouveau .website-hero h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:clamp(36px,5.3cqw,53px);line-height:1.02;letter-spacing:-.7px}
.specimen-board.style-artnouveau .website-photo-frame{border-radius:48% 48% 10% 10%;border:2px solid var(--sp-accent);outline:1px solid var(--ext-line);outline-offset:4px}
.specimen-board.style-artnouveau .website-services>article,.specimen-board.style-artnouveau .website-project{border:1px solid var(--ext-line);border-radius:30px 30px 8px 8px}
.specimen-board.style-artnouveau .website-section-heading h4,.specimen-board.style-artnouveau .website-about h4,.specimen-board.style-artnouveau .website-contact h4{font-family:'Cormorant Garamond',Georgia,serif;font-size:32px;font-weight:600;letter-spacing:-.2px}
.specimen-board.style-artnouveau .website-primary,.specimen-board.style-artnouveau .website-nav-contact{border-radius:22px 22px 7px 7px;font-family:Georgia,serif}
.swatch-artnouveau{background:#E5E9D9;border:1px solid #68825D;border-radius:45% 45% 10% 10%}.swatch-artnouveau:after{content:'';position:absolute;width:12px;height:20px;border:1px solid #68825D;border-radius:80% 0 80% 0;left:3px;top:1px;transform:rotate(-25deg)}

/* Constructivism: diagonal cuts, severe type and a dynamic asymmetric composition. */
.specimen-board.style-constructivist:not([data-palette]){--sp-bg:#E8DFD0;--sp-panel:#F7F1E5;--sp-ink:#242421;--sp-muted:#625E55;--sp-accent:#BC2D24;--sp-border:2px solid #242421;--sp-radius:0px;--sp-shadow:7px 7px 0 #242421;--sp-button:#BC2D24;--sp-button-ink:#FFFFFF}
.specimen-board.style-constructivist .specimen-surface{border-radius:0;border-width:2px;box-shadow:7px 7px 0 var(--sp-ink);border-left:8px solid var(--sp-accent)}
.specimen-board.style-constructivist .specimen-overline{font-weight:800;border-bottom:3px solid var(--sp-ink);letter-spacing:1px;padding-bottom:12px}
.specimen-board.style-constructivist h3{text-transform:uppercase;font-family:Arial,sans-serif;font-weight:900;line-height:1.02;letter-spacing:-1px}
.specimen-board.style-constructivist .specimen-album{border-radius:0;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}
.specimen-board.style-constructivist .specimen-control,.specimen-board.style-constructivist .specimen-follow,.specimen-board.style-constructivist .specimen-avatar{border-radius:0}
.specimen-board.style-constructivist .specimen-profile-cover{clip-path:polygon(0 12%,100% 0,100% 78%,0 100%);background:var(--sp-accent)}
.specimen-board.style-constructivist .website-nav{border-bottom:3px solid var(--sp-ink)}
.specimen-board.style-constructivist .website-hero{grid-template-columns:1.35fr 1fr;border-radius:0;border:0;border-left:9px solid var(--sp-accent);padding-left:24px;overflow:hidden}
.specimen-board.style-constructivist .website-hero:before{content:'';position:absolute;width:180px;height:26px;right:-49px;top:16px;background:var(--sp-accent);transform:rotate(33deg);opacity:.3;pointer-events:none}
.specimen-board.style-constructivist .website-hero h3{font-family:Arial,sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(31px,4.8cqw,47px);line-height:1;letter-spacing:-1.7px}
.specimen-board.style-constructivist .website-hero-media{border-radius:0;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}
.specimen-board.style-constructivist .website-services{grid-template-columns:1.35fr 1fr 1fr}
.specimen-board.style-constructivist .website-services>article{border:0;border-top:4px solid var(--sp-ink);border-radius:0;padding-left:3px;padding-right:9px}
.specimen-board.style-constructivist .website-project{border:2px solid var(--sp-ink);border-radius:0;box-shadow:5px 5px 0 var(--sp-ink)}
.specimen-board.style-constructivist .website-primary,.specimen-board.style-constructivist .website-nav-contact{border-radius:0;font-weight:800}
.swatch-constructivist{background:linear-gradient(25deg,#E2D7C2 0 35%,#B63127 35% 60%,#252520 60%);border-radius:0}

/* Synthwave: a pop-futurist horizon, luminous edges and restrained neon accents. */
.specimen-board.style-synthwave:not([data-palette]){--sp-bg:#1B1233;--sp-panel:#24183C;--sp-ink:#FFF1FF;--sp-muted:#CCBADF;--sp-accent:#FF79C8;--sp-border:1px solid #8B6AAB;--sp-radius:10px;--sp-shadow:0 10px 26px #10091D66;--sp-button:#FF79C8;--sp-button-ink:#351127;--ext-secondary:#83F1EE}
.specimen-board.style-synthwave .specimen-surface{border:1px solid var(--sp-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--sp-accent) 8%,transparent),0 12px 26px var(--ext-shadow);border-radius:10px;overflow:hidden}
.specimen-board.style-synthwave .specimen-surface:before{content:'';position:absolute;inset:auto -15% -60px;height:120px;z-index:-1;background:linear-gradient(var(--ext-line) 1px,transparent 1px),linear-gradient(90deg,var(--ext-line) 1px,transparent 1px);background-size:20px 18px;transform:perspective(110px) rotateX(40deg);pointer-events:none}
.specimen-board.style-synthwave .specimen-overline{font-style:italic;letter-spacing:2.7px;color:var(--sp-accent)}
.specimen-board.style-synthwave h3{font-weight:700;font-style:italic;letter-spacing:-.7px}
.specimen-board.style-synthwave .specimen-album{border-radius:0;border:2px solid var(--ext-secondary);box-shadow:3px 3px 0 var(--sp-accent)}
.specimen-board.style-synthwave .specimen-control{border:1px solid var(--ext-line)}
.specimen-board.style-synthwave .specimen-follow{border-radius:7px;box-shadow:0 0 0 2px color-mix(in srgb,var(--sp-accent) 18%,transparent)}
.specimen-board.style-synthwave .specimen-profile-cover{background:repeating-linear-gradient(0deg,transparent 0 7px,color-mix(in srgb,var(--sp-accent) 25%,transparent) 7px 9px),linear-gradient(90deg,transparent,color-mix(in srgb,var(--ext-secondary) 22%,transparent))}
.specimen-board.style-synthwave .website-hero{border:1px solid var(--sp-accent);border-radius:10px;box-shadow:0 0 0 4px color-mix(in srgb,var(--sp-accent) 7%,transparent);overflow:hidden}
.specimen-board.style-synthwave .website-hero:before{content:'';position:absolute;inset:auto -10% -46px;height:135px;background:linear-gradient(color-mix(in srgb,var(--sp-accent) 22%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ext-secondary) 22%,transparent) 1px,transparent 1px);background-size:28px 22px;transform:perspective(170px) rotateX(50deg);pointer-events:none}
.specimen-board.style-synthwave .website-hero h3{font-style:italic;font-weight:750;letter-spacing:-1.3px}
.specimen-board.style-synthwave .website-eyebrow{letter-spacing:2.2px;font-style:italic}
.specimen-board.style-synthwave .website-photo-frame{border-radius:7px;border:1px solid var(--ext-secondary);box-shadow:4px 4px 0 color-mix(in srgb,var(--sp-accent) 45%,transparent)}
.specimen-board.style-synthwave .website-services>article,.specimen-board.style-synthwave .website-project{border:1px solid var(--ext-line);border-radius:8px;box-shadow:0 3px 0 color-mix(in srgb,var(--ext-secondary) 30%,transparent)}
.specimen-board.style-synthwave .website-primary,.specimen-board.style-synthwave .website-nav-contact{border-radius:7px}
.swatch-synthwave{background:linear-gradient(0deg,#FC82C7 0 7%,transparent 7% 14%,#FC82C7 14% 21%,transparent 21% 28%,#FC82C7 28% 35%,transparent 35%),linear-gradient(#21143C,#4A2366);border-color:#AA7ADB;border-radius:3px}

/* Pixel: stepped raster geometry, readable bitmap lettering and square controls. */
.specimen-board.style-pixel:not([data-palette]){--sp-bg:#DDE4F3;--sp-panel:#FFF9E7;--sp-ink:#22283D;--sp-muted:#525970;--sp-accent:#3C3AA4;--sp-border:3px solid #22283D;--sp-radius:0px;--sp-shadow:5px 5px 0 #828C9D;--sp-button:#3C3AA4;--sp-button-ink:#FFFFFF}
.specimen-board.style-pixel{font-family:'VT323','Courier New',monospace;font-size:18px}
.specimen-board.style-pixel .specimen-surface{border-radius:0;border:3px solid var(--sp-ink);box-shadow:5px 5px 0 var(--ext-shadow);clip-path:polygon(0 8px,8px 8px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px))}
.specimen-board.style-pixel:not(.specimen-compact) h3{font-family:'VT323','Courier New',monospace;font-size:32px;letter-spacing:.2px;font-weight:400;line-height:1}
.specimen-board.style-pixel:not(.specimen-compact) :is(.specimen-overline,.specimen-seek,.specimen-availability,.specimen-follow,.specimen-profile-stat>span){font-size:16px;letter-spacing:.3px}
.specimen-board.style-pixel .specimen-track-copy>p,.specimen-board.style-pixel .specimen-profile-copy>p,.specimen-board.style-pixel .specimen-profile-bio{font-size:18px;line-height:1.2}
.specimen-board.style-pixel .specimen-album,.specimen-board.style-pixel .specimen-avatar,.specimen-board.style-pixel .specimen-profile-cover{border-radius:0;border:2px solid var(--sp-ink)}
.specimen-board.style-pixel .specimen-control,.specimen-board.style-pixel .specimen-follow{border-radius:0;border:2px solid var(--sp-ink);box-shadow:3px 3px 0 var(--ext-shadow)}
.specimen-board.style-pixel .website-surface{font-family:'VT323','Courier New',monospace;font-size:18px;line-height:1.25}
.specimen-board.style-pixel .website-logo{font-family:'VT323',monospace;font-size:37px;letter-spacing:0}
.specimen-board.style-pixel .website-hero,.specimen-board.style-pixel .website-services>article,.specimen-board.style-pixel .website-project{border:3px solid var(--sp-ink);border-radius:0;box-shadow:5px 5px 0 var(--ext-shadow)}
.specimen-board.style-pixel .website-hero{clip-path:polygon(0 8px,8px 8px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px))}
.specimen-board.style-pixel .website-hero h3{font-family:'VT323','Courier New',monospace;font-weight:400;font-size:clamp(35px,5.2cqw,52px);letter-spacing:0;line-height:1}
.specimen-board.style-pixel .website-hero-description,.specimen-board.style-pixel .website-services p,.specimen-board.style-pixel .website-project-copy p{font-size:18px;line-height:1.25!important}
.specimen-board.style-pixel .website-services h4{font-size:20px;font-weight:400}
.specimen-board.style-pixel .website-photo-frame{border:3px solid var(--sp-ink);border-radius:0}
.specimen-board.style-pixel .website-section-heading h4,.specimen-board.style-pixel .website-about h4,.specimen-board.style-pixel .website-contact h4{font-size:34px;font-weight:400;letter-spacing:0}
.specimen-board.style-pixel .website-primary,.specimen-board.style-pixel .website-nav-contact{border:2px solid var(--sp-ink);border-radius:0;box-shadow:3px 3px 0 var(--ext-shadow)}
.specimen-board.style-pixel :is(.specimen-control,.specimen-follow,.website-surface button):focus-visible{outline:2px solid currentColor;outline-offset:-5px}
.swatch-pixel{background:#D9DEF0;border-radius:0;border:2px solid #343956;box-shadow:2px 2px 0 #929AB8;clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px))}

/* Color replacement preserves the structural drawing language of each skin. */
.specimen-board:is(.style-comic,.style-sketch,.style-blueprint,.style-constructivist,.style-pixel)[data-palette]:not([data-palette="original"]) .specimen-surface{border-color:var(--pal-ink)}
.specimen-board.specimen-website-board[data-palette][data-demo-example="website"]:not([data-palette="original"]):is(.style-comic,.style-sketch,.style-blueprint,.style-constructivist,.style-pixel) :is(.website-hero,.website-nav,.website-services>article,.website-project,.website-photo-frame){border-color:var(--pal-ink)}
.specimen-board.specimen-website-board.style-comic[data-palette][data-demo-example="website"]:not([data-palette="original"]) .website-hero{border:0;background-image:none;isolation:isolate}
.specimen-board.specimen-website-board.style-comic[data-palette][data-demo-example="website"]:not([data-palette="original"]) .website-hero:before{background-image:radial-gradient(circle,var(--pal-accent) 1.4px,transparent 1.8px)}
.specimen-board.style-blueprint[data-palette]:not([data-palette="original"]) .specimen-surface{background-image:linear-gradient(color-mix(in srgb,var(--pal-ink) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pal-ink) 6%,transparent) 1px,transparent 1px);background-size:20px 20px}
.specimen-board.specimen-website-board.style-blueprint[data-palette][data-demo-example="website"]:not([data-palette="original"]) .website-surface{background-image:linear-gradient(color-mix(in srgb,var(--pal-ink) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pal-ink) 6%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--pal-ink) 10%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pal-ink) 10%,transparent) 1px,transparent 1px);background-size:20px 20px,20px 20px,100px 100px,100px 100px}
.specimen-board.specimen-website-board.style-blueprint[data-palette][data-demo-example="website"]:not([data-palette="original"]) .website-surface:before{display:none}
.specimen-board.style-artnouveau[data-palette]:not([data-palette="original"]) .specimen-surface{border-color:var(--pal-accent)}
.specimen-board.specimen-website-board.style-artnouveau[data-palette][data-demo-example="website"]:not([data-palette="original"]) :is(.website-hero,.website-photo-frame){border-color:var(--pal-accent)}
.specimen-board.specimen-website-board.style-synthwave[data-palette][data-demo-example="website"]:not([data-palette="original"]) .website-hero{border-color:var(--pal-accent)}
.specimen-board.specimen-website-board.style-synthwave[data-palette][data-demo-example="website"]:not([data-palette="original"]) .website-photo-frame{border-color:var(--pal-secondary)}
.specimen-board.style-synthwave[data-palette]:not([data-palette="original"]) .specimen-profile-cover{background-image:repeating-linear-gradient(0deg,transparent 0 7px,color-mix(in srgb,var(--pal-accent) 25%,transparent) 7px 9px),linear-gradient(90deg,transparent,color-mix(in srgb,var(--pal-secondary) 22%,transparent))}

/* Narrow previews retain each language without forcing desktop columns. */
@container(max-width:600px){
  .specimen-board.style-bento .website-hero{grid-template-columns:1fr;gap:12px}
  .specimen-board.style-bento .website-hero-media{height:220px;min-height:0}
  .specimen-board.style-bento .website-hero-copy{padding:22px}
  .specimen-board.style-comic .website-hero{grid-template-columns:1fr;gap:29px;padding:10px 3px 24px}
  .specimen-board.style-comic .website-hero-copy{padding:22px 17px}
  .specimen-board.style-constructivist .website-hero{grid-template-columns:1fr;padding:20px 16px;border-left-width:5px}
  .specimen-board.style-constructivist .website-services{grid-template-columns:1fr}
  .specimen-board.style-artnouveau .website-hero{padding:24px 18px}
  .specimen-board.style-blueprint .website-hero{padding:23px 18px}
}
@container(max-width:420px){
  .specimen-board.style-bento .website-services{grid-template-columns:1fr}
  .specimen-board.style-bento .website-services>article:first-child{grid-row:auto}
  .specimen-board.style-bento .website-services>article{padding:18px}
  .specimen-board.style-comic .website-hero h3,.specimen-board.style-sketch .website-hero h3{font-size:34px}
  .specimen-board.style-artnouveau .website-hero h3{font-size:37px}
  .specimen-board.style-pixel .website-hero h3{font-size:37px}
  .specimen-board.style-papercut .website-services>article:nth-child(2){transform:none}
  .specimen-board.style-bento .specimen-track{padding:11px 9px}
  .specimen-board.style-bento .specimen-controls{padding:10px 7px}
  .specimen-board.style-blueprint .specimen-surface{outline-offset:3px}
  .specimen-board.style-pixel .specimen-surface{padding-left:17px;padding-right:17px}
}