@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;1,400&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--ink:#1c211e;--cream:#f2f0e8;--paper:#fbfaf6;--sage:#677469;--clay:#a95d3c;--line:#1c211e29}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif;font-weight:400}button,a{font:inherit;color:inherit}button{cursor:pointer}img{width:100%;display:block}.section{padding:120px max(7vw,32px)}.header{background:var(--paper);z-index:30;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;height:92px;padding:0 max(4vw,24px);display:flex;position:relative}.logo{background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:104px;height:80px;padding:0;display:flex}.logo-image{width:104px;height:80px;display:block;position:relative;overflow:hidden}.logo-image img{width:140px;max-width:none;height:140px;position:absolute;top:-30px;left:-18px}.header .logo-image img{filter:brightness(0)}.header nav{align-items:center;gap:clamp(15px,2.1vw,34px);display:flex}.header nav button{text-transform:uppercase;letter-spacing:.12em;background:0 0;border:0;padding:10px 0;font-size:11px;position:relative}.header nav button:after{content:"";background:currentColor;width:0;height:1px;transition:all .3s;position:absolute;bottom:4px;left:0}.header nav button:hover:after{width:100%}.menu{background:0 0;border:0;display:none}.hero{color:#fff;background:#49513c;height:calc(100vh - 92px);min-height:650px;position:relative;overflow:hidden}.hero-poster,.hero-video{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,#080f0ab8 0%,#080f0a29 58%,#080f0a0a);position:absolute;inset:0}.hero-copy{max-width:650px;position:absolute;top:50%;left:max(7vw,32px);transform:translateY(-50%)}.eyebrow{letter-spacing:.24em;text-transform:uppercase;font-size:10px;font-weight:600}.light-text{color:#ffffffba}h1,h2,h3,p{margin-top:0}.hero h1,.editorial-hero h1,.contact-wrap h1{letter-spacing:-.035em;margin:34px 0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(62px,8.7vw,132px);font-weight:400;line-height:.83}.hero h1 em,.editorial-hero h1 em,.contact-wrap h1 em{font-style:italic;font-weight:400}.hero-copy>p:not(.eyebrow){max-width:480px;font-size:17px;line-height:1.6}.round-link{color:#fff;text-transform:uppercase;letter-spacing:.16em;background:0 0;border:1px solid #ffffff80;border-radius:100px;align-items:center;gap:24px;height:54px;margin-top:25px;padding:0 24px;font-size:10px;transition:all .25s;display:flex}.round-link:hover{color:var(--ink);background:#fff}.scroll{color:#fff;letter-spacing:.2em;background:0 0;border:0;align-items:center;gap:10px;font-size:9px;display:flex;position:absolute;bottom:32px;right:max(4vw,24px)}.intro{grid-template-columns:.8fr 2.2fr;gap:60px;display:grid}.intro>h2{letter-spacing:-.02em;grid-column:2;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(46px,6vw,88px);font-weight:400;line-height:1.03}.intro-grid{grid-column:2;grid-template-columns:1fr 1fr;align-items:end;gap:80px;display:grid}.intro-grid p,.craft p,.about-grid p{color:#62665f;font-size:15px;line-height:1.8}.text-link{border:0;border-bottom:1px solid var(--ink);text-transform:uppercase;letter-spacing:.18em;background:0 0;justify-self:start;align-items:center;gap:45px;padding:12px 0;font-size:10px;display:flex}.text-link svg{width:17px}.category-showcase{grid-template-columns:repeat(3,1fr);height:720px;display:grid}.category-panel{color:#fff;cursor:pointer;position:relative;overflow:hidden}.category-panel:after{content:"";background:linear-gradient(#0000 42%,#040a07b3);position:absolute;inset:0}.category-panel img{object-fit:cover;height:100%;transition:transform .8s}.category-panel:hover img{transform:scale(1.045)}.category-panel>div{z-index:2;position:absolute;bottom:55px;left:42px}.category-panel p{text-transform:uppercase;letter-spacing:.2em;font-size:10px}.category-panel h3{margin:10px 0 24px;font-family:Cormorant Garamond,Georgia,serif;font-size:55px;font-weight:400}.category-panel span{letter-spacing:.16em;align-items:center;gap:20px;font-size:9px;display:flex}.craft{background:var(--cream);grid-template-columns:1fr 1fr;align-items:center;gap:100px;display:grid}.craft-number{color:var(--sage);align-items:flex-end;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(150px,23vw,330px);line-height:.8;display:flex}.craft-number small{letter-spacing:.2em;margin:0 0 20px 10px;font:500 10px DM Sans}.craft h2,.about-grid h2,.related h2{margin:32px 0;font:400 clamp(42px,4.5vw,68px)/1.05 Cormorant Garamond,Georgia,serif}.craft>div:last-child>p:last-child{max-width:530px}.cta-band{background:var(--sage);color:#fff;justify-content:space-between;align-items:center;padding:55px max(7vw,32px);display:flex}.cta-band p{margin:0;font:400 clamp(27px,3vw,45px) Cormorant Garamond,Georgia,serif}.cta-band button{color:#fff;letter-spacing:.16em;background:0 0;border:0;border-bottom:1px solid #fff;align-items:center;gap:35px;padding:14px 0;font-size:10px;display:flex}.page-hero{color:#fff;background-position:50%;background-size:cover;flex-direction:column;justify-content:end;height:460px;padding:max(8vw,75px) max(7vw,32px);display:flex;position:relative}.page-hero:before{content:"";background:linear-gradient(90deg,#090c0a9e,#090c0a0a);position:absolute;inset:0}.page-hero>*{position:relative}.page-hero.tiles{background-image:url(/images/tiles/urun_1.2.jpg)}.page-hero.home{background-image:url(https://oscarporselen.com/wp-content/uploads/2026/04/emsan-sunrise-yuvarlak-24-parca-6-kisi-1645-9-2.webp)}.page-hero.gifts{background-image:url(https://oscarporselen.com/wp-content/uploads/2026/04/20240627_CASKATA_0122-3_20a8fca7-a95f-4887-a626-a94f7aa0727e-2.webp)}.page-hero h1{margin:25px 0;font:400 clamp(70px,9vw,130px)/.8 Cormorant Garamond,Georgia,serif}.page-hero>p:last-child{max-width:450px}.listing{padding-top:70px}.listing-head{text-transform:uppercase;letter-spacing:.2em;border-bottom:1px solid var(--line);justify-content:space-between;margin-bottom:45px;padding-bottom:20px;font-size:9px;display:flex}.product-grid{grid-template-columns:repeat(4,1fr);gap:55px 24px;display:grid}.product-image{aspect-ratio:1;background:#efefeb;position:relative;overflow:hidden}.product-image img{object-fit:cover;height:100%;transition:all .55s}.product-card{cursor:pointer}.product-card:hover img{transform:scale(1.035)}.product-image>span{letter-spacing:.15em;font-size:9px;position:absolute;top:12px;left:14px}.view{letter-spacing:.16em;background:#fbfaf6eb;justify-content:space-between;padding:14px 18px;font-size:9px;transition:all .3s;display:flex;position:absolute;inset:auto 12px 12px;transform:translateY(70px)}.product-card:hover .view{transform:none}.product-card>p{letter-spacing:.16em;text-transform:uppercase;color:#82847f;margin:18px 0 8px;font-size:9px}.product-card>h3{text-transform:uppercase;font:400 23px Cormorant Garamond,Georgia,serif}.detail-top{text-align:center;padding:70px 20px 45px;position:relative}.detail-top h1{text-transform:uppercase;margin:22px 0 0;font:400 clamp(48px,6vw,82px) Cormorant Garamond,Georgia,serif}.back{text-transform:uppercase;letter-spacing:.13em;background:0 0;border:0;align-items:center;gap:10px;font-size:10px;display:flex;position:absolute;top:65px;left:max(4vw,24px)}.back svg{width:16px}.detail-main{grid-template-columns:1.05fr .95fr;gap:8vw;padding-top:30px;display:grid}.detail-image{position:relative}.detail-image img{aspect-ratio:1;object-fit:cover}.detail-image .detail-closeup{background:var(--paper);border:5px solid var(--paper);width:32%;padding:0;position:absolute;bottom:18px;right:18px;overflow:hidden;box-shadow:0 12px 28px #0000002e}.detail-image span{background:var(--paper);letter-spacing:.17em;padding:11px 14px;font-size:8px;position:absolute;bottom:18px;left:18px}.specs{padding-top:40px}.specs h2{margin:25px 0;font:400 52px/1.05 Cormorant Garamond,Georgia,serif}.specs>p:not(.eyebrow){color:#6b6e68;max-width:500px;line-height:1.75}.specs dl{margin:40px 0}.specs dl div{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;padding:14px 0;display:grid}.specs dl div:last-child{border-bottom:1px solid var(--line)}dt{letter-spacing:.14em;font-size:9px;font-weight:600}dd{color:#696c67;margin:0;font-size:13px}.primary{background:var(--ink);color:#fff;letter-spacing:.17em;border:0;align-items:center;gap:42px;padding:19px 23px;font-size:9px;text-decoration:none;display:inline-flex}.primary svg{width:17px}.related{background:var(--cream)}.related>h2{margin-top:20px}.product-grid.compact{grid-template-columns:repeat(3,1fr)}.editorial-hero{background:var(--cream);padding:130px max(7vw,32px)}.editorial-hero h1{margin-bottom:0;font-size:clamp(68px,10vw,145px)}.about-grid{grid-template-columns:1.1fr .9fr;gap:10vw;display:grid}.about-grid h2{margin-top:30px}.about-grid>div:last-child{padding-top:50px}.values{background:var(--ink);color:#fff;grid-template-columns:repeat(3,1fr);gap:70px;padding:90px max(7vw,32px);display:grid}.values span{letter-spacing:.2em;color:#aeb5ae;font-size:9px}.values h3{margin:40px 0 18px;font:400 38px Cormorant Garamond,Georgia,serif}.values p{color:#afb2ad;font-size:13px;line-height:1.6}.contact-wrap{grid-template-columns:1.1fr .9fr;align-items:center;gap:10vw;min-height:700px;display:grid}.contact-wrap h1{font-size:clamp(60px,8vw,115px)}.contact-wrap>div:first-child>p:last-child{color:#6c6e69;max-width:450px;line-height:1.7}.contact-info{border-top:1px solid var(--line);flex-direction:column;display:flex}.contact-info>a:not(.primary),.contact-info>div{border-bottom:1px solid var(--line);align-items:center;gap:22px;padding:25px 5px;font:400 20px Cormorant Garamond,Georgia,serif;text-decoration:none;display:flex}.contact-info svg{width:17px}.contact-info span{flex-direction:column;line-height:1.5;display:flex}.contact-info small{letter-spacing:.18em;margin-bottom:4px;font:600 8px DM Sans}.contact-info .primary{align-self:flex-start;margin-top:35px}.catalog{grid-template-columns:.85fr 1.15fr;align-items:center;gap:10vw;min-height:720px;display:grid}.catalog-cover{aspect-ratio:.72;background:var(--clay);color:#f6e9db;flex-direction:column;justify-content:space-between;max-width:420px;padding:40px;display:flex;transform:rotate(-2deg);box-shadow:20px 25px 45px #00000029}.catalog-brand{width:150px;height:150px;position:relative;overflow:hidden}.catalog-brand img{filter:brightness(0);width:260px;max-width:none;height:260px;position:absolute;top:-58px;left:-55px}.catalog-cover p{writing-mode:vertical-rl;align-self:flex-end;font:400 41px Cormorant Garamond,Georgia,serif}.catalog-cover span{letter-spacing:.2em;font-size:10px}.catalog>div:last-child h1{margin:30px 0;font:400 clamp(52px,6vw,90px)/1 Cormorant Garamond,Georgia,serif}.catalog>div:last-child>p:not(.eyebrow){color:#6b6e68;max-width:550px;margin-bottom:35px;line-height:1.7}footer{color:#f4f2eb;background:#141815;grid-template-columns:2fr 1fr 1.4fr;gap:6vw;padding:75px max(7vw,32px) 25px;display:grid}footer .logo{color:#fff;padding:0}footer>div:first-child>p{max-width:380px;margin-top:35px;font:400 25px/1.35 Cormorant Garamond,Georgia,serif}footer>div:nth-child(2),footer>div:nth-child(3){color:#b6b9b3;flex-direction:column;gap:13px;font-size:12px;display:flex}footer>div>span{letter-spacing:.2em;color:#fff;margin-bottom:12px;font-size:9px}footer button,footer a{color:inherit;text-align:left;background:0 0;border:0;padding:0;text-decoration:none}.footer-bottom{color:#858984;border-top:1px solid #ffffff26;grid-column:1/-1;justify-content:space-between;margin-top:55px;padding-top:20px;font-size:10px;display:flex}.footer-bottom p{margin:0}@media (width<=900px){.section{padding:85px 24px}.header{height:74px}.header nav{background:var(--paper);flex-direction:column;align-items:flex-start;padding:30px;display:none;position:absolute;top:74px;left:0;right:0}.header nav.open{display:flex}.header nav button{font-size:14px}.menu{display:block}.hero{height:calc(100svh - 74px)}.hero h1{font-size:60px}.intro,.intro-grid,.craft,.about-grid,.contact-wrap,.catalog,.detail-main{grid-template-columns:1fr}.intro>h2,.intro-grid{grid-column:1}.intro-grid{gap:25px}.category-showcase{grid-template-columns:1fr;height:auto}.category-panel{height:500px}.craft{gap:55px}.category-showcase .category-panel>div{bottom:30px;left:24px}.product-grid{grid-template-columns:repeat(2,1fr)}.detail-top{text-align:left;padding:80px 24px 35px}.back{margin-bottom:45px;position:static}.values{grid-template-columns:1fr;gap:40px}.contact-wrap{padding-top:80px}.catalog-cover{max-width:330px;margin:auto}.page-hero{height:400px}.page-hero h1{font-size:74px}footer{grid-template-columns:1fr 1fr}footer>div:first-child,.footer-bottom{grid-column:1/-1}}@media (width<=560px){.logo,.logo-image{width:90px;height:66px}.logo-image img{width:116px;height:116px;top:-25px;left:-13px}.category-panel{height:420px}.product-grid,.product-grid.compact{grid-template-columns:1fr}.hero-copy{left:24px;right:24px}.hero-copy>p:not(.eyebrow){font-size:14px}.hero{min-height:590px}.intro>h2{font-size:44px}.craft-number{font-size:180px}.cta-band{flex-direction:column;align-items:flex-start;gap:30px}.detail-main{padding-top:0}.specs h2{font-size:44px}.editorial-hero{padding-top:90px}.values{padding:70px 24px}footer{grid-template-columns:1fr}.footer-bottom{grid-column:1}.catalog{padding-top:75px}}@media (prefers-reduced-motion:reduce){.hero-video{display:none}*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
