/* The catalog's warm ivory, botanical artwork and champagne details,
   shared by the public site and couple's workspace. Card themes stay in iframes. */
.site-atelier {
  --bg:#faf8f5; --paper:#fffdfb; --ink:#302b25; --muted:#797268;
  --line:#e8e0d6; --accent:#926a38; --accent-soft:#f1e8da;
  --gold:#b48b50; --terra:#a0784c; --radius:18px;
  background:var(--bg); color:var(--ink);
}
.site-atelier .wrap { width:min(1400px,calc(100% - 96px)); }
.site-atelier .site-header { background:#fffdfbf5; border-bottom:1px solid var(--line); }
.site-atelier .nav { width:min(1536px,calc(100% - 96px)); min-height:88px; }
.site-atelier .nav-links { gap:26px; }
.site-atelier .nav-links>a:not(.btn) { font-size:14px; }
.site-atelier .btn {
  background:linear-gradient(115deg,#98713d,#7d592e); border-color:#9d7845;
  border-radius:10px; box-shadow:inset 0 1px 0 #ffffff40;
  min-height:48px; font-size:14px; font-weight:500;
}
.site-atelier .btn:hover { background:linear-gradient(115deg,#a37d46,#77512a); border-color:#876236; box-shadow:0 8px 22px #8c683921,inset 0 1px 0 #ffffff55; }
.site-atelier .nav .btn { border-radius:40px; }
.site-atelier .btn.ghost,.site-atelier .btn.light { color:#684d2c; background:#fffdfa; border-color:#ded0bd; }
.site-atelier .btn.ghost:hover,.site-atelier .btn.light:hover { background:#f4ecdf; border-color:#b99058; }
.site-atelier .btn.danger { background:transparent; color:var(--danger); border-color:#e4cfc9; box-shadow:none; }
.site-atelier .btn.danger:hover { background:#faede9; border-color:var(--danger); }
.site-atelier .eyebrow { color:#987442; }
.site-atelier input,.site-atelier select,.site-atelier textarea { background:#fffefd; border-color:#ded6cc; border-radius:9px; }
.site-atelier input:focus,.site-atelier select:focus,.site-atelier textarea:focus { border-color:#b48b50; box-shadow:0 0 0 3px #b48b5018; }
.site-atelier input::placeholder,.site-atelier textarea::placeholder { color:#938b81; }

/* Photography gives the same depth and floral setting as the catalog masthead. */
.hero-scene { position:relative; isolation:isolate; overflow:clip; background:#f7f1e8; border-bottom:1px solid #e9dfd2; }
.hero-scene-art { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:-2; pointer-events:none; }
.hero-scene::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(90deg,#faf7f1e8 0%,#faf7f1b8 38%,#faf7f126 70%); }
.site-atelier .hero { min-height:750px; padding-block:48px 60px; gap:50px; overflow:visible; }
.site-atelier .hero-copy { padding-block:20px; }
.site-atelier .hero h1 { font-size:clamp(66px,6.1vw,96px); font-weight:500; line-height:1.02; letter-spacing:-.035em; }
.site-atelier .hero h1 em { color:#9a7343; }
.site-atelier .hero .eyebrow { font-size:10px; letter-spacing:.16em; }
.site-atelier .hero .lead { font-size:17px; max-width:440px; line-height:1.85; color:#71695e; }
.site-atelier .hero .text-link { font-size:14px; }
.site-atelier .hero-assurances { gap:20px; }
.site-atelier .hero-assurances span { font-size:11px; color:#746b5e; }
.site-atelier .hero-assurances svg { color:#987441; }
.site-atelier .hero-stage { height:610px; }
.site-atelier .stage-ring { border-color:#b9935c60; background:radial-gradient(ellipse,#fffdfb99,#fffdfb00 70%); }
.site-atelier .ring-two { border-color:#b9935c38; background:none; }
.site-atelier .stage-caption { top:12px; right:18px; color:#765737; }
.site-atelier .stage-note { border-color:#e9dcc9; border-radius:14px; background:#fffdfbf5; }
.site-atelier .stage-note b { font-size:12px; }
.site-atelier .stage-note span { font-size:10px; }
.site-atelier .stage-phone-label { color:#5e5240; font-size:11px; }
.site-atelier .promise-strip { background:#fffdfa; border-color:#e8dfd2; }
.site-atelier .promise-strip>.wrap { min-height:76px; color:#7f6c50; font-size:12px; }
.site-atelier .promise-strip i { color:#806038; }

/* Paper cards and phone previews echo the catalog without changing their links. */
.site-atelier .section { padding-block:96px; }
.site-atelier .section-heading h2 { font-size:clamp(46px,4.3vw,64px); }
.site-atelier .section-heading>p { color:var(--muted); max-width:350px; }
.site-atelier .collection-toolbar { border-block:1px solid var(--line); padding-block:18px; margin-bottom:30px; }
.site-atelier .filter-chips { gap:8px; }
.site-atelier .filter-chip { background:#fffdfb; border:1px solid #e6ddd0; border-radius:8px; color:#73634e; font-size:13px; }
.site-atelier .filter-chip:hover { background:#f3eade; }
.site-atelier .filter-chip.active { background:#98713d; border-color:#98713d; color:#fff; }
.site-atelier .collection-note { color:#8a7252; font-size:12px; }
.site-atelier .design-grid { gap:24px; }
.site-atelier .design-card { padding:12px; border:1px solid #eae0d4; border-radius:18px; background:#fffdfb; box-shadow:0 5px 22px #6c4e2610; }
.site-atelier .design-visual { border:0; border-radius:12px; padding:22px 22% 30px; background:radial-gradient(ellipse at center,#f1e9dc,#fcfaf7 70%); }
.site-atelier .design-visual:hover { background:radial-gradient(ellipse at center,#ece0ce,#fcfaf7 70%); transform:none; box-shadow:none; }
.site-atelier .design-visual .invitation-poster { border:5px solid #292b24; border-radius:25px; aspect-ratio:.485; box-shadow:0 9px 15px #302b2533,inset 1px 0 0 #ffffff55; }
.site-atelier .design-visual .invitation-poster::after { content:""; position:absolute; z-index:3; width:39%; height:10px; left:30.5%; top:-1px; background:#292b24; border-radius:0 0 8px 8px; }
.site-atelier .design-visual .poster-inner { inset:7%; padding:5px; border-color:#94764c33; }
.site-atelier .design-visual .poster-kicker { font-size:5px; letter-spacing:.14em; }
.site-atelier .design-visual .poster-flourish { font-size:11px; margin-top:15px; }
.site-atelier .design-visual .poster-names { font-size:clamp(21px,2.5vw,36px); margin-top:15px; }
.site-atelier .design-visual .poster-names>span { font-size:19px; }
.site-atelier .design-visual .poster-rule { margin:14px 0 9px; }
.site-atelier .design-visual .poster-date { font-size:6px; }
.site-atelier .design-visual .poster-venue { font-size:4px; }
.site-atelier .design-visual .poster-seal { margin-top:13px; }
.site-atelier .design-badge { background:linear-gradient(115deg,#b48d52,#9b7642); color:#fff; border:0; border-radius:6px; top:4px; left:2px; font-size:10px; padding:6px 9px; }
.site-atelier .design-badge i { background:#f9ebd4; box-shadow:none; }
.site-atelier .design-preview { font-size:11px; border-color:#e4d6c4; border-radius:8px; bottom:10px; left:8px; right:8px; }
.site-atelier .design-info { padding:16px 3px 0; }
.site-atelier .design-info h3 { font-size:29px; }
.site-atelier .design-info p { font-size:13px; line-height:1.65; }
.site-atelier .design-select { display:flex; justify-content:center; margin-top:17px; padding:10px 12px; min-height:42px; border:1px solid #ded1bd; border-radius:8px; background:#faf5ec; color:#7d5c30; font-size:13px; }
.site-atelier .design-select:hover { background:#f1e5d4; }

/* A sequence of generous editorial sections with quiet, tactile details. */
.site-atelier .experience-section { position:relative; isolation:isolate; background:#f3ede3; padding-block:100px; border-block:1px solid var(--line); }
.site-atelier .experience-section::before { content:""; position:absolute; z-index:-1; inset:0; opacity:.28; background:url('/site/botanical-ribbon.webp') center/cover no-repeat; pointer-events:none; }
.site-atelier .experience-paper { background:#fffdfa; border:1px solid #e4d6c1; border-radius:14px; box-shadow:0 25px 70px #62472015; }
.site-atelier .experience-stamp { background:#a4804a; outline-color:#a4804a; color:#fff9ed; }
.site-atelier .experience-copy>p:not(.eyebrow),.site-atelier .experience-points small { color:#797064; }
.site-atelier .experience-points>div>svg { color:#aa824b; }
.site-atelier .rsvp-example { background:#f2eee5; border-color:#e7dccb; }
.site-atelier .rsvp-check { background:#8d784e; }
.site-atelier .feature { border:1px solid var(--line); background:#fffdfb; border-radius:18px; padding:29px; box-shadow:0 5px 24px #6f512707; }
.site-atelier .features-grid { gap:20px; }
.site-atelier .feature-icon { background:#f5ecde; color:#9c7540; border:1px solid #eadac2; }
.site-atelier .feature:hover .feature-icon { background:#a57c43; color:#fff; }
.site-atelier .feature p { max-width:none; }
.site-atelier .how-section { background:#f4eee4; border-block:1px solid var(--line); }
.site-atelier .steps { gap:24px; }
.site-atelier .step { background:#fffdfba8; padding:28px; border:1px solid #e6d9c6; border-radius:18px; }
.site-atelier .step-top { border-color:#e5d7c0; }
.site-atelier .step-top>svg { color:#a6834e; }
.site-atelier .faq-list { border:1px solid var(--line); border-radius:18px; background:#fffdfb; padding:8px 26px; }
.site-atelier .faq-item:first-child { border-top:0; }
.site-atelier .faq-item:last-child { border-bottom:0; }
.site-atelier .final-cta { background:#f2e9da url('/site/floral-atelier.webp') right center/cover no-repeat; color:#473622; border:1px solid #dfcdb3; border-radius:24px; padding-block:72px; }
.site-atelier .final-cta::before { inset:0; width:auto; height:auto; border:0; border-radius:0; background:#faf5edda; }
.site-atelier .final-cta::after { inset:12px; width:auto; height:auto; border:1px solid #c2a06d55; border-radius:15px; pointer-events:none; }
.site-atelier .final-cta>.eyebrow,.site-atelier .final-cta h2 em { color:#96703d; }
.site-atelier .final-cta>p:not(.eyebrow),.site-atelier .final-note { color:#786957; }
.site-atelier .final-cta>.btn { background:linear-gradient(115deg,#98713d,#7d592e); color:#fff; border-color:#9d7845; }
.site-atelier .site-foot { padding-bottom:32px; }
.site-atelier .foot-bottom { color:#85796a; font-size:11px; }

/* Sign in and sign up share a photographic story and a simple paper form. */
.site-atelier.auth-page { background:#f8f4ed; }
.site-atelier .auth-layout { max-width:1160px; gap:60px; padding-block:48px 54px; }
.site-atelier .auth-story { display:block; position:relative; isolation:isolate; min-height:640px; border-radius:24px; overflow:hidden; text-align:left; background:#e8e0d2; border:1px solid #e7ddcd; box-shadow:0 18px 55px #5b432015; }
.auth-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 60%; z-index:-2; }
.site-atelier .auth-story::after { content:""; position:absolute; inset:0; background:linear-gradient(#faf5e9df,#faf5e940 37%,transparent 58%,#2e2a1d5c); z-index:-1; }
.auth-story-content { padding:38px; }
.auth-story-content .eyebrow { font-size:10px; }
.auth-story-content h2 { font-size:52px; margin-top:16px; color:#403a2c; }
.auth-story-content h2 em { color:#8c6c3f; }
.site-atelier .auth-story .auth-story-caption { position:absolute; bottom:26px; left:30px; right:30px; font-family:var(--font-display); font-size:24px; color:#fffdf5; text-shadow:0 2px 12px #29221466; margin:0; }
.site-atelier .auth { max-width:460px; }
.site-atelier .panel { background:#fffdfb; border-color:#e6dac9; border-radius:22px; box-shadow:0 15px 55px #66502d0a; }
.site-atelier .auth .panel { padding:42px 36px; }
.site-atelier .auth h1 { font-size:46px; }
.site-atelier .auth .sub { font-size:14px; line-height:1.75; }
.site-atelier .field>label { font-size:14px; }
.site-atelier .tabs { background:#f3ede4; border-color:#e6dbca; border-radius:10px; }
.site-atelier .tabs button { font-size:14px; }
.site-atelier .tabs button[aria-selected=true] { background:#fffdfa; color:#805c2d; border-radius:7px; }
.site-atelier .google-signin { gap:12px; background:#fffdfa; border-color:#d9ccb8; color:#403a2c; font-size:14px; }
.site-atelier .google-signin:hover { background:#f9f5ef; border-color:#bca37d; }
.site-atelier .google-signin:hover svg { transform:none; }
.site-atelier .google-error { margin:12px 0 0; text-align:center; }
.site-atelier .auth-or { display:flex; align-items:center; gap:12px; margin:20px 0; font-size:12px; color:#867966; }
.site-atelier .auth-or::before, .site-atelier .auth-or::after { content:""; flex:1; height:1px; background:#e6dac9; }
.site-atelier .auth-legal { margin-top:14px; text-align:center; font-size:11px; line-height:1.7; color:#867966; }
.site-atelier .auth-legal a { color:inherit; text-decoration:underline; }
.site-atelier .auth-forgot { margin:-8px 0 10px; text-align:right; font-size:12px; }
.site-atelier .auth-forgot a { color:#805c2d; text-decoration:underline; }
.site-atelier .auth-sent { padding:14px 16px; border-radius:10px; background:#f3ede4; color:#4d4739; font-size:14px; line-height:1.7; text-align:center; overflow-wrap:anywhere; }
.site-atelier .auth-sent[hidden] { display:none; }
.account-page { padding-block:56px 80px; }
.legal-page { max-width:760px; padding-block:48px 70px; }
.legal-page h1 { font-size:48px; margin-bottom:10px; }
.legal-page .legal-date { font-size:13px; color:#867966; margin-bottom:34px; }
.legal-page h2 { font-size:28px; margin:34px 0 12px; }
.legal-page p, .legal-page li { font-size:15px; line-height:1.8; color:#4d4739; }
.legal-page p { margin-bottom:12px; }
.legal-page ul { padding-left:22px; margin-bottom:12px; }
.legal-page li { margin-bottom:6px; }
.legal-page .legal-en { margin-top:56px; padding-top:8px; border-top:1px solid #e6dac9; }
.legal-page a { color:#805c2d; text-decoration:underline; overflow-wrap:anywhere; }
.site-atelier .auth-note { font-size:11px; color:#867966; }
.site-atelier .selected-design-note { font-size:13px; color:#8a693e; }
.workspace-footer { display:flex; align-items:center; gap:24px; padding-block:25px 30px; border-top:1px solid #e6ddcf; color:#857969; }
.workspace-footer .logo { display:block; width:140px; max-width:45%; flex:none; }
.workspace-footer p { font-family:var(--font-display); font-style:italic; font-size:20px; }
.workspace-footer nav { display:flex; margin-left:auto; gap:22px; font-size:13px; }
.workspace-footer nav a { text-decoration:none; }
.workspace-footer nav a:hover { color:#8b6333; }

/* The catalog palette continues through the couple's management pages. */
.site-atelier.workspace { background:radial-gradient(ellipse at 100% 0,#f1e8d980,transparent 55%),#faf8f5; }
.site-atelier .page { max-width:1280px; padding-top:32px; }
.site-atelier .atelier-banner { position:relative; isolation:isolate; padding:36px; min-height:240px; margin:0 0 28px; border:1px solid #e6d9c4; border-radius:22px; overflow:hidden; background:#f8f2e8 url('/site/botanical-ribbon.webp') right center/cover no-repeat; box-shadow:0 8px 28px #71532308; }
.atelier-banner::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#fcf8f0e8,#fcf8f0b3 58%,#fcf8f040); z-index:-1; }
.site-atelier .atelier-banner h1 { font-size:clamp(38px,4vw,60px); }
.site-atelier .page-head .eyebrow { color:#967443; font-size:10px; }
.site-atelier .page-description { font-size:14px; }
.site-atelier .selected-design-banner { background:#f5ecde; border-color:#e4d4bb; padding:22px; border-radius:15px; font-size:14px; }
.site-atelier .selected-design-banner svg { color:#a27d46; }
.site-atelier .workspace-summary { font-size:13px; padding:0 4px 8px; }
.site-atelier .card-row { border-color:#e6dbce; border-radius:18px; padding:25px; box-shadow:0 5px 25px #684c2708; }
.site-atelier .card-row:hover { border-color:#c9aa7e; box-shadow:0 10px 30px #684c2710; }
.site-atelier .card-row h2 { font-size:38px; }
.site-atelier .card-row .meta,.site-atelier .card-date { font-size:13px; }
.site-atelier .empty { border:1px solid #e4d6c3; border-radius:20px; box-shadow:0 8px 32px #71532308; }
.site-atelier .empty-create { background:linear-gradient(#fffdfbea,#fffdfbf5),url('/site/floral-atelier.webp') center/cover; }
.site-atelier .empty-icon { color:#a17a43; background:#f5ecde; border-color:#e9d8bf; }
.site-atelier .empty p { font-size:14px; }
.site-atelier .stat { border-color:#e8ddce; border-radius:16px; padding:24px; background:linear-gradient(130deg,#fffefc,#faf5ed); }
.site-atelier .stat>svg { color:#b38b50; }
.site-atelier .stat span { font-size:13px; }
.site-atelier .stat b { font-size:46px; color:#856033; }
.site-atelier .table-wrap { position:relative; max-width:100%; border-color:#e4d7c3; border-radius:16px; }
.site-atelier th { background:#f5ecde; color:#8a704d; font-size:10px; }
.site-atelier td { font-size:13px; }
.site-atelier tbody tr:hover { background:#fcf6ec; }
.site-atelier .guest-avatar { background:#f1e6d4; color:#8d6a37; }
.site-atelier .guest-controls input,.site-atelier .guest-controls select { font-size:13px; }
.site-atelier .wish-item { background:#fffdfb; border-color:#e8ddcd; border-radius:16px; box-shadow:0 4px 20px #71532306; }
.site-atelier .wish-quote { color:#b6915b; }
.site-atelier .wish-item p { font-size:14px; }
.site-atelier .message-page .panel { background:linear-gradient(#fffdfbe8,#fffdfbfa),url('/site/floral-atelier.webp') center/cover; border-color:#e5d5bf; padding:65px 40px; }
.site-atelier .message-code { color:#c5a573; }

/* Studio controls use the same materials while retaining the live phone preview. */
.site-atelier .editor { --ed-forest:#725431; --ed-muted:#7c7367; --ed-line:#e7dccd; --ed-gold:#b48b50; color:var(--ink); }
.site-atelier .ed-top { background:#faf8f5f5; }
.site-atelier .ed-intro { padding:30px; margin-block:25px 30px; border:1px solid #e6d9c4; border-radius:20px; background:linear-gradient(90deg,#fbf7efef,#fbf7ef9c),url('/site/botanical-ribbon.webp') right center/cover; }
.site-atelier .ed-progress-card { background:#fffdfbe6; border-color:#e4d2b8; }
.site-atelier .ed-progress-fill { background:linear-gradient(90deg,#c7a46b,#936b36); }
.site-atelier .ed-section { background:#fffdfb; border-color:#e7dccd; border-radius:17px; }
.site-atelier .ed-section[open] { border-color:#cbb189; box-shadow:0 8px 28px #684c2708; }
.site-atelier .ed-section summary:hover { background:#faf3e8; }
.site-atelier .ed-section-number { border-color:#e7d9c4; color:#a07b43; }
.site-atelier .ed-section[open] .ed-section-number { background:#a17b43; border-color:#a17b43; }
.site-atelier .ed-section .field label { color:#64533d; }
.site-atelier .ed-section input:not([type=radio]):not([type=checkbox]),.site-atelier .ed-section select,.site-atelier .ed-section textarea { color:#45392a; border-color:#e2d8cb; }
.site-atelier .ed-section input:focus,.site-atelier .ed-section select:focus,.site-atelier .ed-section textarea:focus { border-color:#b48b50; box-shadow:0 0 0 3px #b48b5018; }
.site-atelier .ed-filter.selected { background:#98713d; border-color:#98713d; color:#fff; }
.site-atelier .design-opt { border-color:#e4d9c9; border-radius:12px; }
.site-atelier .design-opt.selected { border-color:#aa834b; box-shadow:0 0 0 1.5px #aa834b; }
.site-atelier .ed-design-check { background:#a17b43; }
.site-atelier .ed-device { background:#302d27; border-color:#8d7c61; box-shadow:0 25px 65px #70502d22,inset 0 0 0 3px #ffffff16; }
.site-atelier .ed-dialog { background:#fffdfb; color:#45392a; border-color:#e4d3b8; }
.site-atelier .ed-dialog .btn.wa { background:#277a49; border-color:#277a49; color:#fff; }
.site-atelier .ed-dialog .btn.wa:hover { background:#1f633c; border-color:#1f633c; }
.site-atelier .share-link { background:#f7f0e4; border-color:#e4d5bd; }
.site-atelier .share-link a { color:#805c2d; }
.site-atelier .ed-close { background:#866134; }

@media(min-width:701px) and (max-width:1150px) {
  .site-atelier .nav,.site-atelier .wrap { width:calc(100% - 56px); }
  .site-atelier .nav-links { gap:16px; }
  .site-atelier .hero { gap:10px; }
  .site-atelier .hero-stage { transform:scale(.82); margin-inline:-30px; }
  .site-atelier .hero h1 { font-size:clamp(58px,6.4vw,76px); }
  .site-atelier .hero .lead { font-size:16px; }
  .site-atelier .hero .cta { gap:15px; }
  .site-atelier .design-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
  .site-atelier .auth-layout { gap:30px; }
  .site-atelier .auth-story { min-height:600px; }
  .auth-story-content { padding:28px; }
  .auth-story-content h2 { font-size:46px; }
}
@media(max-width:900px) and (min-width:701px) {
  .site-atelier .nav-links { gap:12px; }
  .site-atelier .design-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .site-atelier .design-visual .poster-names { font-size:36px; }
  .site-atelier .auth-layout { gap:24px; }
  .site-atelier .auth .panel { padding:28px 24px; }
}
@media(max-width:700px) {
  .site-atelier .wrap,.site-atelier .nav { width:calc(100% - 36px); }
  .site-atelier .nav,.site-atelier.workspace .nav { min-height:78px; }
  .site-atelier .nav-links { gap:12px; }
  .site-atelier .hero { gap:10px; padding-block:36px 16px; }
  .hero-scene-art { object-position:68% center; opacity:.58; }
  .hero-scene::after { background:linear-gradient(#faf7f1ed 5%,#faf7f1dc 38%,#faf7f140); }
  .site-atelier .hero .eyebrow { font-size:8px; letter-spacing:.12em; margin-bottom:23px; }
  .site-atelier .hero h1 { font-size:clamp(55px,12.5vw,79px); }
  .site-atelier .hero .lead { font-size:16px; max-width:370px; margin-top:22px; }
  .site-atelier .hero .cta { gap:17px; }
  .site-atelier .hero .cta>.btn { font-size:14px; }
  .site-atelier .hero .text-link { font-size:13px; }
  .site-atelier .hero-assurances { gap:14px; }
  .site-atelier .hero-assurances span { font-size:10px; }
  .site-atelier .hero-stage { height:550px; margin-block:8px -35px; transform:scale(.92); margin-inline:-8px; left:0; }
  .site-atelier .stage-caption { right:18px; top:10px; }
  .site-atelier .stage-phone-label { font-size:10px; }
  .site-atelier .promise-strip>.wrap { flex-wrap:wrap; gap:8px 16px; justify-content:center; padding-block:18px; font-size:11px; }
  .site-atelier .promise-strip>.wrap>span:first-child { width:100%; text-align:center; }
  .site-atelier .promise-strip>.wrap>span:nth-child(2) { display:none; }
  .site-atelier .section { padding-block:60px; }
  .site-atelier .section-heading h2 { font-size:46px; }
  .site-atelier .collection-toolbar { margin-bottom:22px; }
  .site-atelier .filter-chip { font-size:12px; padding:10px 12px; }
  .site-atelier .collection-note { font-size:11px; flex-wrap:wrap; }
  .site-atelier .design-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  .site-atelier .design-card { padding:8px; border-radius:14px; }
  .site-atelier .design-visual { padding:24px 14% 38px; border-radius:9px; }
  .site-atelier .design-visual .invitation-poster { border-width:4px; border-radius:18px; }
  .site-atelier .design-visual .poster-names { font-size:26px; }
  .site-atelier .design-visual .poster-flourish { font-size:9px; margin-top:10px; }
  .site-atelier .design-visual .poster-kicker { font-size:4px; }
  .site-atelier .design-visual .poster-names>span { font-size:15px; }
  .site-atelier .design-visual .poster-seal { margin-top:9px; }
  .site-atelier .design-badge { font-size:8px; padding:5px 6px; }
  .site-atelier .design-preview { font-size:10px; padding:8px 3px; bottom:6px; left:2px; right:2px; gap:5px; }
  .site-atelier .design-info { padding-top:12px; }
  .site-atelier .design-info h3 { font-size:27px; }
  .site-atelier .design-info p { font-size:12px; }
  .site-atelier .design-select { font-size:12px; padding-inline:5px; gap:5px; }
  .site-atelier .experience-section { padding-block:60px; }
  .site-atelier .experience-paper { padding:28px 23px; }
  .site-atelier .experience-copy h2 { font-size:44px; }
  .site-atelier .features-grid { gap:14px; }
  .site-atelier .feature { padding:21px 16px; border-radius:14px; }
  .site-atelier .feature h3 { min-height:auto; margin-bottom:12px; }
  .site-atelier .feature p { font-size:13px; line-height:1.75; }
  .site-atelier .how-section { padding-block:60px; }
  .site-atelier .step { padding:24px 24px 24px 74px; }
  .site-atelier .step-top { top:19px; left:23px; }
  .site-atelier .faq-list { padding:4px 20px; }
  .site-atelier .final-cta { padding:52px 25px; margin-bottom:55px; border-radius:18px; }
  .site-atelier .final-cta h2 { font-size:43px; }
  .site-atelier .foot-bottom { font-size:10px; }
  .site-atelier .auth-layout { padding-block:22px 32px; gap:22px; }
  .site-atelier .auth-story { min-height:220px; border-radius:18px; }
  .auth-photo { object-position:center 49%; }
  .site-atelier .auth-story::after { background:linear-gradient(90deg,#faf5e9f0,#faf5e97a 55%,transparent); }
  .auth-story-content { padding:25px; max-width:280px; }
  .auth-story-content .eyebrow { font-size:8px; }
  .auth-story-content h2 { font-size:38px; margin-top:14px; }
  .site-atelier .auth-story .auth-story-caption { display:none; }
  .site-atelier .auth { max-width:none; }
  .site-atelier .auth .panel { padding:31px 24px; border-radius:18px; }
  .site-atelier .auth h1 { font-size:40px; }
  .site-atelier .field input { font-size:16px; }
  .site-atelier .page { width:calc(100% - 32px); padding-top:22px; }
  .site-atelier .atelier-banner { padding:27px 23px; min-height:220px; border-radius:18px; background-position:80% center; }
  .atelier-banner::before { background:linear-gradient(90deg,#fcf8f0f2,#fcf8f0ba); }
  .site-atelier .atelier-banner h1 { font-size:42px; }
  .site-atelier .page-head .eyebrow { font-size:8px; }
  .site-atelier .page-description { font-size:13px; }
  .site-atelier .atelier-banner>form,.site-atelier .atelier-banner>.acts { width:100%; }
  .site-atelier .atelier-banner>form .btn { width:100%; }
  .site-atelier .workspace-summary { font-size:11px; gap:14px; }
  .site-atelier .card-row { padding:18px; gap:18px; }
  .site-atelier .card-row h2 { font-size:30px; }
  .site-atelier .card-row .meta,.site-atelier .card-date { font-size:12px; }
  .site-atelier .stat { padding:20px; }
  .site-atelier .stat span { font-size:12px; }
  .site-atelier .guest-controls input,.site-atelier .guest-controls select { font-size:12px; }
  .site-atelier .ed-intro { padding:24px 20px; margin-block:22px; border-radius:17px; }
  .site-atelier .ed-intro h1 { font-size:38px; }
  .site-atelier .ed-progress-card { background:#fffdfbdf; }
  .workspace-footer { flex-wrap:wrap; gap:12px; padding-block:23px; }
  .workspace-footer .logo { width:130px; max-width:52%; }
  .workspace-footer p { display:none; }
  .workspace-footer nav { gap:16px; font-size:12px; }
  .site-atelier .message-page .panel { padding:48px 25px; }
}
@media(max-width:370px) {
  .site-atelier .hero h1 { font-size:48px; }
  .site-atelier .hero-stage { transform:scale(.78); margin-inline:-26px; margin-bottom:-100px; }
  .site-atelier .design-grid { gap:10px; }
  .site-atelier .design-visual { padding-inline:9%; }
  .site-atelier .design-info h3 { font-size:25px; }
  .site-atelier .design-info p { font-size:11px; }
  .site-atelier .design-select { font-size:11px; }
  .site-atelier .features-grid { grid-template-columns:1fr; }
  .site-atelier .auth .panel { padding-inline:21px; }
  .site-atelier .workspace-summary { gap:10px; }
  .workspace-footer nav { gap:10px; font-size:11px; }
}