/* Quiet, architectural golf identity */
:root{--ink:#111;--muted:#111;--cream:#f4f1ea;--line:#ccc5b8;--accent:#9b8255}
body{background:#f7f5f0;color:#111}
header{background:#f7f5f0f5;border-bottom:1px solid #bcb4a5;backdrop-filter:blur(12px)}.topline{background:#e9e4da;color:#111;border-top:5px solid #191919;letter-spacing:3px}.logo strong{letter-spacing:2px}nav a{font-weight:650}nav a:hover{text-decoration:underline;text-underline-offset:8px;text-decoration-color:#9b8255}
.hero{background:linear-gradient(115deg,#eee9df,#faf8f3 55%,#e5dfd2);border-bottom:1px solid #bcb4a5;position:relative;isolation:isolate}.hero:before{content:'';position:absolute;inset:24px;border:1px solid #b1a185;pointer-events:none;z-index:-1}.hero .eyebrow{letter-spacing:3px}.hero h1.hero-brand-name{font-weight:650;letter-spacing:-.055em}.hero-tagline{font-family:Georgia,'Noto Serif KR','Batang',serif;font-weight:500}.hero-en{letter-spacing:6px;font-size:13px}.hero p{font-size:18px;font-weight:500}.hero .actions{margin-top:30px}
.btn,.hero .btn,.partner .btn,.service .btn,.enter{background:#e5ddcd!important;color:#111!important;border:1px solid #9c8c6c!important;border-radius:0;box-shadow:none;letter-spacing:1px}.btn:hover,.enter:hover{background:#d6c9b1!important}.text-link{border-color:#111}
.about,.team,.contact{background:#f7f5f0}.brands{background:#eae5dc}.section-top{padding-bottom:22px;border-bottom:1px solid #c7beae}.eyebrow{letter-spacing:2px}.brand-panel,.brand-panel.kuro-panel{background:#e0d9cc;box-shadow:none;border:1px solid #b6a991}.brand-panel:after,.kuro-panel:after{background:linear-gradient(0deg,#e6dfd2 3%,#e6dfd2f5 28%,transparent 75%)}.brand-caption h3{font-family:Georgia,serif;letter-spacing:8px}.brand-caption p{font-weight:500}
#collection{background:#f8f6f1}#collection .product{border-color:#c9c1b2;border-radius:0;padding:16px 16px 0;box-shadow:none}#collection .product h3{font-weight:650;letter-spacing:.2px}#collection .product .tag{font-size:12px;letter-spacing:1.4px}#collection .detail{border-color:#c9c1b2}#collection .product:hover{border-color:#877553}.tabs{border-color:#c9c1b2}.tabs button.active{border-color:#111}.spec th{background:#e7e1d6}#compare,.spec tbody tr:nth-child(even){background:#f5f2eb}.spec-wrap,.about-list>div{border-color:#bcb3a2}
.service{background:#e4ded1;border-top:1px solid #b9ad96;border-bottom:1px solid #b9ad96}.center-invite{background:linear-gradient(135deg,#e2dacb,#f2eee5);border:1px solid #a69778;box-shadow:none}.visual-caption{font-family:Georgia,serif;font-weight:500;letter-spacing:2px}.step{border-color:#b9ad96}.tour-heading{border-color:#b9ad96}.portrait img{border-color:#a38c61}.field-stories .photo-tile img,.equipment-grid img{background:#eeeae1}.photo-tile{background:transparent}.partner,.equipment-contact{background:#e7e0d3;border-color:#b9ad96}.contact-list{border-color:#b9ad96}footer{background:#ddd6c8;border-top:5px solid #191919;color:#111}.mobile-contact a:last-child{background:#ded4c1}.fitting-intro{background:linear-gradient(115deg,#eae4d8,#f5f1e9);border-bottom:1px solid #b9ad96}dialog,dialog .close{background:#f7f5f0}dialog summary{background:#e7e0d3}
.site-music{border-radius:2px;border-color:#b9ad96;background:#f7f5f0;box-shadow:none}.site-music input{accent-color:#222}.site-music.playing{border-color:#111}
html:has(.intro),body:has(.intro){background:#ede7dc}.intro{background:linear-gradient(120deg,#e4ddcf,#f7f3ea 60%,#ded5c4)}.shade{background:linear-gradient(90deg,#ede6d9bb,#f3eee5ee 40%,#ede5d8bb)}.intro .top,.intro .bottom{border-color:#b9ad96}.intro h1{font-weight:600}.intro-emblem{filter:none}.intro .art{opacity:.1}
@media(min-width:1101px){.hero{padding-top:68px;padding-bottom:68px}.hero h1.hero-brand-name{font-size:clamp(64px,5vw,96px)}h2{font-weight:600;letter-spacing:-1.5px}.about p,.sub,.section-top .sub{font-weight:500}.brands,.team{padding-top:68px;padding-bottom:68px}}
@media(max-width:800px){nav{background:#f7f5f0}.hero:before{inset:12px}.hero-en{letter-spacing:3px;font-size:11px}.hero p{font-size:16px}}
/* Corporate golf direction: restrained monochrome */
.hero{background:#eeece6;border-bottom:1px solid #bbb8af}.hero:before{display:none}.hero .eyebrow{padding-top:20px;position:relative}.hero .eyebrow:before{content:'';position:absolute;top:0;left:calc(50% - 28px);width:56px;height:3px;background:#111}.hero h1.hero-brand-name{font-weight:750}.hero-tagline{font-family:inherit;font-weight:500;letter-spacing:-1px}.btn,.hero .btn,.partner .btn,.service .btn,.enter{background:transparent!important;border-color:#111!important}.btn:hover,.enter:hover{background:#ddd9d0!important}.brands{background:#e5e3dd}.service{background:#e6e4de}.center-invite{background:#dedbd3;border-color:#a29d91}.partner,.equipment-contact,footer{background:#e4e1d9}.fitting-intro{background:#eeece6}.intro{background:#eeece6}.shade{background:#eeece6dd}

/* Original catalog cover, first page only */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:4%;text-align:left;align-items:center;padding:64px 4%;min-height:540px}.hero-copy{width:100%;max-width:none}.hero .eyebrow{justify-content:flex-start}.hero .eyebrow:before{left:0}.hero h1.hero-brand-name{font-size:clamp(36px,3.6vw,68px);line-height:1.25}.hero-tagline{font-size:clamp(22px,2vw,34px)}.hero .actions{justify-content:flex-start}.hero-en{letter-spacing:3px}.catalog-cover{margin:0;width:100%;border:1px solid #191919}.catalog-cover img{display:block;width:100%;height:auto}.hero-bottom{display:none}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding:42px 6%;gap:32px;min-height:0}.hero h1.hero-brand-name{font-size:38px}.hero-tagline{font-size:22px}.catalog-cover{grid-row:2}.hero p{font-size:16px}}
/* Clean white page surfaces. */
body,header,nav,.topline,.hero,.about,.brands,#collection,#compare,.team,.contact,.service,.center-invite,.partner,.equipment-contact,.fitting-intro,footer,dialog,dialog summary,.site-music,.spec th,.spec tbody tr:nth-child(even),#collection .product,.brand-panel,.brand-panel.kuro-panel{background:#fff!important}
.brand-panel:after,.kuro-panel:after{background:linear-gradient(0deg,#fff 3%,#fffffff5 28%,transparent 75%)}
.logo strong{font-size:clamp(20px,2.2vw,34px);letter-spacing:1px}
/* Product photographs lift gently toward the viewer. */
#collection .product{perspective:1000px;overflow:visible}
#collection .product .product-image{position:relative;transform:translateZ(0);transform-style:preserve-3d;transition:transform .35s ease,filter .35s ease;will-change:transform}
@media(hover:hover) and (pointer:fine){
#collection .product .product-image:hover{transform:translateZ(32px) translateY(-5px) rotateX(3deg);filter:drop-shadow(0 14px 12px #0003);z-index:3}
}
#collection .product .product-image:focus-visible{transform:translateZ(32px) translateY(-5px);filter:drop-shadow(0 14px 12px #0003);outline:2px solid #111;outline-offset:4px;z-index:3}
@media(prefers-reduced-motion:reduce){#collection .product .product-image{transition:none}#collection .product .product-image:hover,#collection .product .product-image:focus-visible{transform:none}}
.service-visual.center-invite{display:flex;flex-direction:column;justify-content:center;padding:30px;gap:18px;min-width:0}
.center-invite .visual-caption,.center-invite .note{position:static;margin:0;transform:none}
.center-invite .visual-caption{font-size:clamp(23px,2.3vw,36px);line-height:1.2}
.center-slideshow{width:100%;min-width:0}.center-stage{position:relative;aspect-ratio:1.65;perspective:1000px;transform-style:preserve-3d}
.center-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;border-radius:14px;opacity:0;visibility:hidden;backface-visibility:hidden;transform-origin:50% 50% -100px;transform:rotateY(90deg);transition:transform 1.2s ease,opacity 1.2s,visibility 1.2s}
.center-slide.active{opacity:1;visibility:visible;transform:rotateY(0);z-index:2}.center-slide.leaving{opacity:0;visibility:visible;transform:rotateY(-90deg)}
.center-controls{display:flex;align-items:center;gap:10px;margin-top:16px}.center-label{flex:1;font-size:13px;font-weight:700}.center-controls button{width:34px;height:34px;background:white;border:1px solid #ccc;cursor:pointer}.center-controls button:focus-visible{outline:2px solid #111}
@media(max-width:600px){.service-visual.center-invite{padding:20px}.center-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){.center-slide{transform:none!important;transition:none}}
