/* ============ PALETTES ============ */
:root{--soil-seed:#9A5B3C;}
html[data-palette="celadon"]{
  --porcelain:#F8F5F0; --ink:#1A1A1A; --celadon:#4A6B60; --bone:#EDE8E0;
  --slate:#5C5C5C; --warm-grey:#8B8577; --whisper:#D8D3C7;
  --terracotta:#B85042; --ochre:#C4964A; --ochre-text:#A07A38;
  --header-bg:rgba(248,245,240,0.9);
  --soil-seed:#9A5B3C;
}
html[data-palette="persimmon"]{
  --porcelain:#FAF5EC; --ink:#231913; --celadon:#BE5230; --bone:#F1E7D6;
  --slate:#6B5A4A; --warm-grey:#A08E76; --whisper:#E4D8C4;
  --terracotta:#A8402F; --ochre:#BC8B3C; --ochre-text:#856126;
  --header-bg:rgba(250,245,236,0.9);
}
html[data-palette="indigo"]{
  --porcelain:#F4F4F1; --ink:#191C22; --celadon:#37526E; --bone:#E7E8E4;
  --slate:#555A61; --warm-grey:#868A8E; --whisper:#D3D4D2;
  --terracotta:#A8524A; --ochre:#AF8A46; --ochre-text:#78602F;
  --header-bg:rgba(244,244,241,0.9);
}
html[data-palette="pine"]{
  --porcelain:#F3EFE5; --ink:#1F211C; --celadon:#3A5245; --bone:#E8E2D3;
  --slate:#56584E; --warm-grey:#8A8675; --whisper:#D6D2C3;
  --terracotta:#AE543A; --ochre:#BE9046; --ochre-text:#8C6A30;
  --header-bg:rgba(243,239,229,0.9);
}
html[data-palette="ink"]{
  --porcelain:#1E1D1B; --ink:#ECE7DF; --celadon:#93B7A8; --bone:#2A2825;
  --slate:#B9B3A7; --warm-grey:#948E81; --whisper:#39362F;
  --terracotta:#D9836E; --ochre:#D9B36C; --ochre-text:#D9B36C;
  --header-bg:rgba(30,29,27,0.9);
  --soil-seed:#D29A7A;
}

:root{
  --serif:'Cormorant Garamond','Noto Serif KR',Georgia,serif;
  --sans:'Inter','Noto Serif KR',-apple-system,BlinkMacSystemFont,sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--porcelain);color:var(--ink);
  font-family:var(--sans);font-weight:300;line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  transition:background .6s ease,color .6s ease;
}
img,svg{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
.defs{position:absolute;width:0;height:0;overflow:hidden;}

/* ---------- HEADER ---------- */
header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:var(--header-bg);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--whisper);
  transition:transform .45s cubic-bezier(.4,0,.2,1),background .6s ease,border-color .6s ease;
}
header.hidden{transform:translateY(-100%);}
.header-inner{max-width:1200px;margin:0 auto;padding:18px 40px;display:flex;align-items:center;justify-content:space-between;}
.logo{display:inline-flex;line-height:0;color:var(--ink);}
.wordmark{display:block;width:auto;height:36px;}
.nav{display:flex;align-items:center;gap:34px;}
.nav a,.nav span{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--slate);transition:color .3s ease;}
.nav .hanja{font-family:'Noto Serif KR','AppleMyungjo','Songti TC',serif;font-size:16px;font-weight:500;letter-spacing:0;line-height:1;}
.nav a:hover{color:var(--celadon);}

/* ---------- LAYOUT ---------- */
main{max-width:1200px;margin:0 auto;padding:0 40px;}
.eyebrow-block{text-align:center;padding:150px 0 70px;}
.eyebrow{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--warm-grey);}
.divider{width:40px;height:1px;background:var(--celadon);margin:26px auto 18px;transition:background .6s ease;}
.strap{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--warm-grey);letter-spacing:.01em;}
.strap b{font-style:normal;font-weight:500;color:var(--slate);}

.section-label{display:flex;align-items:baseline;gap:18px;margin:0 0 44px;padding-bottom:20px;border-bottom:1px solid var(--whisper);}
.numeral{font-family:var(--serif);font-style:italic;font-size:30px;color:var(--celadon);line-height:1;transition:color .6s ease;}
.section-title{font-family:var(--serif);font-size:34px;font-weight:500;letter-spacing:.02em;color:var(--ink);line-height:1;}
.section-title .sub{display:block;font-family:var(--sans);font-weight:400;letter-spacing:.06em;text-transform:none;font-size:12px;color:var(--warm-grey);margin-top:9px;}
section{padding:64px 0;}

/* ---------- HERO ---------- */
.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:56px;padding-top:8px;padding-bottom:80px;}
.hero.hero-solo{grid-template-columns:minmax(0,760px);justify-content:center;}
.hero-figure{border:1px solid var(--whisper);background:var(--bone);overflow:hidden;}
.hero-figure svg{width:100%;height:auto;}
.kicker{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--celadon);margin:28px 0 16px;transition:color .6s ease;}
.hero-title{font-family:var(--serif);font-weight:500;font-size:56px;line-height:1.06;letter-spacing:-.01em;margin-bottom:22px;}
.hero-title em{font-style:italic;color:var(--celadon);transition:color .6s ease;}
.hero-dek{font-family:var(--serif);font-size:21px;line-height:1.5;color:var(--slate);max-width:34em;margin-bottom:26px;}
.byline{font-family:var(--sans);font-size:12px;letter-spacing:.05em;color:var(--warm-grey);}
.byline strong{color:var(--ink);font-weight:500;}

.sidebar-head{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink);padding-bottom:18px;border-bottom:1px solid var(--whisper);margin-bottom:8px;}
.issue-item{display:grid;grid-template-columns:88px 1fr;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid var(--whisper);}
.issue-item:last-child{border-bottom:none;}
.issue-thumb{border:1px solid var(--whisper);background:var(--bone);overflow:hidden;}
.issue-cat{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--warm-grey);margin-bottom:7px;}
.issue-name{font-family:var(--serif);font-size:22px;line-height:1.15;color:var(--ink);}

/* ---------- INTERVIEWS ---------- */
.interview-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;}
.interview{display:grid;grid-template-columns:160px 1fr;gap:26px;align-items:start;}
.portrait{width:160px;height:200px;border:1px solid var(--whisper);background:var(--bone);overflow:hidden;}
.portrait svg{width:160px;height:200px;}
.interview-cat{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--celadon);margin-bottom:12px;transition:color .6s ease;}
.interview-title{font-family:var(--serif);font-size:27px;line-height:1.14;margin-bottom:12px;}
.interview-title em{font-style:italic;}
.interview-dek{font-size:14px;color:var(--slate);line-height:1.55;margin-bottom:14px;}
.meta{font-family:var(--sans);font-size:11px;letter-spacing:.06em;color:var(--warm-grey);}

/* ---------- FOOD ---------- */
.food-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;}
.food-card figure{aspect-ratio:3/4;border:1px solid var(--whisper);background:var(--bone);overflow:hidden;margin-bottom:18px;}
.food-card figure svg{width:100%;height:100%;}
.tag{display:inline-block;font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;}
.tag-food{color:var(--terracotta);transition:color .6s ease;}
.food-title{font-family:var(--serif);font-size:23px;line-height:1.16;margin-bottom:9px;}
.food-dek{font-size:13px;color:var(--slate);line-height:1.5;}

/* ---------- CULTURE ---------- */
.culture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;}
.culture-card figure{aspect-ratio:4/5;border:1px solid var(--whisper);background:var(--bone);overflow:hidden;margin-bottom:20px;}
.culture-card figure svg{width:100%;height:100%;}
.tag-culture{color:var(--ochre-text);transition:color .6s ease;}
.culture-title{font-family:var(--serif);font-size:26px;line-height:1.15;margin-bottom:11px;}
.culture-title em{font-style:italic;}
.culture-dek{font-size:14px;color:var(--slate);line-height:1.55;margin-bottom:13px;}

/* ---------- ABOUT ---------- */
.about{padding:96px 0 80px;border-top:1px solid var(--whisper);text-align:center;}
.about-eyebrow{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--warm-grey);margin-bottom:24px;}
.about-title{font-family:var(--serif);font-size:40px;font-weight:500;line-height:1.12;margin-bottom:22px;}
.about-title em{font-style:italic;color:var(--celadon);transition:color .6s ease;}
.about-divider{width:40px;height:1px;background:var(--celadon);margin:0 auto 30px;transition:background .6s ease;}
.about-body{max-width:34em;margin:0 auto;}
.about-body p{font-family:var(--serif);font-size:19px;line-height:1.62;color:var(--slate);margin-bottom:20px;}
.about-body p:last-child{margin-bottom:0;}
.about-body .lead{color:var(--ink);}
.ko{font-family:'Noto Serif KR',serif;}
.about-body .ko{font-style:normal;font-weight:500;color:var(--ink);}
.about-meta{
  display:flex;justify-content:center;gap:52px;flex-wrap:wrap;
  margin-top:52px;padding-top:34px;border-top:1px solid var(--whisper);
}
.about-meta div{text-align:center;}
.about-meta dt{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--warm-grey);margin-bottom:9px;}
.about-meta dd{font-family:var(--serif);font-size:21px;color:var(--ink);}
.about-meta dd span{font-size:14px;color:var(--warm-grey);display:block;margin-top:3px;font-family:var(--sans);letter-spacing:.04em;}
@media(max-width:600px){
  .about{padding:70px 0 60px;}
  .about-title{font-size:30px;}
  .about-body p{font-size:17px;}
  .about-meta{gap:32px;margin-top:40px;}
}

/* ---------- NEWSLETTER ---------- */
.newsletter{background:var(--bone);margin:64px 0 0;padding:88px 40px;text-align:center;transition:background .6s ease;}
.news-eyebrow{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--celadon);margin-bottom:22px;transition:color .6s ease;}
.news-title{font-family:var(--serif);font-size:42px;font-weight:500;line-height:1.1;margin-bottom:20px;}
.news-title em{font-style:italic;color:var(--celadon);transition:color .6s ease;}
.news-divider{width:40px;height:1px;background:var(--celadon);margin:0 auto 24px;transition:background .6s ease;}
.news-dek{font-family:var(--serif);font-size:19px;color:var(--slate);max-width:30em;margin:0 auto 40px;line-height:1.5;}
.news-form{display:flex;gap:20px;align-items:flex-end;max-width:440px;margin:0 auto;}
.news-form input{flex:1;background:transparent;border:none;border-bottom:1px solid var(--warm-grey);padding:10px 2px;font-family:var(--sans);font-size:14px;color:var(--ink);outline:none;transition:border-color .3s ease;}
.news-form input::placeholder{color:var(--warm-grey);}
.news-form input:focus{border-color:var(--celadon);}
.news-form button{background:transparent;border:none;cursor:pointer;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--celadon);padding:10px 2px;border-bottom:1px solid var(--celadon);transition:opacity .3s ease,color .6s ease,border-color .6s ease;}
.news-form button:hover{opacity:.6;}

/* ---------- FOOTER ---------- */
footer{max-width:1200px;margin:0 auto;padding:70px 40px 60px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:30px;border-top:1px solid var(--whisper);}
.footer-logo{line-height:0;color:var(--ink);}
.footer-logo .wordmark{height:30px;}
.footer-tag{font-family:var(--sans);font-size:11px;letter-spacing:.08em;color:var(--warm-grey);margin-top:8px;max-width:26em;line-height:1.6;}
.footer-links{display:flex;gap:30px;flex-wrap:wrap;}
.footer-links a{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--slate);transition:color .3s ease;}
.footer-links a:hover{color:var(--celadon);}
.footer-copy{width:100%;text-align:center;font-family:var(--sans);font-size:11px;letter-spacing:.08em;color:var(--warm-grey);padding-top:36px;margin-top:8px;border-top:1px solid var(--whisper);}

/* ---------- PHOTOGRAPHY LAYER ---------- */
/* Each figure holds an SVG fallback beneath a real photograph.
   If the photo loads it covers the SVG; if every candidate fails the SVG remains. */
.ph{position:relative;overflow:hidden;width:100%;height:100%;}
.ph > svg{width:100%;height:100%;display:block;}
.hero-figure .ph{aspect-ratio:10/7;height:auto;}
.issue-thumb{aspect-ratio:1/1;}
.ph > img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;object-position:center;
  opacity:0;
  transition:opacity 1.1s cubic-bezier(.2,.6,.2,1);
  /* warm, muted editorial grade to match the palette */
  filter:saturate(.70) contrast(1.03) sepia(.16) brightness(1.02);
}
.ph > img.loaded{opacity:1;}
html[data-palette="ink"] .ph > img{filter:saturate(.62) contrast(1.05) sepia(.20) brightness(.82);}
html[data-palette="indigo"] .ph > img{filter:saturate(.60) contrast(1.04) sepia(.06) brightness(1.02);}
html[data-palette="persimmon"] .ph > img{filter:saturate(.80) contrast(1.03) sepia(.24) brightness(1.03);}
/* film grain sits above the photo */
.ph::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
  opacity:.30;mix-blend-mode:multiply;
}
.hero-figure .ph{aspect-ratio:10/7;}

/* ---------- SCROLL ANIMATION ---------- */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.6,.2,1),transform .9s cubic-bezier(.2,.6,.2,1);}
.reveal.in{opacity:1;transform:none;}

/* ---------- PALETTE SWITCHER ---------- */

/* ---------- RESPONSIVE ---------- */
@media(max-width:900px){
  .hero{grid-template-columns:1fr;gap:44px;}
  .interview-grid{grid-template-columns:1fr;gap:40px;}
  .food-grid{grid-template-columns:1fr 1fr;gap:28px;}
  .culture-grid{grid-template-columns:1fr;gap:36px;}
  .hero-title{font-size:44px;}
  .nav{display:none;}
}
@media(max-width:600px){
  main{padding:0 22px;}
  .header-inner{padding:16px 22px;}
  .eyebrow-block{padding:120px 0 50px;}
  .strap{font-size:16px;}
  .hero-title{font-size:38px;}
  .food-grid{grid-template-columns:1fr;}
  .interview{grid-template-columns:120px 1fr;gap:18px;}
  .portrait{width:120px;height:150px;}
  .portrait svg{width:120px;height:150px;}
  .news-title{font-size:32px;}
  .news-form{flex-direction:column;align-items:stretch;gap:24px;}
  .news-form button{align-self:flex-start;}
  .newsletter{padding:60px 24px;}
  footer{flex-direction:column;align-items:flex-start;}
}

/* ============ ADDITIONS FOR THE MULTI-PAGE SITE ============ */

/* Story links: titles and pictures on the homepage open the article */
.fig-link,a.portrait{display:block;}
.hero-title a,.interview-title a,.food-title a,.culture-title a,.issue-name,.archive-title{transition:color .3s ease;}
.hero-title a:hover,.interview-title a:hover,.food-title a:hover,.culture-title a:hover,
.issue-item:hover .issue-name,.related-item:hover .issue-name,.archive-item:hover .archive-title{color:var(--celadon);}
.hero-title em a,.hero-title a em{color:var(--celadon);}
.byline a:hover strong{color:var(--celadon);}
.ph-blank{background:var(--bone);}
.back-link{display:inline-block;font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--slate);margin-bottom:28px;}
.back-link:hover{color:var(--celadon);}
.strap a{color:var(--celadon);border-bottom:1px solid currentColor;}

/* Newsletter status line and spam trap */
.news-status{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--slate);min-height:1.6em;margin-top:22px;}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;}
.newsletter.standalone{margin:150px 0 40px;}
.news-form.solo{justify-content:center;}

/* Preview banner (only when the editor is logged in) */
.preview-flag{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:300;background:var(--terracotta);color:#fff;font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:6px 14px;border-radius:0 0 8px 8px;}
.draft-flag{display:inline-block;margin-top:18px;font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--terracotta);border:1px solid currentColor;padding:4px 10px;}

/* ---------- ARTICLE ---------- */
.article{max-width:1200px;}
.article-head{max-width:46em;margin:0 auto;text-align:center;padding:150px 0 48px;}
.article-eyebrow{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--celadon);margin-bottom:26px;transition:color .6s ease;}
.article-eyebrow a:hover{opacity:.65;}
.article-title{font-family:var(--serif);font-weight:500;font-size:60px;line-height:1.05;letter-spacing:-.01em;margin-bottom:24px;text-wrap:balance;}
.article-title em{font-style:italic;color:var(--celadon);transition:color .6s ease;}
.article-dek{font-family:var(--serif);font-size:23px;line-height:1.48;color:var(--slate);max-width:32em;margin:0 auto 26px;text-wrap:pretty;}
.article-head .byline a:hover strong{color:var(--celadon);}
.article-hero{max-width:1000px;margin:0 auto 64px;border:1px solid var(--whisper);background:var(--bone);overflow:hidden;}
.article-hero .ph{aspect-ratio:10/7;height:auto;}
.article-hero.portrait{max-width:420px;}
.article-hero.portrait .ph{aspect-ratio:4/5;}
.article-body{max-width:36em;margin:0 auto;padding-bottom:40px;}
.article-body p{font-family:var(--serif);font-size:21px;line-height:1.66;color:var(--ink);margin-bottom:1.15em;text-wrap:pretty;}
.article-body > p:first-of-type:not(.article-pending)::first-letter{font-size:3.3em;float:left;line-height:.86;padding:.06em .1em 0 0;color:var(--celadon);font-weight:500;}
.article-body h2{font-family:var(--serif);font-weight:500;font-size:30px;line-height:1.2;margin:1.8em 0 .7em;}
.article-body a{color:var(--celadon);border-bottom:1px solid currentColor;}
.article-body em{font-style:italic;}
.article-body .ko{font-weight:500;}
.pull{margin:2em -2em;padding:1.2em 0;border-top:1px solid var(--whisper);border-bottom:1px solid var(--whisper);text-align:center;}
.pull p{font-family:var(--serif);font-style:italic;font-size:32px!important;line-height:1.3!important;color:var(--celadon)!important;margin:0!important;}
.pull cite{display:block;margin-top:14px;font-family:var(--sans);font-style:normal;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--warm-grey);}
.qa{margin-bottom:1.4em;}
.qa .q{font-family:var(--sans)!important;font-size:15px!important;font-weight:600;line-height:1.55!important;color:var(--celadon)!important;margin-bottom:.6em!important;}
.qa .a{margin-bottom:0!important;}
.body-figure{margin:2.2em 0;}
.body-figure img{width:100%;height:auto;border:1px solid var(--whisper);}
.body-figure.wide{margin-left:calc(50% - min(50vw - 40px, 560px));margin-right:calc(50% - min(50vw - 40px, 560px));}
.body-figure figcaption{font-family:var(--sans);font-size:12px;letter-spacing:.03em;color:var(--warm-grey);margin-top:12px;line-height:1.5;}
.ornament{border:none;text-align:center;margin:2.2em 0;}
.ornament::before{content:"· · ·";font-family:var(--serif);font-size:22px;letter-spacing:.5em;color:var(--warm-grey);}
.article-pending{font-family:var(--serif);font-style:italic;font-size:19px;color:var(--warm-grey);text-align:center;}
.article-bios{max-width:36em;margin:0 auto 20px;padding-top:28px;border-top:1px solid var(--whisper);}
.article-bios p{font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.6;color:var(--slate);margin-bottom:10px;}
.article-bios strong{font-style:normal;font-weight:500;color:var(--ink);}
.related{max-width:1000px;margin:48px auto 0;padding-bottom:40px;}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:28px;}
.related-thumb{aspect-ratio:4/3;border:1px solid var(--whisper);background:var(--bone);overflow:hidden;margin-bottom:16px;}

/* ---------- ARCHIVE + CONTRIBUTOR ---------- */
.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-bottom:60px;}
.archive-item figure{aspect-ratio:4/5;border:1px solid var(--whisper);background:var(--bone);overflow:hidden;margin-bottom:18px;}
.archive-title{font-family:var(--serif);font-size:26px;line-height:1.15;}
.contributor-head{max-width:40em;margin:0 auto;text-align:center;padding:150px 0 60px;}
.contributor-head .eyebrow{margin-bottom:18px;}
.contributor-photo{width:140px;height:140px;object-fit:cover;border-radius:50%;margin:0 auto 28px;border:1px solid var(--whisper);}
.contributor .culture-grid{padding-bottom:60px;}

@media(max-width:900px){
  .article-title{font-size:46px;}
  .related-grid,.archive-grid{grid-template-columns:1fr 1fr;}
  .pull{margin:2em 0;}
}
@media(max-width:600px){
  .article-head,.contributor-head{padding:118px 0 36px;}
  .article-title{font-size:36px;}
  .article-dek{font-size:19px;}
  .article-body p{font-size:19px;}
  .pull p{font-size:26px!important;}
  .related-grid,.archive-grid{grid-template-columns:1fr;}
  .body-figure.wide{margin-left:0;margin-right:0;}
}