/* SACKO CONCEPT — signature editorial direction */
:root{--ink:#073c32;--paper:#f7f3ea;--gold:#c6a66b;--line:#d8dace;--muted:#64756c;--gutter:clamp(24px,5.5vw,110px)}
body{color:var(--ink);background:var(--paper)}::selection{background:#c6a66b;color:#073c32}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}h2{font-size:clamp(38px,4.25vw,66px);line-height:1.06}h2 em{color:#738b72}h3{letter-spacing:-.025em}.header{height:94px;background:rgba(247,243,234,.97);backdrop-filter:blur(15px);border-bottom:1px solid #073c321a}.header nav{font-size:12px;gap:26px}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;bottom:-6px;left:0;height:1px;background:var(--ink);width:0;transition:width .25s}.header nav a:hover:after{width:100%}.header-actions{gap:22px}.header .brand-logo{width:46px;height:46px}.wordmark{font-size:11px}.wordmark b{font-size:9px}.button{border-radius:0;gap:26px;font-size:12px;letter-spacing:.02em;min-height:54px;padding:15px 23px}.button.small{min-height:43px;font-size:11px;padding:12px 18px}.text-link{font-size:12px;line-height:1.5;padding-bottom:6px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:600}.section{padding-block:100px}.section-heading{gap:45px;margin-bottom:40px}.section-intro{font-size:14px;max-width:345px;line-height:1.8}.signature-hero{display:grid;grid-template-columns:1.06fr 1fr;gap:5%;padding:55px var(--gutter) 65px;background:var(--paper);color:var(--ink);max-width:1800px;margin:auto;overflow:visible;align-items:center}.signature-hero h1{font-size:clamp(60px,6.45vw,108px);line-height:.97;letter-spacing:-.06em;margin:35px 0 29px;max-width:800px}.signature-hero h1 em{color:#7a927d;letter-spacing:-.06em}.signature-hero .eyebrow{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:9px}.status-dot{width:6px;height:6px;background:#6b8d65;border-radius:50%;flex-shrink:0}.hero-lead{font-size:14px;line-height:1.8;max-width:405px;color:#52685f;margin-bottom:27px}.signature-hero .hero-links{gap:25px;flex-wrap:wrap}.signature-hero .text-link{color:var(--ink)}.hero-signoff{display:flex;align-items:center;gap:15px;font-size:10px;color:#64756c;margin-top:42px;letter-spacing:.04em}.fine-line{width:35px;height:1px;background:var(--gold)}.hero-visual{position:relative;height:570px;align-self:stretch;margin-top:0;min-height:520px;background:#24251d;border-radius:180px 0 0 0}.hero-scene{width:100%;height:100%;object-fit:cover;object-position:49% center;border-radius:inherit;filter:brightness(.8)}.hero-visual:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#071f17cf);pointer-events:none}.visual-index{position:absolute;top:25px;right:25px;color:#eee9dc;font-size:9px;letter-spacing:.16em}.visual-caption{position:absolute;bottom:84px;left:34px;color:#fffaf0;z-index:1}.visual-caption>span{font-size:9px;letter-spacing:.2em;color:#dfc998}.visual-caption p{font:400 clamp(30px,3.2vw,52px)/1.08 Georgia,serif;letter-spacing:-.04em;margin-top:15px}.visual-caption em{color:#ddc99d}.hero-note{position:absolute;bottom:-18px;left:-30px;right:25px;background:#ede9de;border:1px solid #d3c9b5;padding:22px;display:flex;gap:16px;align-items:center;z-index:2;box-shadow:0 14px 30px #092b1910}.note-symbol{font:28px Georgia;color:#738b72}.hero-note small{font-size:8px;letter-spacing:.18em;display:block;margin-bottom:6px}.hero-note strong{font:400 19px Georgia}.discipline-strip{background:var(--ink);color:var(--paper);font-size:12px;letter-spacing:.08em;padding-block:23px}.discipline-strip .spark{color:#c6a66b;font-size:16px}.intent-section{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-bottom:1px solid var(--line)}.intro-statement h2{margin-bottom:24px}.intro-statement>p:last-child{max-width:390px;font-size:14px;color:#64756c}.intro-statement>.eyebrow{color:#8a6837}.intent-list{padding-top:20px}.intent-list>a{display:flex;align-items:center;gap:20px;padding:28px 0;border-top:1px solid #cdd3c7;transition:padding .3s}.intent-list>a:last-child{border-bottom:1px solid #cdd3c7}.intent-list>a:hover{padding-left:12px}.intent-number{align-self:start;font-size:10px;padding-top:6px;color:#8e7349}.intent-list h3{font:400 26px Georgia;margin:0 0 9px}.intent-list p{margin:0;font-size:12px;color:#64756c}.intent-list>a>span:last-child{margin-left:auto;font-size:24px}.portfolio-section{background:#f0eee5}.portfolio-grid{gap:42px 30px}.project-image{border-radius:0;background:#e4e3d9}.project-card:nth-child(even){padding-top:50px}.project-meta h3{font:400 29px Georgia}.project-meta p{font-size:11px;letter-spacing:.03em}.project-view{border-radius:0;font-size:11px}.filters{margin-bottom:38px}.filters button{border-radius:0;border:0;border-bottom:1px solid #cfd4c8;padding:9px 15px;font-size:11px}.filters button[aria-pressed=true]{background:none;border-color:var(--ink);color:var(--ink);font-weight:700}.filters button:hover{background:#e1e5db;color:var(--ink)}.section-foot{margin-top:36px}.section-foot p{font-size:11px}.business-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center;background:#073c32;color:#f7f3ea;overflow:hidden}.business-copy .eyebrow{color:#d5bf91}.business-copy h2{margin:24px 0}.business-copy h2 em{color:#c6a66b}.business-copy>p:not(.eyebrow){max-width:430px;font-size:14px;color:#d0dacf;line-height:1.8}.business-points{list-style:none;padding:0;margin:25px 0 32px}.business-points li{border-bottom:1px solid #ffffff29;padding:12px 0;font-size:12px}.business-points li:before{content:'↗';color:#cfb47f;margin-right:15px}.business-display{background:#e5e8e1;padding:12px 12px 0;transform:rotate(-2deg);box-shadow:30px 30px 0 #d2be8e14}.business-display img{display:block;width:100%;height:450px;object-fit:contain;background:white}.display-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:8px;letter-spacing:.12em;padding:7px 2px 15px;color:#24483b}.window-dots{letter-spacing:4px;color:#a5b5a6}.display-label{text-align:center;color:#456151;font-size:8px;letter-spacing:.1em;padding:16px 5px}.services-section{background:var(--paper);border:0}.service-list summary{font-family:Georgia;font-size:30px;letter-spacing:-.03em}.service-detail p{font-size:14px}.service-tags{font-size:11px}.packs-section{background:#e7eade;color:var(--ink)}.packs-section .section-heading.centered .eyebrow{color:#886b37}.packs-section .section-heading.centered p:last-child{color:#5b7064}.packs-section h2 em{color:#70856c}.pack-tabs{border-color:#bcc6b8;border-radius:0}.pack-tabs button{border-radius:0;color:#4c6658}.pack-tabs button[aria-selected=true]{background:#073c32;color:#f7f3ea}.pack-card{background:#f7f3ea;border:1px solid #c6cdbd;border-radius:0;color:var(--ink)}.pack-card.featured{background:#073c32;color:#f7f3ea;border-color:#073c32}.pack-card h3{font:400 29px Georgia}.pack-highlight{background:#c6a66b;color:#073c32;border-radius:0}.pack-tag,.pack-description,.pack-timeline,.pack-card ul,.currency small{color:#536b5c}.pack-card.featured .pack-tag,.pack-card.featured .pack-description,.pack-card.featured .pack-timeline,.pack-card.featured ul,.pack-card.featured .currency small{color:#d1dacd}.pack-card .button{background:#073c32;color:#f7f3ea;border-color:#073c32}.pack-card.featured .button{background:#f7f3ea;color:#073c32}.pack-price{font-family:Georgia}.pack-note{color:#556a5c}.invoice-link{color:inherit}.custom-banner{border-color:#b9c3b2}.custom-banner p{color:#5c6d5e}.custom-banner .button.outline{color:#073c32;border-color:#073c32}.shop-section{background:#f7f3ea}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.shop-card{display:block}.shop-image{position:relative;overflow:hidden;background:#e6e5db;aspect-ratio:1/1}.shop-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s}.shop-card:hover img{transform:scale(1.035)}.shop-image>span{position:absolute;top:14px;left:14px;padding:7px 10px;background:#f7f3eaf2;color:#073c32;font-size:8px;letter-spacing:.12em}.shop-body{padding-top:22px}.shop-body h3{font:400 27px Georgia;display:flex;justify-content:space-between;gap:12px}.shop-body h3>span:last-child{font:20px Arial}.shop-body p{font-size:13px;color:#607266}.shop-body .text-link{margin-top:5px}.shop-bottom{margin-top:40px;border-top:1px solid var(--line);padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:40px}.shop-bottom p{max-width:650px;font-size:12px;color:#64756c;margin:0}.shop-bottom a{flex-shrink:0}.process-section{background:#eaece2;border-top:1px solid var(--line)}.process-grid article>span{font:400 40px Georgia;color:#8c9b83}.process-grid h3{font-size:17px}.process-grid p{font-size:13px}.studio-section{background:#f7f3ea;gap:8%;align-items:center}.studio-art{border-radius:150px 0 0 0;overflow:hidden;background:#101b15}.studio-art img{width:100%;height:auto;display:block}.studio-copy p:not(.eyebrow){font-size:14px;color:#607266}.studio-copy h2{margin-bottom:26px}.studio-facts{border-color:#cbd2c4;gap:10px;flex-wrap:wrap}.studio-facts span{font-size:10px;color:#576b5c}.briefs-section{background:#eeeee4;border-top:1px solid var(--line)}.brief-card{border-radius:0;background:#f7f3ea;border-color:#cfd5c8}.brief-card h3{font-size:16px}.brief-card p{font-size:12px}.brief-number{color:#8a754a}.brief-open{color:#073c32}.brief-icon{background:#e4e8da;color:#073c32;border-radius:50%}.faq-section{background:#f7f3ea}.faq-list summary{font-size:15px}.faq-list p{font-size:13px}.contact-section{background:#073c32;color:#f7f3ea;position:relative;overflow:hidden;padding-block:90px}.contact-section:before{content:'SC';font:400 440px Georgia;letter-spacing:-.15em;position:absolute;right:5%;top:-40px;color:#ffffff04;pointer-events:none}.contact-head h2{font-size:clamp(42px,6.5vw,96px);max-width:1000px;line-height:1.05}.contact-head h2 em{color:#c6a66b}.contact-details{color:#d2dacd}.contact-details p{color:#c1cdbf}.contact-section .dark-outline{border-color:#8a9d85;color:#f7f3ea}.contact-section .social-links a{color:#e1e4d8;border-color:#ffffff30}.footer{background:#f7f3ea}.footer p,.footer-links{font-size:10px}.whatsapp-float{background:#073c32;border:1px solid #c6a66b;padding:14px 18px;font-size:11px;box-shadow:0 6px 25px #073c3226}.whatsapp-float svg{width:20px;height:20px}.project-dialog{border-radius:0;background:#f7f3ea;color:#073c32}.dialog-copy h2{font-size:45px}.dialog-copy p{color:#596d60}.return-brief{background:#e7eade;color:#073c32}.reveal{animation:rise-in .65s ease both}@keyframes rise-in{from{opacity:.5;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.section{padding-inline:max(var(--gutter),calc((100vw - 1550px)/2))}.header{padding-inline:max(var(--gutter),calc((100vw - 1550px)/2))}}
@media(max-width:1100px){.header nav{gap:16px}.header-actions{gap:14px}.header-cta{display:none}.signature-hero{gap:4%}.signature-hero h1{font-size:70px}.hero-visual{height:560px}.hero-note{left:-15px;right:15px;padding:17px}.hero-note strong{font-size:17px}.intent-section{gap:7%}.business-section{gap:5%}.business-display img{height:380px}.service-tags{display:none}}
@media(max-width:800px){.header{height:78px}.header nav.open{background:#f7f3ea;color:#073c32;top:78px;border-bottom:1px solid #cbd2c4}.header nav{font-size:14px}.header nav a{padding:10px 0}.menu-toggle{display:block}.header-actions{gap:22px}.hero-signoff{margin-top:25px}.signature-hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:50px;gap:35px}.signature-hero h1{font-size:clamp(60px,10vw,88px);margin-top:25px;line-height:.97}.hero-lead{max-width:500px}.hero-visual{height:440px;min-height:0;margin-left:20px;border-radius:120px 0 0 0}.hero-note{left:-20px;bottom:-15px}.visual-caption{bottom:65px}.visual-caption p{font-size:40px}.discipline-strip{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:10px;text-align:center}.discipline-strip .spark{display:none}.section{padding-block:65px}.intent-section,.business-section{grid-template-columns:1fr;gap:30px}.intro-statement>p:last-child{max-width:520px}.intent-list{padding-top:0}.intent-list>a{padding:22px 0}.intent-list h3{font-size:25px}.section-heading{gap:24px}.portfolio-grid{gap:32px 20px}.project-card:nth-child(even){padding-top:0}.project-meta h3{font-size:23px}.project-meta p{font-size:10px}.business-copy>p:not(.eyebrow){max-width:550px}.business-display{margin:15px 10px;transform:rotate(-1deg)}.business-display img{height:450px}.service-list summary{font-size:25px}.shop-grid{gap:18px;grid-template-columns:1fr 1fr}.shop-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.shop-bottom{display:block}.shop-bottom p{margin-bottom:20px}.studio-section{gap:35px}.studio-art{max-width:460px}.contact-section{padding-block:65px}.whatsapp-float{padding:14px}.section-foot{align-items:start}.shop-body h3{font-size:23px}.service-detail{padding-left:0}}
@media(max-width:540px){.signature-hero h1{font-size:clamp(50px,12.8vw,70px)}.signature-hero .eyebrow{font-size:8px;letter-spacing:.09em}.hero-lead{font-size:13px}.signature-hero .hero-links{gap:20px}.hero-visual{height:350px}.visual-caption{left:24px}.visual-caption p{font-size:35px}.hero-note strong{font-size:16px}.hero-note small{font-size:7px}.section-heading{display:block}.section-heading h2{margin-bottom:22px}.section-heading .section-intro{max-width:none}.portfolio-grid{grid-template-columns:1fr}.project-image{aspect-ratio:4/3}.project-meta h3{font-size:26px}.project-view{opacity:1;transform:none;padding:8px 12px;font-size:9px}.section-foot{display:block}.section-foot p{margin-bottom:15px}.filters{gap:3px}.filters button{padding:9px 11px;font-size:10px}.business-display img{height:330px}.shop-grid{grid-template-columns:1fr;gap:35px}.shop-card:last-child{display:block;grid-column:auto}.shop-body h3{font-size:28px}.shop-image{aspect-ratio:1.12}.shop-body p{max-width:360px}.intent-list h3{font-size:23px}.intent-list p{font-size:11px}.intent-list>a{gap:14px}.service-list summary{font-size:23px;grid-template-columns:28px 1fr 20px;gap:12px}.pack-tabs{max-width:100%;width:100%;gap:0;padding:3px}.pack-tabs button{font-size:10px;padding:10px 7px;flex:1}.contact-head h2{font-size:45px}.contact-actions{align-items:stretch;flex-direction:column}.contact-details a{font-size:16px}.footer{padding-bottom:90px}.brief-card h3{font-size:17px}.process-grid{grid-template-columns:1fr 1fr;gap:25px}.process-grid h3{font-size:16px}.process-grid p{font-size:12px}.studio-art{border-radius:100px 0 0 0}.display-label{font-size:7px}.business-copy h2{font-size:44px}}
@media(prefers-reduced-motion:reduce){.reveal{animation:none!important}.hero-art img,.shop-image img{transition:none!important}}

/* Business preview gallery: legible details and full-size originals. */
.business-section{display:block}.business-copy{max-width:850px;margin-bottom:45px}.business-copy h2{font-size:clamp(38px,4vw,60px)}.business-copy h2 br{display:none}.business-copy h2 span:after{content:' '}.business-copy>p:not(.eyebrow){max-width:700px}.business-points{display:flex;gap:25px;flex-wrap:wrap}.business-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.capture-card{display:block;background:#fff;color:#073c32;border:1px solid #b6c7b1;min-width:0;transition:transform .2s}.capture-card:hover{transform:translateY(-4px)}.capture-top{display:flex;justify-content:space-between;gap:12px;padding:18px;font-size:12px;font-weight:600;background:#e9eee5;min-height:65px;align-items:center}.capture-frame{height:340px;overflow:hidden;background:#fff;position:relative}.capture-frame img{display:block;width:100%;max-width:none;height:100%;object-fit:contain}.capture-rh img{width:210%;height:auto;margin-left:-55%;margin-top:-45px}.capture-word img{width:125%;height:auto;margin-left:-12.5%;margin-top:-20px}.capture-excel img{width:auto;max-width:none;height:100%;object-fit:cover;object-position:left;}.capture-bottom{border-top:1px solid #dae3d5;padding:15px 18px;font-size:11px;background:#f7f3ea}.capture-disclaimer{margin:20px 0 0;font-size:10px;letter-spacing:.06em;color:#d1dccc}.capture-card:focus-visible{outline:3px solid #c6a66b;outline-offset:5px}@media(max-width:800px){.business-gallery{grid-template-columns:1fr 1fr;gap:18px}.capture-card:last-child{grid-column:1/-1}.capture-excel{height:220px}.capture-excel img{width:100%;height:100%;object-fit:contain}.business-points{display:block}}@media(max-width:540px){.business-gallery{grid-template-columns:1fr}.capture-card:last-child{grid-column:auto}.capture-frame{height:350px}.capture-excel{height:170px}.capture-top{min-height:55px}.business-copy{margin-bottom:30px}}
